レスポンシブ対応サイトのナビゲーションに使えるライブラリ
2013年07月25日 | HTML・CSS, WEB制作の小技や機能, 便利なツール
スマホでも、タブレットでも、PCでもそれぞれ特徴を生かして見やすく表示されるワンソースマルチデバイスのレスポンシブデザインで制作されるサイトが増えてきました。制作面においては、3つのサイトを同時に作るような複雑さがありますが、新しい技術への興味や期待はあり、ワクワクします。 しかし、複雑な機能をゼロから作り上げるのは、かなりの時間とスキルを必要とします。そこで、インターネット上に公開されているありがたいライブラリを使わせていただかない手はありません。 素晴らしいライブラリを参考にさせていただき、それを元に自分なりにできる事を広げていくのが、レスポンシブデザイン習得の近道でもあるかと・・・
進化系ありがたいフリー写真サイト
2013年07月03日 | WEB制作の小技や機能, 便利なツール
イメージ写真や内容をより分かりやすく伝えるための彩として、写真の存在は、WEB制作において重要です。テーマごとの素材集CD等もよいですが、最近は、フリーで使える写真を提供してくださっているありがたいサイト様がたくさんあります。 写真選びがうまくいくと、素人っぽいWEBデザインが一気にスタイリッシュに進化する事もよくあります。 そこで、今回はセンスの良い写真が多いフリーの写真サイトをご紹介いたします。 ※使用制限などのある写真もありますので、使用する際はサイトの説明をよく読んでお使いください。 ■写真素材足成 カテゴリーから探しやすく、モデル写真もあります。新しい写真がどんどん・・・
フロートするとULの『・』が表示されないIEのバグ
2013年06月14日 | HTML・CSS
横並びのリスト（UL、OL、DL）は、制作において何かと注意が必要なパーツですが、 ULのデフォルトである『・』を横並びに表示させようとしたところ、IE6とIE7の場合に、『・』が表示されないというバグに遭遇しました。 liのスタイルにはfloat:leftとwidth設定をしました。 色々調べてみましたが、ハック等でも解決方法が見つかりませんでした・・・。 対策としては、『・』ではなく、アイコン的な画像を作成して配置することか、そもそも横並びにしない事等が考えられます。 今回の私の場合は、リスト内のテキストが短く、改行の心配がなかったことと、内容的な部分で、リスト表・・・
