Archives : 2014

- 157 Articles -

Sublime Text:Emmetのid・class名のコメント出力をカスタマイズする方法

Read Article

Sublime Text:Emmetのid・class名のコメント出力をカスタマイズする方法

自分は普段コーディングする際にコメントを付けない方で、もし付けるとしてもやたらと入れ子が発生してしまう時などに終了タグ部分へ入れる程度なのですが、先日「一部要素に関しては、id・classを使用した場合は全ての開始タグ・終了タグにid名・class名のコメントを記述すること」というレギュレーションの案件がありました。さすがに毎回コメントを入れるのは面倒だと思い、Emmetのスニペットを使ってコメン…

  • Tips
いざという時に便利そうな、珍しいタイプのアイコンセット 30 #5

Read Article

いざという時に便利そうな、珍しいタイプのアイコンセット 30 #5

ここ最近見かけた珍しいタイプのアイコンセットのまとめです。これまで紹介してきたものと同様であまり見かけないものや汎用性が高いUIアイコンなどと比べて使う場面は少なくても、いざ使いたい時に便利そうなものです。今回は化粧品やファッションなど女性に関連するアイコンセットや様々なものがセットになっているアイコンセットがあります。

  • Material
形式も豊富で商用利用も可能!フラットデザインのアイコン素材配布サイト「FLAT ICON DESIGN-フラットアイコンデザイン-」

Read Article

形式も豊富で商用利用も可能!フラットデザインのアイコン素材配布サイト「FLAT ICON DESIGN-フラットアイコンデザイン-」

覚えておきたいと思ったので備忘録兼ねてご紹介。「FLAT ICON DESIGN-フラットアイコンデザイン-」はその名の通りフラットデザインのアイコン素材をストックしているサイトで、使用条件に違反しない限りはクレジット表記や許可等も必要なく利用させてもらうことができます。種類が豊富なだけでなく、編集しやすいEPSから最近使われる場面が増えてきたSVGまで、様々な配布形式が用意されています。

  • Material
デザインやレイアウトの参考になる、管理画面・ダッシュボードのデザインショーケース #2

Read Article

デザインやレイアウトの参考になる、管理画面・ダッシュボードのデザインショーケース #2

引き続きDribbbleで見かけたのを中心に、参考にさせてもらおうと思いメモしていた管理画面・ダッシュボードのデザインのまとめです。こちらはグラフやチャートなどの要素が多く使われているもので、アクセス数や売上推移などの情報を掲載しているような管理画面・ダッシュボードのデザイン時に見せ方など参考になります。

  • Inspiration
デザインやレイアウトの参考になる、管理画面・ダッシュボードのデザインショーケース #1

Read Article

デザインやレイアウトの参考になる、管理画面・ダッシュボードのデザインショーケース #1

Dribbbleで見かけたのを中心に、全体的なデザインや各要素の配置レイアウトなど参考にさせてもらおうと思いメモしていた管理画面・ダッシュボードのデザインが溜まってきたので、自分の整理も兼ねてまとめました。管理画面やダッシュボードで重要なのは見易さや操作性の高さだと思いますが、デザインにもこだわりたいという場合にいろいろ参考になります。

  • Inspiration
最近気になったハイクオリティなUIキット #8

Read Article

最近気になったハイクオリティなUIキット #8

ここ最近気になったハイクオリティなUIキットのまとめです。そのまま素材として使用するだけでなく、各パーツやカラーの組み合わせ方やどのようなレイヤースタイルで作られているかなど、何かと参考にさせてもらうこともできます。今回はかなり大容量なものやMaterial Designを用いたものが幾つかあります。

  • Material
Sublime Text:Emmetでダミーテキストを出力する方法+オリジナルダミーテキストをスニペット登録で作成・出力する方法

Read Article

Sublime Text:Emmetでダミーテキストを出力する方法+オリジナルダミーテキストをスニペット登録で作成・出力する方法

普段からEmmetを多用している方ならご存知の方が多いと思いますが、Sublime Text使用時にEmmetを使って簡単にダミーテキストを出力させる方法です。また、Emmetのスニペット登録を使ってオリジナルの日本語版ダミーテキストを作成・出力できるようにする方法を紹介します。

  • Tips
Twitter・Facebook・Tumblrなど、2014年を振り返る「Year in Review」が各所で公開

Read Article

Twitter・Facebook・Tumblrなど、2014年を振り返る「Year in Review」が各所で公開

今年もあと少しということで、有名なサイトやサービスで今年1年間を振り返る「Year in Review」が次々と公開されていたので集めてみました。Twitterならハッシュタグ、Yahooなら検索キーワードというように、同じ2014年の振り返りでもそれぞれ違った形で選ばれているものなのでいろいろな見方もできて面白いですね。

  • Services & Resource
Webデザイントレンドがまとめられたインフォグラフィック「The Decade in Web Design Trends」

Read Article

Webデザイントレンドがまとめられたインフォグラフィック「The Decade in Web Design Trends」

今年ももうすぐ終わりということもあって、デザイントレンドの振返りや来年のトレンド予測したものは様々なところで見かけますが、ざっくりと過去数年間のWebデザインのトレンドを見たい時に良いなと思ったのでご紹介。「The Decade in Web Design Trends」は様々なテンプレートを配布している「TemplateMonster」がリリースしたインフォグラフィックで、2004年から2015…

  • Inspiration

Close the search window,
please press close button or esc key.