タグ

HTMLとWebデザインに関するGetajiのブックマーク (2)

  • No-Class CSS フレームワークをいろいろ比較するサイトを作った

    No Class CSS Museumという No-Class CSS フレームワーク比較サイトを作りました。 簡単な demo 用のコードに何かスタイル当てたいけど、そんなに時間かけたくないしそもそもデザインセンスないしどうしようかなってときに No-Class CSS フレームワークが便利です。 たとえば昨日公開したFirebase の存在をフロントエンドから隠蔽するためにのデモサイトもそういった No-Class CSS フレームワークであるnew.cssを使いました。 これは CSS ファイルを読み込んだだけ(タグにクラスを割り振ったりしていない)なのですが、それだけでいい感じにスタイルが当たってちょっと感動しました。 以前の記事であるブログの 1 ヶ月を振り返るに書いた通り、このブログは書いた内容のサンプルコードやデモをどんどん公開していく方針で運営しています。 ただ、なにもスタ

    No-Class CSS フレームワークをいろいろ比較するサイトを作った
  • CSSの【float】についてちょっと本気出して説明してみた。 | たねっぱ!

    HTMLとかCSS ひよこちゃん向けシリーズ、【float】編です!CSSの【float】について気出して説明してみた。left right ,clearってなに!?? HTMLとかCSSとかこれから!な、ひよこちゃん向けシリーズ、【float】編です! 2016/07/15 一番最後のほうにfloat clearfixの修正版追加しました。 float(フロート)とはなんぞや? floatとは、要素(<div>とか<p>とか)を右に寄せたり、左に寄せたりするときに使います。 よくサイトで見られるサイドバーとかサイドメニューとかもfloatで配置することが多いですね。 まずは、プロパティをおさらいしておきましょう! left 【左に寄せる】 right 【右に寄せる】 none 【やっぱフロートやめる】 inherit 【継承させる】←使うことあまりない プロパティは以上です。基的にi

    CSSの【float】についてちょっと本気出して説明してみた。 | たねっぱ!
  • 1