サイト構築 -実装
フォントの組み合わせが分かるとデザインが楽しくなる！Googleフォントの美しい組み合わせ総まとめ
Post on:2017年7月19日
美しく見せるGooleフォントの組み合わせをクラシック名画と共に紹介します。 文字を使って、モダンな雰囲気を演出したり、ミニマルなデザインを作り出したり、タイポグラフィを勉強するときの参考にどうぞ。 The Ultima […]
[CSS]「:before擬似要素」と「:after擬似要素」の使い方を基本からマスターするためのチュートリアル
Post on:2017年7月19日
HTMLを汚したくない、もしくは変更することができないときに役立つ擬似要素の基本的な使い方から応用テクニックまでを紹介します。 擬似要素で、div要素の両端にシャドウをつけたり、一枚の画像を重ねたりすることができます。 […]
日本語にもしっかり対応してる！PhotoshopのPSDファイルをSketchファイルに変換する -PSD to Sketch
Post on:2017年7月18日
ツールを移行する時にネックになるのが、既存のファイルです。 Photoshopで作成したPSDファイルをSketchファイルに変換するオンラインサービスを紹介します。レイヤー、シェイプ、スマートオブジェクト、マスクなどに […]
これからは今まで以上に、jQueryが必要なくなるかもしれない
Post on:2017年7月14日
3, 4年前あたりから、jQuery無しでこう記述するとか、jQueryの一部の機能を代替する軽量スクリプトなどが出始めました。 2017年も半年が過ぎ、その状況はさらに変わり始めています。 (Now More Than […]
CSSのみでは実装できない、気持ちいい動きのちょっと面白いホバーエフェクト -Attract hover effect
Post on:2017年7月12日
周りがうねうねしたサークル状のアイコン、ホバー時にどんなインタラクションを想像しますか？ カラーが変化したり、裏返しになったり、サイズが大きくなったり、いろいろなエフェクトが考えられると思います。 あまり見たことがない、 […]
ドメインを探す時に便利！指定した文字を含む、短い名前のドメインを見つけられる検索サービス -DomainHack Me
Post on:2017年7月12日
ドメインを取得する時、やっぱり長いドメインより、少しでも短いドメインを取得したいものです。指定した文字を含んだ短い名前のドメインを見つけることができるオンラインサービスを紹介します。 DomainHack Me
[CSS]ワンランク上に！Webページのレイアウトを美調整するスタイルがまとめられたスタイルシート -fractures
Post on:2017年7月10日
float, flexbox, gridのレイアウトでよく使うスタイル、マージンやパディングを調整するスタイル、矩形・角丸・円形を実装するスタイル、幅や高さを調整するスタイル、要素を配置するdisplayやpositio […]
写真やイラストなどの画像からカラーを抽出し、Pantoneや塗料の色番号を表示するオンラインサービス -Impalette
Post on:2017年7月10日
写真やイラストなどの画像からカラーを抽出し、Pantoneカラーやペイント系・建築系の塗料カラーの色番号を表示するオンラインサービスを紹介します。 画像からカラーを抽出するのはいくつかありますが、ほとんどは4,5色と色数 […]
デザインの引き出しを増やしておこう！最近のWebサイトで見かけるデザインの新しいテクニックのまとめ
Post on:2017年7月6日
新しいデザインを見かけるとワクワクしますよね！ 2017年も半年が過ぎ、さまざまな新しいデザインを見かけるようになりました。最近のWebサイトで見かけるデザインのテクニックとその使い方を紹介します。 3 Essentia […]
実装が非常に簡単！アニメーションに対応したSVGアイコンと埋め込みコードがセットになったライブラリ -Titanic
Post on:2017年7月5日
アニメーションするSVGアイコンもそれを実装するJavaScriptも、ゼロから作成すると時間がかかります。 Webページやスマホアプリでよく使用するさまざまなアイテムが用意された、アニメーションに対応したSVGアイコン […]
sponsors
