Web制作に役立つ情報一覧

[JS]これは便利！YouTubeの動画をはじめ、VineやTEDやCodePenやツイートやPDFやGoogleマップまで簡単にページに埋め込めるスクリプト -Embed.js

2015/04/16(Thu) 08:08

YouTubeやVimeoやDairyMotionをはじめ、VineやTEDなどの動画、ツイート、CodePenやJSFiddleなどのコード、PDF、Googleマップなど、さまざまなメディアをWebページに簡単に埋め込むことができるjQueryのプラグインを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-embedjs.html

Webディレクターがプロジェクト管理をする上で大事な「巻き込む」ということ

2015/04/16(Thu) 08:07

制作されるサイトのクオリティは、Webディレクターの良し悪しによって全くと言っていいほど変わってきます。したがって、いい制作会社にはいいディレクターが揃っていると言っても過言ではないでしょう。

http://liginc.co.jp/web/useful/156053

商用でも自由に使えるCC0ライセンスの動画を配布する・「Pexels Videos」

2015/04/15(Wed) 08:01

Pexels Videosは商用利用でも無料のCC0ライセンスな動画を配布するプロジェクトです。動画のカテゴリも食べ物や車、街や人物、太陽や空、海などの景色やビジネス向けなど様々用意されています。

http://kachibito.net/useful-resource/pexels-videos

文字を入力するだけで自動でレイアウトしてポスター画像を作成可能な「TypeSlab」

2015/04/15(Wed) 08:00

テキストボックスに入力した文字を自動でレイアウトしてオシャレなポスター風に仕上げてくれるサービスが「TypeSlab」です。英語だけでなく日本語にも対応しているとのことなので、実際にTypeSlabでポスターを作ってみました。

http://gigazine.net/news/20150414-typeslab-review/

ヘッダ、フッタ、ナビゲーション、見出しなど、Webサイトでよく使うパーツのデザインを集めたギャラリーサイトのまとめ

2015/04/15(Wed) 07:59

ヘッダ、フッタ、ナビゲーション、見出しなど、Webページでよく使う各コンポーネントやエレメントごとに国内・海外の素晴らしいデザインを集めているギャラリーサイトを紹介します。

http://coliss.com/articles/build-websites/operation/design/elements-of-web-design-2015.html

Googleのモバイルランキング変更へ対処すべきこと~レスポンシブデザイン・モバイル専用ページ・動的な配信のそれぞれの特徴について~

2015/04/14(Tue) 07:57

2015年2月26日にGoogleはSEO業界にとって非常に大きなニュースを報じた。彼らが2014年11月から測定の対象としてきた、モバイルフレンドリー(スマホ対応)をモバイルでの検索順位の要素とすることを公に発表したのである。

http://www.seojapan.com/blog/how-to-respond-to-google-mobile-ranking-change

Googleフォントや任意のWebフォントの表示テストを行う為のオープンソースソフトウェア・「webfont test」

2015/04/14(Tue) 07:55

webfont testはGoogleフォントや任意のWebフォントの表示テストを行うためのOSSです。テストしたいフォントを選ぶと、上図のようにベースラインとフォント、ダミーテキストが表示されます。

http://kachibito.net/useful-resource/webfont-test

無料で使えて高品質！すごい名刺テンプレート素材19個まとめ

2015/04/14(Tue) 07:54

素材はどれも300dpiのCMYKカラーで統一されており、印刷プリントにもばっちり対応しているので、すぐにでも名刺を作成することができます。

http://photoshopvip.net/archives/75480

ダウンロードしておきたい、24個の人気筆記体フリーフォントまとめ

2015/04/14(Tue) 07:53

さまざまなフォントスタイルの中でも、筆記体は人気のある書体のひとつです。手書き文字を再現したスタイルから、ロゴ作成に適したアート性の高い文字、エレガントでミニマルな印象を与える細字など、自由なスタイルをたのしみましょう。

http://photoshopvip.net/archives/75442

マテリアルデザインを採用した、はじめてのリニューアル要点まとめ -feedly導入編-

2015/04/13(Mon) 08:05

数週間前、Google本社で開催されたワークショップに出席し、新しいスタイルガイドに沿ってfeedlyアプリをリニューアル制作するとどのようになるか考えたあと、マテリアルデザインをつかったリニューアルのポイントをまとめた記事を公開しました。

http://photoshopvip.net/archives/75358