Webデザイン

ECサイトをデザインするときに気をつけていること

2018/02/21(Wed) 09:57

Web制作の現場では、EÇサイトのデザインを行うことも多いので、そんなときにどんなことに気をつければいいのか？自分なりにまとめてみました。

https://liginc.co.jp/378257

最近の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デザインパターンの参考になるサイト10選

2018/01/24(Wed) 09:50

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

http://uxmilk.jp/68343

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

2018/01/23(Tue) 09:49

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

http://uxmilk.jp/70401

Webのアクセシビリティを向上させる、始めに取り組んでおきたいガイドラインの10項目のまとめ

2018/01/12(Fri) 09:52

Webの創始者であり、W3Cのディレクターを勤めるTim Berners-Lee氏の言葉に、「Webが持つ力とは、その普遍性にあります」というのがあります。Webサイトに誰もがアクセスできるようにするのは、わたし達の責任です。

http://coliss.com/articles/build-websites/operation/work/guidelines-to-improve-web-accessibility.html

2017年に注目されたインターフェイスデザインのトレンドを解説

2018/01/09(Tue) 09:56

2017年はインターフェイスデザインにとって多様性の一年でした。中でもユーザーフレンドリーに注目された年と言えるでしょう。2018年これからのWebサイト、スマホアプリのデザインで押さえておきたいインターフェイスデザインのトレンドを紹介します。

http://coliss.com/articles/build-websites/operation/design/popular-interface-design-trends-in-2017.html