4月, 2018 | webclips

レスポンシブデザインのパターン集「Responsive Patterns」

レスポンシブデザインの様々なパターンをストックしているサイト「Responsive Patterns」のご紹介。ちょっとした時にコピペで使用できるので便利。

【JS】要素をモーダルウィンドウに変化させる「cta.js」

要素をクリックすると、要素ごとモーダルウィンドウ・アラート・サイドメニューなどに変化させることができるJavaScriptライブラリ「cta.js」をご紹介。

【フリー素材】ガーリーなフリー写真素材サイト「GIRLY DROP」

無料で利用可能なガーリーなフリー写真素材サイト「GIRLY DROP(ガーリードロップ)」の紹介。国内のスタイリッシュなフォトストックサイトです。

ドメインやSNSの空きアカウントを調べられる「namechk」

同一の名前のドメイン・SNSサービス(Twitter・Facebook等)アカウントの空きをチェックできるWebサービス「Namechk」を紹介します。

【html】文字実体参照を一覧できる「html arrows」

文字実体参照(特殊文字)をリスト化してるサイト「html arrows」の紹介。文字が大きく表示され見やすくCSSコードもあり重宝しそうです。

様々なスタイルのCSSを簡単に作れる「Generate CSS」

ボタンはもちろん、プルダウンメニューからイメージエフェクト・テキストエフェクトまで、様々なスタイルをWeb上で簡単に作れる「Generate CSS」の紹介。

画像に3Dブラーのホバーエフェクトを掛けられる「tiltfx.js」

codropsで公開されてたホバーエフェクトImage Tilt Effectがカッコよかったのでメモ。ギャラリー・商品一覧や、背景全面に配置したイメージに掛けると効果的。

デザインの最新トレンドをチェックできるサービス「Panda」

Dribbble・BehanceやAWWWARDSまでデザインのトレンドをチェックできるクリエイターなら要チェックのWebサービス「Panda」のご紹介。

RANDOM POST
  • アニメーションアイコンのライブラリ「60 Free Animated Icons」
  • 【jQuery】スクロールに合わせて要素を切り替える「Midnight.js」
  • 無料で使用できるポップなフリーイラスト「illlustrations」
  • 【JS】簡単な記述でCSSアニメーションを実装できる「AniJS」
  • リアルな水滴を表現できる「Rain & Water Effect Experiments」
  • 【無料】Photoshopの代用になる画像編集・加工ツール7選
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • Photoshopで簡単に背景を伸ばすテクニック
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
PICKUP
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • 無料で使用できる海外のフリー写真素材サイトまとめ
  • Photoshopで画像を切り抜くテクニック【初心者向け】
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選