サイト構築 -実装
CSSのすごいアイデアから実用的なテクニックまで！スタイルシートの最新テクニックのまとめ
Post on:2016年7月26日
最近のWebサイトやアプリで見かけるアニメーションを使った操作が気持ちいいUIエレメントを実装するスタイルシートを紹介します。 デモではHTMLやCSSのコードが掲載されているので、コピペで簡単に利用できます。 ※一部J […]
Webサイトやアプリ、紙のデザインで使える！クレジットの記載なしで商用利用できるフォントとグラフィック素材
Post on:2016年7月25日
Webデザインやアプリでも、同人誌やポスターなどの紙でも、動画やプロダクトのデザインでもクレジットの記載なしで、安心して商用利用できるフォントとグラフィック素材を紹介します。 今回は総額$656(約70,000円)分のセ […]
気になるWebデザインのアイデア・テクニックが使われてる！2016年になってでてきた5つのトレンド
Post on:2016年7月25日
Webデザインのトレンドは実際に使うかどうかは別にしても、それらを見るのは非常に楽しく、インスピレーションが刺激されます。 2016年上半期、最近見かけるようになったWebデザインの5つのトレンドを紹介します。 5 Ac […]
デザイナーが持っていたい、Googleフォントおすすめ12選
Post on:2016年7月22日
世界中に多くのフリーフォントがある中、もっとも安心して利用できるのがGoogleフォントだと思います。一定のクオリティをクリアした美しいフォントがすべてオープンソースで無料で利用することができます。 そんな素晴らしいGo […]
デキるデザイナーはみんな使ってる！背景にすぐ使えるすごいデザインテクニックのまとめ
Post on:2016年7月21日
画像や文字などを配置する時、背景をどのようにするかでデザインは劇的に変わります。 Webや紙のデザインに効果があり、すぐに使える背景のすごいデザインテクニックを紹介します。 Ultimate Guide to Desig […]
[JS]矩形やラインが移動するナビゲーションのホバーエフェクトを簡単に実装できるスクリプト -HoverSlippery
Post on:2016年7月21日
リスト要素で実装したナビゲーションに矩形が移動するラーバランプエフェクト、シンプルなラインが移動するホバーエフェクトを簡単に実装できるスクリプトを紹介します。 HoverSlippery -GitHub
美しい和柄のフリー素材がいっぱい！日本の伝統的な文様がシームレスにつかえるパターン素材 -Japanese Mon
Post on:2016年7月20日
日本の伝統的な幾何学の形をつかったつなぎ文様をはじめ、植物や生物、季節の移ろいを描いた文様まで、美しい和柄がロイヤリティフリーでつかえるパターン素材を紹介します。
レスポンシブ対応、検索フォームのデザイン・実装するアイデアのまとめ
Post on:2016年7月20日
CSSアニメーションを使って実装された、レスポンシブや省スペース用の検索フォーム、フル画面に表示させる検索フォームなど、デザインや実装のアイデアが面白い検索フォームを紹介します。
知っておくと便利！CSSの小技・テクニックのまとめ -CSS Protips
Post on:2016年7月19日
:before, :after, :last-child, :nth-child, :not など疑似classを使った小技、レスポンシブ用のレイアウトやフォントのサイズ指定など、サイトやブログに役立つ便利なCSSのテク […]
[JS]これを使うだけでWebサイトのインタラクションやレイアウトがかなりよくなる、便利でちょっとずるいスクリプトのまとめ
Post on:2016年7月15日
縦長ページのスクロール エフェクトで再スクロールや上にスクロールする時にも適用したい、高さ指定のない画像を読み込む時にスクロールバーががっくんがっくんするのを避けたい、美しいレイアウトを簡単に実装したい、そんな便利でちょ […]
sponsors
