サイト構築 -実装
ブックマークしておきたい！UIデザインのアイデアに困った時、参考になるサイトのまとめ
Post on:2016年2月19日
WebサイトやアプリなどのUIデザインのアイデアに困った時の参考に、そして勉強になるサイトを紹介します。 ページのレイアウト、UIのさまざまなコンポーネント、動きが気持ちいいアニメーション、実装のテクニックなど、定期的に […]
これを待ってた！無料で、単なるiframeのサイズ変更でなく、各デバイスと同じ方法でレンダリングさせるレスポンシブ確認用の便利ツール -RWD Tester
Post on:2016年2月19日
スマホやタブレットなど、人気の高いモバイルデバイスでWebページがどのように見えるか簡単に確認できるChromeの機能拡張を紹介します。 レスポンシブの確認ツールでよくあるのが、iframeで単にサイズを変更して見るだけ […]
文字を簡単にかわいく、レトロ風に、メタル風に、かっこよくデザインできるPhotoshopの素材のまとめ
Post on:2016年2月18日
テキストエフェクトのかわいいもの、レトロ風なもの、メタリック風なもの、モダン風なもの、かっこいいものが簡単に利用できるPhotoshopの素材を紹介します。 中央のはネオン風に日本語フォントを置いたものです。
[CSS]Flexboxのこれが知りたかった！今まで出来なかったことがシンプルで簡単に実装できるスタイルシートのまとめ
Post on:2016年2月17日
今まで出来なかったこと、かなり複雑なコードでスクリプトを併用しないと実装できなかったことをシンプルなHTMLとCSSで実装するFlexboxのテクニックを紹介します。 Solved by Flexbox Solved b […]
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サイトで使われている、レスポンシブ対応のページレイアウトに役立つスクリプトのまとめ
Post on:2016年2月12日
レスポンシブ対応のカード型レイアウト、中央で分割されたレイアウト、動画や画像や幾何学模様を背景に配置したり、画像やコンテナのサイズをデバイスごとに最適化したりなど、ページのレイアウトに役立つスクリプトを紹介します。 st […]
角丸と矩形はどっち？ ベタ塗りとストロークとシャドウは？ やっぱりHelveticaなの？ -2015年Webデザイナーの実情を調査
Post on:2016年2月10日
2015年、Webデザイナーが実際に多用したスタイル・エフェクト・フォント・カラーを紹介します。 PhotoshopとSketchは実際どのくらい使われているのか、ファイルを修正した際にどんな名前にするのかなど、ちょっと […]
スマホ・タブレットをはじめ、27インチの大モニタまで！ページの見え方をさくっと確認できるレスポンシブ用の便利ツール -Responsive View
Post on:2016年2月10日
スマホ・タブレットの縦向き・横向き、ノートブック・デスクトップなど、さまざまなデバイスでのページの見え方をさくっと確認できる便利なオンラインサービスを紹介します。 デバイスごとのモックアップにも使えるレベルですよ！ Re […]
sponsors
