これを待ってた！無料で、単なるiframeのサイズ変更でなく、各デバイスと同じ方法でレンダリングさせるレスポンシブ確認用の便利ツール -RWD Tester
Post on:2016年2月19日
スマホやタブレットなど、人気の高いモバイルデバイスでWebページがどのように見えるか簡単に確認できるChromeの機能拡張を紹介します。 レスポンシブの確認ツールでよくあるのが、iframeで単にサイズを変更して見るだけ […]
文字を簡単にかわいく、レトロ風に、メタル風に、かっこよくデザインできるPhotoshopの素材のまとめ
Post on:2016年2月18日
テキストエフェクトのかわいいもの、レトロ風なもの、メタリック風なもの、モダン風なもの、かっこいいものが簡単に利用できるPhotoshopの素材を紹介します。 中央のはネオン風に日本語フォントを置いたものです。
SVGで使いやすい、折り紙でつくった感じにデザインされたアイコン素材がかわいい！ -Origami Animals
Post on:2016年2月18日
折り紙でつくった感じにデザインされたかわいいアイコン素材を紹介します。 SVGなので、サイズ変更やカラー変更も簡単です。 Origami Animals
[CSS]Flexboxのこれが知りたかった！今まで出来なかったことがシンプルで簡単に実装できるスタイルシートのまとめ
Post on:2016年2月17日
今まで出来なかったこと、かなり複雑なコードでスクリプトを併用しないと実装できなかったことをシンプルなHTMLとCSSで実装するFlexboxのテクニックを紹介します。 Solved by Flexbox Solved b […]
WordPressで作成したサイトやブログを静的HTMLに変換するプラグイン -StaticPress
Post on:2016年2月17日
去年あたりから、静的サイトジェネレーターの需要が増しています。 WordPressでは通常、ページを表示する際にデータベースに接続して、動的にページを生成して表示します。更新度の高いコンテンツでは便利ですが、更新度の低い […]
Photoshop CC2015を使いこなす定番テクニックから、あまり知られていない便利なテクニックまでのまとめ
Post on:2016年2月16日
Photoshop初心者も、普段使ってる人も知らないともったいないPhotoshop CC2015を使いこなす便利なテクニックを紹介します。 この記事を書くにあたって、WinとOS XのPhotoshop CC2015で […]
ちょっとした動きを加えるとUIは魅力的になる！新感覚のアニメーションが気持ちいいUIデザインのまとめ
Post on:2016年2月15日
次のプロジェクトのヒントに、クリエイティブな刺激になる新感覚の動きが面白いCSSアニメーションを使ったUIデザインを紹介します。 ちょっとした動きが加わることで、UIは魅力的になりますね。 Sticky Elements […]
食材とタイポグラフィを組み合わせた見事なロゴとサイトのデザイン -Crudo
Post on:2016年2月15日
オランダのナイメーヘンにあるレストラン「Crudo」のブランディング、食材とタイポグラフィを組み合わせた見事なロゴとサイトのデザインを紹介します。 Crudo | Raw Food Restaurant
Web制作で必要な知識を基礎からしっかり理解し、ずっと役立つ応用力も身につくオススメの本 -Webデザインの新しい教科書
Post on:2016年2月12日
Web制作の知識を基礎から深く理解し、現在のWeb制作のワークフローを元に、現場で必要とされている技術的なテクニックを幅広く解説した一冊を紹介します。 これからWeb制作の仕事をしてみたい人にも、現役で仕事としてバリバリ […]
最近のWebサイトで使われている、レスポンシブ対応のページレイアウトに役立つスクリプトのまとめ
Post on:2016年2月12日
レスポンシブ対応のカード型レイアウト、中央で分割されたレイアウト、動画や画像や幾何学模様を背景に配置したり、画像やコンテナのサイズをデバイスごとに最適化したりなど、ページのレイアウトに役立つスクリプトを紹介します。 st […]
sponsors
