タグ

ブックマーク / wp-e.org (3)

  • CSS3のセレクタ全42種 まとめておさらい使い方リファレンス | WP-E (仮)

    こんにちわ。WP-Eイクラこと@ampersand_xyzです。 CSS3のセレクタ、ちゃんと覚えてる? 普段使わなかったりするようなセレクタって、すっかり脳みそから抜け落ちてしまい、適用されているスタイルを確認したときに あれ?コレなんだったっけ? というセリフを何度心のなかでつぶやいたか分かりません。 また、場面によって必要に応じたセレクタを使えてるかどうかというところも気になるところ。どんなセレクタがあるのかを覚えておけば、たとえばDOMの動的生成をするときに無駄な分岐処理をしてstyle適用とか、JSでゴリゴリスタイル付与とかしなくてよくなるはずです。 おさらい用チートシート作成を兼ねて、Selector Level3 のSelectorsについて、セレクタの記法と使い方のgistつけてまとめていきたいと思います。 なお、仕様書の日語訳は以下のページをご参照ください http:/

    CSS3のセレクタ全42種 まとめておさらい使い方リファレンス | WP-E (仮)
  • 【触ってみたよ】Foundation 6は『Panini』がキモだ!【CSSフレームワーク初心者】 | WP-E (仮)

    今年こそはせめて月に1記事くらいは書こうと思っているショートホープこと齋木です。 『CSSフレームワークはテンプレートじゃない』 少し前の話になるが、『これからのWebサイト設計の新しい教科書 CSSフレームワークでつくるマルチデバイス対応サイトの考え方と実装』という書籍の出版イベントの時に、著者の一人である松田さんが『CSSフレームワークはテンプレートじゃない』ということをおっしゃっていた。それまで僕自身ろくにCSSフレームワークを使ったこともなく、なんとなくCSSフレームワークに手を出しづらい感じがあったのだが、それまでのもやもや感が吹き飛ばされる思いだった。 デザインテンプレートのような使い方を想定して、なんでもかんでもCSSフレームワークのものを使おうとするから「似たようなデザインになる」という変なことになるわけで、『必要な部分だけ読み込ませて使えばいい』というやはり著者の一人のこ

    【触ってみたよ】Foundation 6は『Panini』がキモだ!【CSSフレームワーク初心者】 | WP-E (仮)
  • 【追記あり】【初心者】デザインってなんだ?「デザイン」の概念と、4つの基本原則を知ろう | WP-E (仮)

    みなさんこんにちは!無事大学の卒業が確定して一安心のmegです。今回は初心者向けの記事としてデザインの基についてまとめてみました。デザインに興味はあるけれど何を勉強すればよいのか分からない方、これからデザインについて学ぼうと思っている方の参考になれば幸いです♪ 目次 デザインとは何か 「デザイン」という言葉の意味 ソール・バスとスティーブ・ジョブズの言葉 デザインの4つの基原則を知る ‐『ノンデザイナーズ・デザインブック』より 近接 整列 反復 コントラスト まとめ – 【2014年3月9日18時27分「概念とテクニックは繋がっている」を追記しました】 1、デザインとは何か 1-1、「デザイン」という言葉の意味 皆さんは「デザイン」と聞くとどんなことをイメージしますか?オシャレなこと?洗練されていること?私たちはなんとなく見た目が美しいことや、ぱっと目を引くものなどを想像しがちですが、

    【追記あり】【初心者】デザインってなんだ?「デザイン」の概念と、4つの基本原則を知ろう | WP-E (仮)
  • 1