Web制作に役立つ情報一覧

AMP（Accelerated Mobile Pages）についての新情報。レシピやiOSへの対応、インデックス数など。

2016/05/23(Mon) 07:33

アメリカのサンフランシスコで開催されている、Googleのデベロッパー向けカンファレンスのGoogle I/Oにて、AMPについての新情報がいくつか発表されました。速報ベースの記事ですが、まずは発表内容を確認しておきたいと思います。

http://www.seojapan.com/blog/google-amp-reached-125-million-documents-expanding-apps-recipe-sites/

フリーランスのWebデザイナーとデベロッパーの時給の相場 -やっぱりスキルや経験年数でだいぶ違う

2016/05/23(Mon) 07:32

フリーランスの契約や支払い業務の代行サービスをおこなっている「Bonsai」で、フリーランスのWebデザイナーとデベロッパーの時給の相場が公開されていたので紹介します。

http://coliss.com/articles/build-websites/operation/work/web-developer-and-designer-freelance-hourly-rates.html

新しいモバイル フレンドリー テスト ツール

2016/05/20(Fri) 07:36

モバイルを重視する Google にとって、モバイル ユーザーがアクセスしやすく、使いやすいサイトが増えるのはとても喜ばしいことです。こうしたサイトがさらに増えるよう、このたび Google では新しいモバイル フレンドリー テスト ツールをリリースしました。

http://googlewebmastercentral-ja.blogspot.jp/2016/05/a-new-mobile-friendly-testing-tool.html

PHOTOSHOPならここまでできる！すごい無料モックアップ素材60個まとめ 2016年5月度

2016/05/20(Fri) 07:36

Photoshopでひと手間加えるだけで、ワンランク上のデザインに仕上げてくれ、ワンクリックで編集できる手軽さも特長です。

http://photoshopvip.net/90176

レスポンシブの表示も完璧に定義できる優れもの！スタイルガイドを作成するのに役立つテンプレート -Styleguide

2016/05/20(Fri) 07:35

スタイルガイドとして見やすくて使いやすく、そして作成・編集も簡単に行え、モジュール式でカスタマイズ性にも優れたスタイルガイドを作成できるnode.jsベースのテンプレートを紹介します。

http://coliss.com/articles/build-websites/operation/work/visual-style-library-styleguide.html

デザインやイラストの質感アップに効果あり！無料でダウンロードできるPhotoshopのブラシのまとめ

2016/05/19(Thu) 07:33

人物の肌や髪に質感を与えたり、水彩や油絵やペン画のようなタッチに仕上げたり、レース柄や水滴などがさっと描けたり、マンガで使うスクリーントーンなど、イラストやお絵描きやデジタルアートなどに無料で使えるPhotoshopのブラシを紹介します。

http://coliss.com/articles/build-websites/operation/design/free-photoshop-brushes-2016-spring.html

GoogleからWeb制作者に便利な新ツールがローンチ！サイトやブログがモバイルフレンドリーか確認できるオンラインツール

2016/05/19(Thu) 07:32

昨日、Googleから新しいツールがローンチされました。Webサイトやブログがモバイルフレンドリーかどうか確認でき、モバイル フレンドリー未対応の時はどうすればよいのかのアドバイスも行ってくれる便利ツールです。

http://coliss.com/articles/web-services/online-mobile-friendly-check.html

有名映画の配色カラーパレットを集める Twitter アカウント @CINEMAPALETTES

2016/05/18(Wed) 07:28

選択されているシーンは、どれも映画からキャプチャされたものとなっており、そこから配色カラーパレットを作成することで、映画の雰囲気をうまく演出しています。

http://photoshopvip.net/90091

最近のWebサイトで見かける便利な機能や仕掛け、気持ちいいアニメーションを実装するCSSやスクリプトのまとめ

2016/05/18(Wed) 07:27

最近のWebサイトで見かける便利な機能や面白い仕掛けのコンテンツ、気持ちいいアニメーションを伴ったインタラクションやエフェクトを実装できるCSS、スクリプトやjQueryのプラグインを紹介します。

http://coliss.com/articles/build-websites/operation/work/javascript-best-2016-may.html

CSSで実装するボタンホバー時のボーダーアニメーションエフェクト

2016/05/18(Wed) 07:26

自分用に一覧化したのがほしくて作ったのでシェアします。主にゴーストボタンなどのシンプルなボタンデザインのホバーエフェクトとして使われることが多いと思うボーダーアニメーションのサンプルです。

http://www.nxworld.net/tips/css-button-hover-border-effects.html