CSSや画像の命名規則について - kojika17
コーディングで時間のかかる要素の1つとして、id,class名や画像名などの命名規則が挙げられます。 特に中規模、大規模のサイトで、適当な名前を付けると名前が被る確率が上がり、 その結果、画像の上書きや不要なプロパティがかかってしまうなど、よくない結果になることも考えられます。 一つの例として、私の命名規則について紹介してます。参考程度に読んで頂けると幸いです。 カテゴリに分類して、つなげる。 ページのどの位置に属すか分類し、つなげる方法を取っています。 基本的に、CSSや画像名は同じにします。同名にすることで、名前を考える手間も省け、変更箇所の特定がしやすくなります。 例： CSS #top-side-nav 画像 top-side-nav-home.png top-side-nav-company.png 上記のように命名することで、 デザインを見なくても、どのような箇所に使われている
Curious -ギークになりたい系女子のてきとーブログ-
どうも、こんにちは。Git厨の三上です。 私はまだWebデザイン科の専門学生だった3年前にGitを学び始めました。 よくSVN使ってた方がGitにうつったりしますが、私の場合「バージョン管理システム」って言葉すら知らなかった状態でGitから手を出したのでした。 SetucoCMSプロジェクト内でGitマスターがいたので、なんとか勉強できたのですが、当時思ったのは「いくら調べても初心者が学べるGitの情報が少ない」ということです。 しかし、最近は随分Gitが人気になって情報も増えてきたように感じます。それでいてまだまだ需要の多いGitですので、勉強サイトやツール等をまとめてみたいと思います。 学習サイト 考え方から、インストールとか基礎コマンドから、応用まで一通りカバーしてくれるのが学習サイトですね。まずはどれかやってみるのがいいと思います。 「サルでもわかるGit入門」 http://
CodeKit - THE Mac App for Web Developers
All the Cool Kids Compile Sass, Less, Stylus, CSS, CoffeeScript, Pug, Slim, Haml, TypeScript, JavaScript, ES6, Markdown, JSON, SVG, PNG, GIF and JPEG right out of the box. Dead-Simple Configuration Want compressed CSS? Just check a box. Need to transpile JavaScript? Check a box. Every tool's options are available in a beautiful, clean UI. No more hacking build scripts. Bleeding-Edge Tools Autopref
InK - Interface Kit
Welcome to Ink Ink is an interface kit for quick development of web interfaces, simple to use and expand on. It uses a combination of HTML, CSS and JavaScript to offer modern solutions for building layouts, display common interface elements and implement interactive features that are content-centric and user friendly for both your audience and your designers & developers.
Closure Stylesheets で CSS を最適化する (1) - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 これまで Closure Library を使っていろいろと開発をしてきましたが、 CSS の扱いについてはいつも不満でした。 JavaScript コードについては Closure Compiler との組み合わせで極限まで最適化できるのに、 CSS についてはほとんどサポートがなく、仕方がないので自作の Rakefile と YUI Compressor を使
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Demo - Easel
http://www.erikford.me/
Anagrama | Brand Intelligence Group
鬼ツールズ（ONI-TOOLS）ブラウザで使える便利なWEBツール集
Components · Twitter Bootstrap