2月, 2018 | webclips

AIがロゴを作成してくれるWebサービス「Brandmark」

ロゴに関するキーワードからAIが最適なロゴを提案してくれるWebサービス「Brandmark」の紹介です。

YoutubeやGoogleMapをレスポンシブ化するジェネレーター「Embed Responsively」

YoutubeやGoogleMapなどの埋め込みコードをレスポンシブに変換してくれるジェネレーター「Embed Responsively」を紹介します。

10年前の有名サイトを振り返ることができる「Ten Years Ago」

AppleやAmazon、Youtubeなど海外の有名なサイトの10年前のデザインを振り返ることができる「Ten Years Ago」の紹介です。

PSDファイルをSketchファイルに変換する「PSD to Sketch Design Converter」

Photoshopで作成したPSDファイルをSketchファイルに変換するWebツール「PSD to Sketch Design Converter」の紹介です。

Googleのモバイルサイト診断ツール「Test My Site」

モバイルサイトの表示速度を診断できるGoogleの新ツール「Test My Site」の紹介です。読み込み時間による推定離脱率も表示してくれます。

メニューのホバーエフェクト集「Inspiration for Menu Hover Effects」

メニューテキストのホバーエフェクトをアイデアをしてまとめた記事「Inspiration for Menu Hover Effects」の紹介です。

RANDOM POST
  • 簡単にホバーエフェクトを実装できるCSSライブラリ「Izmir Hover Effects」
  • 失敗したスタートアップをまとめたサイト「Startup Graveyard」
  • 【jQuery】スクロールで画像に3D効果を掛けられる「tiltedpage_scroll.js」
  • input要素への入力を制御できるスクリプト「Cleave.js」
  • Photoshopで画像を切り抜くテクニック【初心者向け】
  • 【CSS】borderで枠線を作成する方法 -初心者向け-
POPULAR POSTS
  • 【無料】漢字が使える日本語フリーフォント59選
  • Photoshopで簡単に背景を伸ばすテクニック
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • 似たフォントを探したい!フォントを調べる時に役に立つツール・サイト10選
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
PICKUP
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • Photoshopで画像を切り抜くテクニック【初心者向け】
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】