Web制作に役立つ情報一覧

【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

Webフォントってなに？ 遅くないの？ SEOにはどうなの？ 「フォントおじさん」こと関口さんに聞いた。

2019/04/04(Thu) 09:57

「Webフォントって遅くない？」「SEOにはどうなのよ？」というWebフォントの疑問を関口さんに聞いた。

https://webtan.impress.co.jp/e/2019/04/04/32138

Illustratorを楽しみながら学ぼう！参考にしたい最新チュートリアル、作り方31個まとめ

2019/04/03(Wed) 10:13

デザイナーやクリエイター必須のグラフィックソフトIllustratorは、印刷用のイラストデザインからウェブページの広告バナー画像の制作など、あらゆるグラフィックを表現できます。

http://photoshopvip.net/114955

ユーザーに直感的で分かりやすいボタンとは、UXの観点からくわしく解説

2019/03/29(Fri) 09:53

ボタンのクリックレートが低い、ボタンを配置したページにユーザーが長い時間を費やしている、これはボタンが直感的でなく、分かりにくいボタンが原因かもしれません。

https://coliss.com/articles/build-websites/operation/work/mobile-call-to-action-buttons-intuitive.html

HTMLとCSSのファイルを解析し、未使用のCSSをお掃除してくれる便利なツール -DropCSS

2019/03/28(Thu) 10:00

CSSファイルを軽量化するには、最適化・軽量化などの便利ツールがありますが、未使用のCSSを掃除することも重要です。HTMLとCSSのファイルを解析し、未使用のCSS（CSS4までサポート）を掃除してくれるツールを紹介します。

https://coliss.com/articles/build-websites/operation/javascript/unused-css-cleaner-dropcss.html

CSSのデバッグは、けっこう難しい

2019/03/27(Wed) 09:59

Web制作で一番悩ましいのが、期待通りに動作しないことだと思います。CSSも簡単なものであれば、すぐに原因が特定できて修正できますが、デバッグするのが難しい時もあります。

https://coliss.com/articles/build-websites/operation/css/css-debugging-is-hard.html