[B! コーディング] tomoya1983のブックマーク

tomoya1983 id:tomoya1983

コーディングに関するtomoya1983のブックマーク (2)

コーダーがおさえておきたいコーディングのツール8選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。昨今ではWebのフロント周りを取り巻く環境が激変しています。 Webサイト・アプリケーションが進化するに連れて構築も難しくなってきましたし、技術やツールもいろんなものが登場しました。そこで今回は、フロントエンドエンジニアはもちろん、コーディングに携わる人なら誰でもおさえておきたい、今旬な技術やツールを紹介したいと思います。コーディングに関わる人ならおさえておきたい必須のフロント技術＆ツール8選 1. タスクランナーフロントコーディングに関わるあらゆるタスクを自動化してくれる頼もしいツールです。Grunt,Gulpといったツールがコレにあたります。 JadeやSass,CoffeeScriptのコンパイル、画像圧縮、バリデーションチェック、webfontのアイコン化、スプライト画像生成、スタイル
tomoya1983 2015/05/07
コーディング

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

コーディング
リンク
1