1月, 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」のご紹介。

PICKUP

POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • CSSグラデーションの作成に役立つジェネレーター・Webサービスまとめ
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • 長いURLを短くする短縮URLサービス8選
TAG LIST
  • Webサービス

    84

  • CSS

    58

  • jQuery

    34

  • 素材

    30

  • エフェクト

    29