Web制作に役立つ情報一覧

最近気になったハイクオリティなUIキット #17

2016/06/07(Tue) 07:28

ここ最近気になったUIキットのまとめです。見た目や各パーツ・カラーの組み合わせ方などデザインの参考にするだけでなく、それぞれ実際に作成されたファイルをダウンロードすることもできるので、どのようなレイヤースタイルで作られているかを参考にしたり、ライセンスが問題なければデザインで利用させてもらうこともできます。

http://www.nxworld.net/material/high-quality-ui-kits-201605.html

Googleがモバイルフレンドリーとページスピードを同時にテストできるツールをローンチ。

2016/06/06(Mon) 07:24

Googleの新しいユーザーフレンドリーなツールはスモールビジネスの役にきっと立つだろう。モバイルフレンドリーであるかという点と、どのくらい読み込み速度が速いかを計測してくれるのだ。

http://www.seojapan.com/blog/google-launches-business-friendly-tool-tests-web-site-mobile-friendliness-page-speed

グーグルのAMPがSEOやマーケティングに及ぼす8つのマイナスの影響とは？

2016/06/06(Mon) 07:23

AMPがSEOやオンラインマーケティングに及ぼすマイナスの影響を8つ紹介する

http://web-tan.forum.impressrd.jp/e/2016/06/06/22964

商用利用無料、ヴィンテージなデザインに重宝する素敵なフリーフォントのまとめ

2016/06/06(Mon) 07:23

19世紀のヴィクトリアン様式にインスパイアされた、ヴィンテージなデザインによく合う素敵なフリーフォントを紹介します。

http://coliss.com/articles/freebies/free-fonts-for-vintage-design.html

Webで個人情報を扱うときに押さえておきたい3つのこと

2016/06/03(Fri) 07:28

今回はWebサイトで個人情報を扱うときの注意点についてです。サイト上で個人情報を取得し、扱う上でプライバシーポリシーページやSSL化することの必要性がでてきたことがあるのではないでしょうか。

http://liginc.co.jp/280151

CSSのみで実装するシンプルなドロップダウンメニュー

2016/06/03(Fri) 07:27

JavaScriptは使用せず、CSSのみで展開時にちょっとしたアニメーションも加えたシンプルなドロップダウンメニューのサンプルです。

http://www.nxworld.net/tips/css-simple-hoverable-dropdown.html

超軽量であらゆる言語に対応！Webページ上のコードを読みやすくするスクリプト -microlight.js

2016/06/03(Fri) 07:26

通常のシンタックス ハイライトだと、言語ごとのルールを記述したファイルが必要ですが、ハイライトさせる箇所を最低限必要な箇所に絞ることで、超軽量化(2.2k minified)させたスクリプトを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/js-microlight-for-highlighting.html

Googleの次のモバイフレンドリーアップデートでは表示速度がランキング要因になる可能性あり

2016/06/02(Thu) 07:24

Googleが次にモバイルフレンドリーアップデートを実施するときには、ページの表示速度がランキング要因に組み込まれる可能性があります。

https://www.suzukikenichi.com/blog/page-speed-will-be-factor-in-next-mobile-friendly-update/

商用OK多数！使いやすい万能フリーフォント最新コレクション 2016年5月度

2016/06/02(Thu) 07:24

スタイル数の豊富な書体はもちろん、デザインを選ばずに利用できる万能アイテムを中心に揃えており、多くの素材は商用利用にも対応しています。お気に入りの書体を見つけて、コレクションに追加してみてはいかがでしょう。

http://photoshopvip.net/90737

ゴールドのさまざまな質感が美しすぎる！背景などにぴったりな高解像度のテクスチャ素材

2016/06/02(Thu) 07:23

Web・アプリ・紙・プロダクトなどの商用でも利用できる高品質なゴールドのさまざまな質感が美しい背景素材を紹介します。

http://coliss.com/articles/build-websites/operation/design/gold-backgrounds-textures-by-oleg-kate.html