Web制作に役立つ情報一覧

黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに

2016/06/24(Fri) 07:30

Webサイト、雑誌や同人誌の表紙、フライヤーなどのレイアウト、コンテンツの配置、余白のとり方、写真の構図、オブジェクトの形のデザインに、黄金比や黄金螺旋をうまく取り入れるデザインテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/design/the-golden-ratio-in-design.html

CSSのみでcheckboxの装飾とチェック時アニメーションを実装したものをまとめた「Switcher styles collection」

2016/06/23(Thu) 07:31

ひと通り揃っていて良いなと思ったので備忘録兼ねてご紹介。「Switcher styles collection」は <input type="checkbox"> と<label> を組み合わせて作成したスイッチスタイルをまとめているもので、装飾やチェック時のアニメーションなどすべてCSSのみで実装されています。

http://www.nxworld.net/tips/switcher-styles-collection.html

こんなに美しいレイアウトがシンプルなHTMLで簡単に実装できるスクリプト -Multiple.js

2016/06/23(Thu) 07:31

半透明の美しいグラデーションが複数のパネルにまたがり、背景を続き画像として配置するスクリプトを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/multiple-js.html

Photoshop無しでPSDファイルをさくっと開き、画像編集もできてしまう！オンライン無料サービス -Photopea

2016/06/23(Thu) 07:30

PhotoshopのPSDファイル、GimpのXCFファイル、JPEG, PNG, GIF, BMP, WebPなどの画像ファイルを開き、編集もできてしまう無料のオンラインサービスを紹介します。

http://coliss.com/articles/web-services/online-psd-editor-photopea.html

Google Search Console（サーチコンソール）を強力なSEOツールとして使うための究極ガイド。

2016/06/22(Wed) 07:28

最近、機能の追加が多いSearch Consoleですが、SEOにおいてはもはや必須のツールとなっております。今回ご紹介する記事はニール・パテル氏による、Search Consoleの活用マニュアルといった記事になります。

http://www.seojapan.com/blog/the-ultimate-guide-to-using-google-search-console-as-a-powerful-seo-tool

GoogleのHTTPSサイト優遇方針で待ったなし！　Webサイト常時SSL化の効果と実装ポイント

2016/06/22(Wed) 07:27

現状では、SSL化しているのは入力フォームのページだけというWebサイトが多い。しかし、グーグルがHTTPSのWebサイトをランキングで優遇すると2014年に発表したこともあり、サイト全体をHTTPS化する「常時SSL」の実装を検討する時代になっている。

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

センスがなくてもそれっぽい！無料インフォグラフィック作成ツール5選

2016/06/22(Wed) 07:26

数あるインフォグラフィック作成ツールの中から「デザインセンスがなくてもそれっぽく仕上がる」ことを条件に5つをピックアップしました。

http://liginc.co.jp/287677

Webサイトのアイデアを形にする！ワイヤーフレームやフローチャートに使える素材のまとめ

2016/06/22(Wed) 07:25

最近のWebサイトで使われているさまざまなレイアウト、ヘッダやフッタやナビゲーションやコンテンツのパターンがキット化されたワイヤーフレームやフローチャートを作成するのに役立つ無料素材を紹介します。

http://coliss.com/articles/build-websites/operation/work/wireframe-flowchart-kits.html

日本語フリーフォント、これだけは欲しい厳選22個

2016/06/22(Wed) 07:24

日本中の書体デザイナーさんのおかげで、素敵な日本語フリーフォントが数多く公開されるようになったいま、複数の書体をインストールしているひとも多いでしょう。

http://photoshopvip.net/japanese-free-fonts

UI/UXデザインツールの大本命、Adobe XDの私が大好きな便利な機能をすべて紹介します

2016/06/21(Tue) 07:25

Adobe Experience Design（以下、Adobe XD）の評判はいいって聞くけど、実際のところどうなの？ 使えるの？ そんな疑問がすっきりするAdobe XDで何ができるのか、Webサイトやアプリのワイヤーフレームやプロトタイプを作成するのに便利な機能を紹介します。

http://coliss.com/articles/build-websites/operation/work/what-is-adobe-xd.html