タグ

2013年6月20日のブックマーク (4件)

  • floatを解除する手法のclearfix と 次世代のレイアウトの話

    floatを解除する手法のclearfix と 次世代のレイアウトの話 2013-06-20 / 2013-06-30 2011年にclearfixについて記事を書きましたが、Micro clearfixなどの新しい手法も出てきました。 記事を書いてから2年が経ち、色々思うところも出てきたので、改めてclearfixについて書きます。 floatを解除するには CSSでレイアウトの構築を行う際に、よくfloatプロパティが用いられます。 しかしfloatを使用すると、「親の背景が表示されない」「下の段のレイアウトが崩れる」などのトラブルが起こりやすくなります。 floatプロパティの特性 親の背景が表示されない理由は、floatプロパティを指定しているボックスが浮動化し、通常のボックスのフローから外されることが原因です。 通常フローから外されたボックスは、親のボックスの高さを認識できなくな

    floatを解除する手法のclearfix と 次世代のレイアウトの話
  • HTMLにおけるimg要素のalt属性

    HTML Standardの4.8.1.1 Requirements for providing text to act as an alternative for imagesをざっと把握できるように日語で箇条書きにしただけのものです。最終的には原文をしっかりと読むべきでしょう。 基 必ず定義されるべきである その値は空であってはならない その画像に代わりになる最適な文字列である ページ上の全ての画像をそのalt属性の値で置き換えてもページの意味合いが変わってはならない 画像のキャプションや題名、銘とみなされるような補助的な説明を意味するものであってはならない 前後で解説されている情報の繰り返しであってはならない 画像以外に何も含まれていないリンクやボタンで使われる場合 リンクやボタンの目的を明確に伝える文字列を指定する わかりやすく説明するために文章ではなく画像のチャートやグラフを

  • Feedly Cloud はGoogle Reader 終了後の RSS の未来につながるか

    Google Readerの退役にともない、その空隙を埋めるべく多くのサービスやアプリが奔走していますが、なかでも Feedly は単に Google Reader の代替というにはとどまらず、新しいコンテンツプラットフォームに進化する準備を着々と整えています。 そのかなめとなるのが、日すべてのユーザー向けにロールアウトした Feedly Cloud の存在です。 もう Feedly をブラウザのプラグインで使うのではなく、Google Reader と同様、ウェブ上で利用することが可能になりますし、さらに外部のサービスとの連携も一気に進みます。### Google Reader からのシームレスな以降 現時点で Feedly を利用している人は、すべてのブラウザ上でバージョン16の拡張機能がインストールされていることを確認し、すべてのデバイスのアプリも再起動しておく必要があります。 あ

    Feedly Cloud はGoogle Reader 終了後の RSS の未来につながるか
  • 色々信じられないクオリティでWEBサイトが作れるSquarespaceが結構ヤバイ! | バンクーバーのうぇぶ屋

    「なんじゃこりゃぁあ!!」 とりあえず、コレ見た時の第一声でした。当は昨日日から帰ってきたばかりだったので、セミナー旅行の報告記事書くつもりだったんですが、それより先にこの興奮を伝えるのが先かなと思ったので即刻共有記事〜! 以前『ヤバイくらい簡単にプロフェッショナルなサイトが作れるStrikingly.com』の記事を書かせて貰いました、これはこれでWEBページを作る上ではこれ以上は無いんじゃないか位の楽さとクオリティでした。 しかし、今回はWEBページというよりは完全にWEBサイトを劇的に簡単に作れるという意味でのヤバさ、あとショッピングカート機能、ブログ、その他様々なページを作って運営することが出来る「Squarespace」をちょっと簡単にご紹介させて頂きましょう! このサイト自体は僕の記憶が確かなら以前に見たことがある気がするんですが、それにしてもその時はこんなヤバさは感じて無

    色々信じられないクオリティでWEBサイトが作れるSquarespaceが結構ヤバイ! | バンクーバーのうぇぶ屋