ダメすぎる6つの事例に学ぶ、半年後に炎上しないCSSコメントの書き方
他人のコードを引き継いで「イラッ」とするのが、コメントの書き方が「なってない」とき。わかりやすく、他人にやさしいコードの書き方って？ HTMLやCSSの基本を学ぶときに初めに習うのが、コード中にコメントを入れる方法です。しかし、多くの開発者は実際にはあまりコメントを使いません。HTMLやCSSではコメントをいろんなシーンで使いますが、きちんと目的を持って使いさえすればワークフローを大幅に効率化できます。 新しい会社で働くときなど、マニュアルや何十ページにもおよぶドキュメントに目を通すのは骨の折れる作業です。どの会社もそれぞれ違ったコードベースやレガシーコード、開発フレームワークやモジュラーコードを決めて使っています。 「よいコードにはコメントは必要ない」と言われます。しかし、よく考えてください。コメントが不足しているせいで行き詰まってしまい、堂々巡りをして、ドキュメントを探しまわった経験が
はじめてWebデザインをするときにしておいた方がよいPhotoshopの設定7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ デザイナーのすーちゃんです。 梅雨が明けたと思ったら太陽が容赦なくて干からびそうですね！ さて、Webデザインをするとき、みなさんはなんのツールを使いますか？ いろいろありますが、一番ポピュラーなのはPhotoshopですよね！ 今回は、これからWebデザインをはじめてみたい人のために、はじめにやっておくといいPhotoshopの設定をご紹介したいと思います！ どうしてはじめに設定が必要なの？ どうしてWebデザインの話なのに、Photoshopの設定について話すのか、次からご説明したいと思います。 設定なんて面倒くさい！ 「設定なんて面倒なことしないで、すぐにデザインしたいのに！」と思っている方もいらっしゃるでしょう。 「設定」とか「取扱説明書」とかって、省けるものなら省きたいですよね。 わかります。 わりとどんなツールでも難なく使いこなせてしまう！ という方は全然問題ない
UIデザイナーなら必ず押さえたい、2016年下期へ向けたモバイルデザイントレンド
2016年の上期ももうすぐ終わり。下期へ向けて見直しておきたいモバイルUIデザインのトレンドをUXPinのデザインチームから。 モバイル端末の表示を楽しくするには、モバイルデザインをよりよくする必要があります。 UXPinのデザインチームの話題をもとに、2016年のモバイルデザイントレンドを5つ、紹介します。 1.階層化されたインターフェース 当然ですが、デスクトップとモバイルスクリーンの最大の違いは大きさです。モバイルサイトとアプリは余白が少なく、簡単で単純なデザインです。この欠点を補うために、多くのインターフェースが幾重にも重なり合った複数レイヤーを使うことになります。 これらの「積み重ねられた」インターフェースは書類の山のようなもので、ユーザーは開いたり閉じたり、引き出したり、タブを切り替えたり、スワイプしたり、外側と相互に作用したり、あるいは単にウィンドウをより自由に削除したりでき
Photoshopで1クリックの時代がきた！Webページ用のグリッドも簡単に作成できる便利すぎる無料の機能拡張 -Bootcomp 2.0
Webページやスマホアプリのデザインカンプを作成する時に、大幅な時短になる便利な機能がたくさん詰まったPhotoshop CC2015.5対応の機能拡張を紹介します。 Bootstrapでつくる時はもちろん、それ以外のデザイン作業でも強力な機能を発揮します。 Web制作に携わるすべての人が、入れておいて損はない機能拡張です。 Bootcomp Bootcompの特徴 Bootcompのインストール Bootcompの使い方 Bootcompの特徴 先日当ブログで紹介したBootcompが昨日、CC2015.5にも対応してアップデートされました。1.0でも便利でしたが、2.0で更に便利になっています！ OS X, Win両対応で、日本語にも完全対応の無料の機能拡張です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイナーが揃えておきたい！Photoshopで使い勝手のよい無料のパターン素材 660種類のまとめ