Hi32のブックマーク / 2016年3月28日 - はてなブックマーク

Hi32 id:Hi32

2016年3月28日のブックマーク (4件)

CSSや画像の命名規則について - kojika17
コーディングで時間のかかる要素の1つとして、id,class名や画像名などの命名規則が挙げられます。特に中規模、大規模のサイトで、適当な名前を付けると名前が被る確率が上がり、その結果、画像の上書きや不要なプロパティがかかってしまうなど、よくない結果になることも考えられます。一つの例として、私の命名規則について紹介してます。参考程度に読んで頂けると幸いです。カテゴリに分類して、つなげる。ページのどの位置に属すか分類し、つなげる方法を取っています。基本的に、CSSや画像名は同じにします。同名にすることで、名前を考える手間も省け、変更箇所の特定がしやすくなります。例： CSS #top-side-nav 画像 top-side-nav-home.png top-side-nav-company.png 上記のように命名することで、デザインを見なくても、どのような箇所に使われている
Hi32 2016/03/28
-管理人

css
リンク
荒れ果てたWordPressコードを美しく整形してくれるツールまとめ
WordPressには、いくつかのプログラム言語が利用されています。具体的には以下のような言語です。 PHP HTML CSS JavaScript（jQuery）細かなことを言えば、他にも使用されているものはありますが、ユーザーが編集するものと言えば大体はこの4つです。今回は、これら4つの言語のコードを綺麗に整形してくれるツールの紹介です。コード整形ツールとはコード整形ツールとは、書き方の定まっていないプログラムコードなどを、記法を統一して綺麗に書き直してくれるツールです。 WordPressテーマ作成や、カスタマイズで、コードをググッてよそからコピペ編集で使うときなどに、自分に合った記法に変換して使えます。例えば、以下のようなことを、まとめて行いたい時に使うと、手動でやるより編集時間を大幅に短縮できます。コードに適切なインデントを自動で設定するインデントをタブからスペー
Hi32 2016/03/28
-あとで

-管理人
リンク
新人コーダーに知っておいて欲しい命名規則の考え方[画像・ID・class名]｜クロノドライブ
新人コーダーが迷いやすいと言われている、ファイル名、id・class名の付け方。この記事では、それぞれの命名規則やコツについてまとめたいと思います。少しでも皆様の参考となれば幸いです。共通事項ファイル名、id・class名を付ける際の注意点まず始めに、ファイル名、id・class名を付ける際の注意点から確認していきます。難しいことはありません。下記に注意して名前を付けるようにましょう。１．半角英数字のみを使用する。「日本語」、「全角英数字・記号」、「半角カタカナ」は使用することが出来ません。２．記号は「-」（ハイフン）、「_」（アンダースコア）のみ使用する。「\」（エンマーク）、「/」（スラッシュ）、「:」（コロン）、「*」（アスタリスク）、「?」（クエスチョン）、「”」（ダブルクォーテーション）、「<」（左アングルかっこ）、「>」（右アングルかっこ）、「|」（パイプ
Hi32 2016/03/28
-管理人

css

レクチャー

自力作る

入門者
リンク
CSS3Generator by @RandyJensen
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, rem aining essentially unchanged. It was popularised in the 1960s w
Hi32 2016/03/28
-管理人

css3

商品別

小
リンク
- 2016年3月29日
- 2016年3月28日
- 2016年3月27日