CSSだけでブルブル震えるエフェクトを実装できる「CSShake」
文字などの要素をブルブルを震えるエフェクトを簡単に実装することができる「CSShake」の紹介です。
指定したWebサイトが他国でどのように表示されるかチェックできる「GeoScreenshot」
自分の制作したサイトなど、他国からアクセスがあった際にどのように表示されるかチェックすることができるWebサービス「GeoScreenshot」の紹介です。
フォント名から使用しているサイトを調べられる「FontReach」
フォント名からそのフォントを使用している主要サイトとフォントの使用状況を調べられるWebサイト「FontReach」の紹介です。
SVGで背景パターンを作成できる「Hero Patterns」
パターンをカスタマイズしてコピペで使用できるSVGパターン作成サイト「HeroPatterns」の紹介です。背景素材として重宝しそうなサービスです。
Facebookの広告を集めたサイト「Facebook広告集めました。」
Facebook広告の運用やデザイン・広告文を考える時に役立つFacebookの広告を集めたギャラリーサイト「Facebook広告集めました。」の紹介です。
input要素への入力を制御できるスクリプト「Cleave.js」
凝ったフォームを制作したい時など役に立ちそうな入力サポートしてくれるjavaライブラリ「Cleave.js」の紹介です。
非レスポンシブの要素をレスポンシブ化する「Reframe.js」
非レスポンシブの要素を自動でレスポンシブ化してくれる「Reframe.js」の紹介です。レスポンシブの悩み所を解決してくれるJSライブラリです。
【jQuery】ページにマーカーを実装することができる「markerPen」
Webサイト上に蛍光ペンのマーカーのような機能を実装することができるjQueryプラグイン「markerPen」の紹介です。
グラデーションのアニメーションを実装できる「Granim.js」
グラデーションのアニメーションを手軽に実装することができるjavaライブラリ「Granim.js」の紹介です。様々なケースで効果的に使える軽量なスクリプト。
世界の国旗をCSSとdivのみで実装する「CSS Flags」
世界各国の国旗をCSSとdivで表現する「CSS Flags」のご紹介。シンプルなデザインから複雑なデザインまで、CSSで描画したい時など参考になります。
CSSで出力する三角形ジェネレーター「CSS Triangle Generator」
CSSで三角形を作りたい時に便利な三角形ジェネレーター「CSS Triangle Generator」の紹介です。最短で理想な三角形を作れるよう工夫を凝らしたジェネレーターです。
料金表のページをまとめたギャラリーサイト「Pricing Pages」
海外のクリエイティブの高い料金表(プライステーブル)のページのみを集めたギャラリーサイト「Pricing Pages」の紹介です。
UIデザインのスニペットがまとめられたサイト「CodeMyUI」
魅力あるUIデザインのスニペットをまとめたサイト「CodeMyUI」の紹介です。サムネイルがアニメーションになっており非常に見やすいサイトです。
【jQuery】画像のサイズを保持しつつレスポンシブに変化させる「ResponsifyJS」
設定したフォーカスエリアのサイズを保持しつつフォーカスエリアを中心にイメージの拡大縮小ができるjQueryプラグイン「ResponsifyJS」の紹介です。
複数のレイヤーを活かしたきれいなエフェクト「Multi-Layer Page Reveal Effects」
複数のレイヤーをうまく使い、ページ遷移時に追随アニメーションのような動きをする「Multi-Layer Page Reveal Effects」の紹介です。
様々なスニペットがまとめられたサイト「LittleSnippets.net」
メニューや画像のホバーエフェクトなど、実用的なスニペットが一覧でみることができる便利なWebサービス「LittleSnippets.net」の紹介です。
UIデザインのインスピレーションサイト「UI Movement」
さまざまなUIデザインを紹介するインスピレーションサイト「UI Movement」をご紹介。毎日のように更新されているので定期的にチェックしたいサイトです。
スクロール連動のエフェクトを実装できるライブラリ「AOS」
スクロールに連動させて要素をアニメーションで出現させるエフェクトを実装できるJSライブラリ「AOS – Animate On Scroll Library」のご紹介。
