Web制作に役立つ情報一覧

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

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

【photoshop】風景写真をイラスト・アニメ風に加工する

2019/04/15(Mon) 09:53

写真をイラストっぽく使いたいなどの局面はいろいろありまして、備忘録も兼ねて。会社の近所で撮影した写真をこんな感じでイラスト風にして、弊社のキャラクターと合わせてみました。

https://www.bricoleur.co.jp/blog/archives/4955

こんな良書があったとは！絵が苦手な人でも立体感のある描き方が身につく -鉛筆一本ではじめる光と陰の描き方

2019/04/12(Fri) 09:53

これまで絵を描いたことがない人、簡単な絵は描けるけど立体感のある絵は無理という人にお勧めの本を紹介します。

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

CSSについて誰も私に教えてくれなかった大切なこと -プロパティやセレクタがパフォーマンスに与える影響

2019/04/11(Thu) 09:58

当ブログでもCSSのさまざまなテクニックについて記事にしていますが、今回は表面的なものではなく、CSSの本質的なパフォーマンスに関することを紹介します。

https://coliss.com/articles/build-websites/operation/css/things-nobody-ever-taught-me-about-css.html

[CSS]シンプルなWebサイトを少しだけ美しくするためのスタイルシートのコレクション -water.css

2019/04/10(Wed) 09:48

シンプルなWebサイトをすぐに構築したい時、デモページを簡単に作成したい時、CSSでスタイルするのに時間をかけたくない時に便利なCSSのフレームワークを紹介します。

https://coliss.com/articles/build-websites/operation/css/css-framework-for-simple-website-watercss.html

Apple Cardに使用されているAppleの新しいフォント「SF Compact Rounded」がダウンロードできるぞ！

2019/04/09(Tue) 09:54

Apple Cardに一目惚れした人も多いと思います。私もその一人で、夏にリリースされるのが楽しみですね！カードのデザインがかっこよく、そこで気になったのが使用されているフォントです。Apple Cardの「Marisa Robertson」に使用されているフォントが何か調べてみました。

https://coliss.com/articles/build-websites/operation/design/san-francisco-compact-rounded.html