Emmet CSSショートコード
Emmetは、Zen-Codingの次期バージョンの名前です。 Zen-CodingはHTMLの記述方法が取り上げられることが多いですが、個人的には、CSSの入力補助こそ真価が発揮されると思っています。 私は、EmmetまたはZen-Codingがなければ、CSSのプロパティを打つのが苦痛なほどです。 Emmetから、さらに多くのプロパティに対応し、数値も含めて展開できるようになりました。CSSの記述がより使いやすくなったので、紹介します。 Zen-Codingから使える CSSの展開は、ほとんどのZen-Codingから使えます。 Emmetではさらに使いやすくなりましたが、Emmetは現在開発中のため、不安定な部分があります。不安な方は、Zen-Codingをおすすめします。 プロパティに、ショートコードが用意されており、+でつないで展開(Expand Abbreviation)する形
Zen Codingの基本的な使い方 | Zen Coding 3-1 | HTML+CSSコーディングが10倍速くなるZen Coding
Zen Codingを使ってHTML/CSSコーディングするには、Zen Codingを導入した環境でそれぞれのHTML/CSSタグの「省略形」（Abberiviation）といわれる略語を入力し、「展開」を実行（［Expand Abberiviation］メニューを選択、あるいは ＋キーを押す※）します。入力した省略形を「展開」（Expand）すると、統合開発環境のスニペット（統合開発環境から短いプログラムコードを呼び出す機能）のように、一連のコードが生成されるしくみになっています。 省略形を覚えるのはたいへんだと思うかもしれませんが、1章で述べたとおり、すべてを覚える必要はありません。自分がよく使うタグの省略形だけを覚えればじゅうぶんです。 また、Zen Codingの省略形は、HTMLの場合はHTMLタグの名前の、CSSの場合はスタイル指定のためのプロパティ名の頭文字などになっていま
WEBデザイナーに必要な3つの基礎と持っていると役立つ5つの能力 - アシアルブログ
こんにちは。 アシアルWEBデザイナーの鴨田です。 最近はディレクターとしても頑張っていたりするのですが、 やはり根本はデザイナーなので、デザイナーが持ってると、 役に立つんじゃないかと個人的に思う能力について、語ってみようかと思います。 まずは基礎編として、 WEBデザイナーを目指す人が身につけておくべき必須能力についてです。 １．Photoshop力 何を差し置いても、これがないと始まりませんね。 とりあえず、教則本を読むって言うのは、 使い方を覚えるのにはいいんですが、多分操作だけ覚えてもつまらないので、 個人的には、自分で写真を撮って、それを加工しまくる、 というのがいいんじゃないかと思ったりします。 まあ、Photoshopは元々フォトレタッチソフトなので、 その特性を生かすことで出来るデザインも出てくると思います。 大学生くらいの時にこういうフィルターをつくって、 なんちゃって
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
