[ 詳細データを見る ] [ 関連データを見る ] [ ニコニコ風に見る ]
|
WordPressの管理画面のメニュー項目 に使用されているアイコンを変更する のに便利そうなテンプレートがあった のでご紹介。カスタム投稿タイプも 一般的に利用されてきている印象なの で、アイコンも投稿タイプに合わせて 作ってみては如何でしょう。 WPの管理画面のメニューなどに利用するアイコンを... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
[HTML・CSS] CSSのみでボタンや吹き出しをデザインするときに役立つジェネレーター [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
昨日に引き続き、CSSも収録しなおしました。音質アップ&フォント見やすく、ですっきりしましたw。ふー。 それからCSSに関しては今回見なおして、5つの動画を追加しておきました。以前作ったときに敬遠していたpositionやらセレクタの優先順位やらを簡単に紹介しています。ややこしいですが、やはり知っ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
スマートフォンサイトとPCサイトの振り分けを考える上で、ひとつの選択肢となる「レスポンシブWebデザイン」。 そこで今回はレスポンシブWebデザインを使用したサイトの制作や仕組みを理解しておくためにCSS3のメディアクエリを使用してレスポンシブWebデザインのデモソースとチュートリアルをつくりまし... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
バージョン5以降より、HTML5、CSS3、スマートフォンをはじめとする最近のサイト制作に必要な新しいスキルの支援機能に力を入れているDreamweaver。最新のDreamweaver CS6では、デバイスやブラウザウィンドウの横幅に応じてレイアウトが変更されるレスポンシブWebデザインを実現す... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
CSSのセレクタの記述例とそれがどのように適用されるか、実例を見ながら学べるサイトを紹介します。 各ブラウザのサポート状況も掲載されています。 Learn CSS Selectors interactively サイトに [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
最近困ったことはプラグインとCSSが大抵解決してくれると思ってます ほんとにプラグインとCSSは知らないと損することがてんこ盛りでね。「てんこ」って何よ@shintarowfreshです。 貼り付けるビデオの幅、変更できるって知ってますか? とりあえず、コンテンツの横幅一杯になってくれたら便利だと... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ナビゲーションやリストを水平に並べると、なぜか少し隙間が生まれてしまうことがあります。今回はこの現象の解決方法をいくつか紹介したいと思います。 結構簡単な方法なので、知っている人も多いと思いますが、もし知らない人がいれば、ちょっとは役に立つかと思います。基本的にはfloatで解決すれば良いと思いま... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
WordPress Logo / Phil Oakleyおはようございます。スタイルシートやWordpressのソースはほとんどわからないうしぎゅう(@ushigyu)です。ブログやサイトをやっている人なら、誰しも「ここのデザインをもっと変えたい」と思ったことがあると思います。もちろん私も。一応W... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
「New」「新着」などのちょっとした情報を単に矩形で添えるのではなく、斜めにしたリボンで添えるスタイルシートを紹介します。 デモページ:div要素 ※当方作成 実装 実装はimg要素もdiv要素もほぼ同じです。 HTML:img要素版 リボンのテキストはimg要素と並列に配置し、div要素で内包し... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 CSS3DtransformsとJSを使ってFlipboardを再現してみる 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 知っておくとお役だちかもしれないCSS3のテクニック&チュートリアルいろいろ 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ダミー画像を超手軽に生成出来るWebサービス・PLACEHOLD.ITがやたら便利でしたのでご紹介。手軽って大事ですね。 かちびと.netとは 貴方のネットビジネスを支えたい。かちびと.netはそんな思いを持ったサイトです。Web制作に役立つ素材やソフトウェア、Webサービス、マーケティングに役立... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
HTMLとJSだけで何か作ることが多くて,開発環境をどう作るかとか,ノウハウみたいなのがたまってきたと思う. ローカルのHTMLファイルをブラウザで開くと,いろんな制約がある.たとえば,ファイルAPIを使えないとか,YouTubeのプレイヤー貼り付けできないとか,/js/みたいに絶対パスで指定する... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
[HTML・CSS] 知っておくと何かと応用が利くCSS3を使った表現テクニックいろいろ [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ブラウザで画像ファイルを単体で開いたとき、ブラウザによって表示の仕方が違っていたのが気になったので、画像表示ページの CSS を調べてみました。 なかなか面白かったですし、何かの参考になるかもしれません。 Google Chrome & Safari Chrome 20.0.1115.1 dev-... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
レスポンシブデザイン、パララックススクローリング、そういったレイアウトに関する変化に伴い、サイト内を誘導するナビゲーションの種類も多様化してきていますね。 元々、縦、横、ドロップダウン、固定、メガメニュー等、サイトの構造によって様々なナビゲーションを提案してきたわけですが、最近サイトのレイアウトを... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 すごく苦労して作ったことはあるけどめんどい/細部にこだわってみた!CSS3を使った美しい横メニューの作り方|Webpark 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
skrollrのデモ:ウェブページ skrollrの使い方 skrollrはHTML5+CSS3で実装します。 基本書式 skrollrを使用する際の基本書式は下記のようになります。 「skrollr.css」はskrollrを使用する際のCSSの基本セットが記述されています。 <!DOCTYPE... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|