サイト構築 -実装
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アイコン […]
Photoshopで一手間加えるとこんなに違う！思い通りのかっこいいノイズを加えたグラデーションやテクスチャの作り方
Post on:2017年7月4日
Photoshopにはノイズを加えるために、フィルタ「ノイズ」があります。しかし、そのまま適用するだけでは思った通りのノイズを作成することができないかもしれません。 一手間加えて、思い通りのかっこいいノイズを加えたグラデ […]
[CSS]最近のレスポンシブ対応サイトで使われているレイアウトのアイデア・実装方法のまとめ
Post on:2017年7月3日
レスポンシブ対応のレイアウトはどのように拡大・縮小させるのか、また縦・横に積み重ねるのかに大別されます。 ブラウザいっぱいに表示する1カラム、サイドバーを備えた2カラム、2カラムを均等に分割したスプリットスクリーン、カー […]
最近のデザインでよく見かける色相を変化させた美しいグラデーションがまとめられた無料素材 -coolHue
Post on:2017年6月30日
最近のWebサイトやスマホアプリのデザインで人気が高い、色相を変化させた美しいグラデーション素材を紹介します。 Photoshop, Sketchのグラデーション素材として、またコードベースで利用することもできます。 c […]
Webページのレイアウトをはじめ、大きな画像から小さな要素まで、黄金比を使ったデザインに利用できるPhotoshop用のデザイン素材
Post on:2017年6月28日
Webページのグリッドをデザインする時に、FacebookやTwitterなどのカバー画像をデザインする時に、プロフィールやアイコンなどの小さな要素をデザインする時に、黄金比を使ったグリッドを利用できるPhotoshop […]
sponsors
