Emmetのスニペットや設定を編集して、思い通りの記述にしよう | Adobe Creative Station

2015/07/21 39 users Emmet コーディングスタイル インデント スニペット 記述

第2回、第3回の連載では、Emmetの省略記法を使ったコーディング方法について解説しました。初期設定のままでも便利なEmmetですが、自分のコーディングスタイルにあわせてEmmetの設定を編集してみましょう。 例えば、インデントの変更から独自の短縮記法の追加、HTMLやCSSの細かな出力ルールまで、Emmetは柔軟なカスタマイズが可能です。 設定を変更する前に Emmetの設定内容は、JSONファ... 続きを読む

スタイルシートをドキュメント化する際にぜひ！「StyleDocco」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/05/02 76 users styleDocco ドキュメント HTML 上下 エンジニア

StyleDoccoはスタイルシート中に書いた設定をドキュメント化するソフトウェアです。Webデザインにおいてスタイルシートは欠かせません。Webサイトのスタイルシート設定をドキュメントにしたい時に使いたいのがStyleDoccoです。 インストールします。 デモです。右側にスタイルシート、左側にその説明が表示されています。 HTMLのコーディング方法と、その結果とかが上下に並んで表示されます。 ... 続きを読む

全てのブラウザで表示崩れをなくす魔法のコーディング方法 – No.1026

2012/12/03 58 users 魔法 ブラウザ 表示崩れ 全て No.1026

全てと言いましたが、当方アンドロイドはあまり詳しくないので、そこで崩れたらゴメンナサイ。 HTML5を捨てる HTML5なんて使うのはやめましょう。HTML4.01 Transitional、xhtml1.0 Transitionalあたりでいいです。 CSSを捨てる cssなんてブラウザごとに違いが出るものを使うのをやめましょう。テーブルレイアウト最高です。 裏ワザ カンプをjpgで書き出し→後... 続きを読む

Googleが推薦するHTMLとCSSのコーディング方法 | 簡単ホームページ作成支援-Detaramehp

2012/10/12 1102 users CSS HTML Google コーディングガイドライン 英語

2012年7月12日のGoogle ウェブマスター向け公式ブログの記事「HTML と CSS のコーディングガイドライン」で紹介されていた「Google HTML/CSS Style Guide」に書いてあるコーディング方法と感想を紹介します。 Google HTML/CSS Style Guideの日本語翻訳 Google HTML/CSS Style Guideは英語なのでGoogle Chr... 続きを読む

あのパリパリの食感をご自宅で！ アイスクリームをレベルアップさせるチョコのコーティング方法 : ライフハッカー［日本版］

2012/05/30 232 users アイスクリーム Tweet ライフハッカー チョコ 節約術

料理 , 生活術 , 節約術 , 自炊・レシピ あのパリパリの食感をご自宅で！ アイスクリームをレベルアップさせるチョコのコーティング方法 2012.05.30 13:00 コメント数：[ 0 ] Tweet アイスクリームにチョコがコーティングされていたり、チョコレートシロップをかけたそばからパリッパリに固まっていたりするのは、好きな人にはたまらなくおいしいものですよね。しかし、これはたくさんの... 続きを読む

レスポンシブでシンプルなWordpressテーマ - バニデザノート-とっておきのウェブデザインTipsのかけらを、まいにち少しずつ。

2011/10/05 37 users レスポンシブ かけら バニデザノート とっておき iPad

レスポンシブでシンプルなWordpressテーマがまとめられていましたので 紹介させていただきます。 レスポンシブっていうのは、ここでは見ているブラウザなどによって 動的にデザインが変化するコーディング方法のこと。 例えば、PCで見たとき、iPadでみたとき、スマートフォンで見たときに 表示の切り替えを行っているものを言うようです。 フリーのテーマも何件かありましたので、 レスポンシブなデザインや... 続きを読む