1月, 2019 | 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選
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • Google Fontsの使い方とおすすめ日本語フォント -初心者向け-
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
PICKUP
  • CSSで作成する吹き出しとデザインのアイデア
  • Photoshopで画像を切り抜くテクニック【初心者向け】
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • 無料で使用できる海外のフリー写真素材サイトまとめ
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選