Web制作に役立つ情報一覧

一気に疑問が解ける！Webページを高速化するテクニックを分かりやすく解説した良書 -Webページ高速化超入門

2019/05/10(Fri) 10:13

Webページ高速化、と聞くと専門的な知識が必要で難しそうと思う人も少なくないと思います。Webページを軽量化して表示速度を改善させるテクニックを一つずつ分かりやすく解説した入門書を紹介します。

https://coliss.com/articles/book-review/isbn10-4297105802.html

[CSS]三角形で繋がったパンくずのナビゲーションを実装するスタイルシートのテクニックまとめ

2019/05/09(Thu) 10:02

サイトのパンくずやフォームのステップでよく見かける、ブロックに三角形の山形を隣接させたリンクの列をCSSで実装するテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/css/css-triangular-breadcrumb-ribbons.html

ウェブデザイン制作が加速中！便利な最新オンラインツール53個まとめ

2019/05/08(Wed) 09:54

これらのツールやサービスを利用すれば、デザイン制作で面倒な作業も手軽に、短時間で行うことができ、より効果的にプロジェクトを進めることができます。制作ワークフローに取り入れてみてはいかがでしょう。

http://photoshopvip.net/115542

フォント選びに迷ったら見返したい、おすすめ定番フォント31選まとめ (欧文編)

2019/05/07(Tue) 10:03

今回の記事では、デザイナーが抑えておくべき定番欧文フォント31個(+おまけ)をまとめました。世の中で使われている大体のフォントをまとめてあるので、何かデザインするときの辞書的な感じになれば嬉しいです。

https://note.mu/yoshigorou/n/nf722df5caa46

商用利用も安心！無料イラストが見つかるフリー素材サイトまとめ【保存版】

2019/04/24(Wed) 10:03

この記事では、商用利用かつ無料ダウンロードできるイラスト素材、サイトをまとめてご紹介します。資料作成やサイト作成などあらゆる場面に重宝するフリー素材を揃えています。

http://photoshopvip.net/115273

同じ素材なのに、完成したデザインがこんなに違う！デザインテクニックやプレゼン方法を学べるデザインの良書 -デザインのネタ帳

2019/04/23(Tue) 10:05

デザインの正解は一つではありません。同じデザインの素材、そしてテキストを使用しても、アピールポイントやアピール方法の違いによってデザインの仕上がりは変わります。

https://coliss.com/articles/book-review/isbn10-4802612125.html

スマホも対応！スクリーンいっぱいに表示させるスライダーを実装するスクリプト -FullScreen Slider

2019/04/22(Mon) 09:54

ページ内のセクションをスクリーンいっぱいに表示し、マウスのクリック・ホイール操作、スマホのタップ・スワイプ操作に対応した快適なスライダーを紹介します。

https://coliss.com/articles/build-websites/operation/javascript/fullscreen-slider.html

UI用のアイコンが1,400種類以上！商用でも完全無料で利用できる、シンプルなアイコン素材 -Remix Icon

2019/04/18(Thu) 10:01

商用でもクライアントのプロジェクトでも完全無料で利用できる、UIデザイナーやデベロッパーのためのアイコン素材を紹介します。

https://coliss.com/articles/freebies/simply-icon-system-remixicon.html

和デザインに最適！日本の美しい風景の配色アイデア見本帖46選【保存版】

2019/04/17(Wed) 09:55

デザインの配色えらびに困ったときに便利な、日本の絶景写真をコンセプトにした配色カラーパレットを都道府県別にまとめて紹介します。「こんな雰囲気、感じ」といったイメージを、直感的に選ぶことができる配色パターンとなっています。

http://photoshopvip.net/115102

キャンセルボタンに色をつけてはいけない理由

2019/04/16(Tue) 09:59

キャンセルボタンをデザインする時に、カラーで悩むことはありませんか？キャンセルボタンに色をつけてはいけない理由、ニュートラルなグレーが適している理由を紹介します。

https://coliss.com/articles/build-websites/operation/design/why-cancel-buttons-should-never-have-a-color.html