Web制作に役立つ情報一覧

デザインの作業フローが大きく変わる！PhotoshopやIllustratorに予定されているAdobe Senseiの機能のまとめ

2018/02/06(Tue) 10:03

2018年1月末のアップデートで、ついにPhotoshopでもAdobe Senseiが実装され、複雑な選択範囲が1クリックで簡単に作成できるようになりました。

http://coliss.com/articles/build-websites/operation/work/introducing-adobe-sensei.html

検索順位を上げるSEOチェックリスト【2018年版】

2018/02/05(Mon) 09:50

2018年に検索順位を上げるために解決すべき9つの主な課題（チェックリスト）を順番に紹介する。

https://webtan.impress.co.jp/e/2018/02/05/28199

最近のWebサイトで見かけるヘッダのアイデア・実装方法のまとめ

2018/02/02(Fri) 09:53

ランディングページやブログなど、最近のWebサイトで見かけるヘッダのアイデア・実装方法を紹介します。

http://coliss.com/articles/build-websites/operation/css/awesome-header-ideas.html

お問い合わせ、支払い、サインアップなど、フォームを実装するためのHTMLとCSSのテンプレート -Boilerform

2018/02/01(Thu) 09:59

フォームを実装するのが苦手、という人は少なくないと思います。お問い合わせフォーム、支払いフォーム、サインアップフォームなど、さまざまなプロジェクトで利用されるフォームを実装するのに役立つHTMLとCSSで制作されたテンプレート集を紹介します。

http://coliss.com/articles/build-websites/operation/work/html-css-boilerplate-for-form.html

パンくずリストはどうマークアップする？気になったので調べてみた

2018/01/31(Wed) 09:47

「パンくずリスト」という名前は、童話『ヘンゼルとグレーテル』で、主人公が森で迷子にならないように通り道にパンくずを置いていった、というエピソードに由来する。

https://liginc.co.jp/381615

ハンバーガーメニューを使用する最適のタイミングとは

2018/01/26(Fri) 09:51

ハンバーガーメニューとは、メニューを表示するために使われる３本線のアイコンです。アイコンをクリックまたはタップすると、ナビゲーションが表示されます。

http://uxmilk.jp/70054

最近主流になっている、CSS GridやFlexboxでコンテナ内の要素を揃えるテクニックのまとめ

2018/01/26(Fri) 09:50

CSSで要素を揃えることは楽しみであると同時に、挫折を経験することがあるかもしれません。CSSはすぐに進化し、新しい仕様はブラウザにどんどん実装されています。

http://coliss.com/articles/build-websites/operation/css/css-alignment-cheatsheet.html

フラットなUIデザイン用に作成された、世界各国の有名デザイナーが使用しているカラーパレットのまとめ

2018/01/25(Thu) 09:54

Flat UI Colorsがバージョンアップし、世界各国の有名デザイナーと協力して作成されたフラットなUIデザインに合うカラーパレットを紹介します。

http://coliss.com/articles/build-websites/operation/design/flat-ui-colors-ver2.html

UIデザインパターンの参考になるサイト10選

2018/01/24(Wed) 09:50

同じようなデザインの手直しに人生の貴重な時間を費やしたいと思う人はいません。過去に別のアプリなどで解決されている問題があるのなら、その問題の解決策がテンプレートとして既に存在するはずです。それこそが、誰にでも使えるデザインパターンです。

http://uxmilk.jp/68343

すべてのUIデザイナーが知るべき７つのヒューリスティクス

2018/01/23(Tue) 09:49

私たちUIデザイナーは、毎日デザインの問題に直面しています。これらの問題に対する最善策を知るために、私たちはユーザーのニーズと適合する答えが見つかるまで、ソリューションを調査、分析、テスト、プロトタイピングします。

http://uxmilk.jp/70401