Webデザイン

試してみたらすごかった！PNG画像を最適化し、ファイルサイズを大幅に減らす無料アプリ -Crunch

2018/03/29(Thu) 09:47

無駄な損失が多いPNG画像を最適化し、画像品質の穏やかな部分を利用して、ファイルサイズを大幅に軽量化するmacOS対応の無料アプリを紹介します。

https://coliss.com/articles/build-websites/operation/work/png-images-optimization-crunch.html

UIデザインは奥が深い！最近のスマホアプリで見かけるアニメーションの素晴らしいアイデアを解説

2018/03/13(Tue) 09:47

普段何気なく使用しているUIのアニメーションもその仕組みや効果を理解すると、なるほどと考えされられます。スマホアプリのUIに使用するアニメーションをGoodな良いものから、Greatな素晴らしいものに変えるUIアニメーションのさまざまなアイデアを紹介します。

https://coliss.com/articles/build-websites/operation/work/good-to-great-ui-animation-tips.html

もう縦スクロールって疲れません？進化する私たちの指と視野

2018/03/12(Mon) 09:56

こんにちは！現役女子大生二人組による若者の今を伝えるメディア「ワカモノのトリセツ」です。春休み満喫中の私たちは、自然と携帯を見る時間が増えました。

https://note.mu/yumeme_honami/n/nd280673bf9c1

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