Web制作に役立つ情報一覧

CSSのposition:stickyがすごく便利

2017/03/06(Mon) 09:50

最近新しく追加された position の新しい値 sticky が場合によってはすごく便利なので記事を書いてみます。対応ブラウザがまだあまり多くないので実用性は乏しいかもしれませんが、今まで JavaScript の力を借りなきゃ出来なかったことがたったの2行の CSS で出来てしまう魔法みたいな position の値です。

https://q-az.net/position-sticky/

春にぴったり！フォントやテクスチャをかわいい水彩タッチに仕上げる無料素材 -Aquaflow

2017/03/06(Mon) 09:49

デザインやイラストに使うフォント、オブジェクト、テクスチャなどを簡単に、かわいい水彩タッチに仕上げる無料素材を紹介します。

http://coliss.com/articles/freebies/watercolor-generator-aquaflow.html

ビジネスにおいてUXデザインが必要な理由

2017/03/03(Fri) 10:01

急速に進化するオンライン世界に対応し続けるために、企業は新しいテクノロジーや理論を効率的に導入する必要があります。進化の一例として、デザインの中心が、従来のUI（ユーザーインターフェイス）へのものから、UX（ユーザー体験）へ移行していることが挙げられるでしょう。

http://uxmilk.jp/60609

Flexboxでレイアウトを作成する時に覚えておきたい、子要素がどのようにサイズ変更されるかアニメーションで解説

2017/03/03(Fri) 10:00

普通にレイアウトするのであれば、FlexboxでもFloatでもそんなに変わりなく利用できます。Flexboxは、flex（収縮する）の名の通り、収縮してサイズ変更できることが大きな特徴です。

http://coliss.com/articles/build-websites/operation/css/even-more-about-how-flexbox-works.html

ロゴデザインの勉強にブックマークしておきたい！圧倒的なボリュームでアイデアが広がる -Logobook

2017/03/02(Thu) 09:49

世界中のブランドや会社のロゴ、シンボル、トレードマークをコレクションしているサイトを紹介します。

http://coliss.com/articles/build-websites/operation/design/logos-showcase-logobook.html

テキストやボーダーや背景に使うグレーを効果的に、ニュートラルなカラーを使いこなすためのテクニック

2017/03/01(Wed) 09:48

Webデザインで大切なカラーはベースカラーやアクセントカラー、そしてブランドのカラーがありますが、テキストやボーダーや背景などのコンポーネントに使うニュートラルなカラーも非常に重要です。

http://coliss.com/articles/build-websites/operation/design/light-and-dark-color-systems.html

デザインがグッと良くなる、持っておきたいフリーフォント素材50個まとめ 2017年2月度

2017/02/28(Tue) 09:53

デザインの雰囲気をガラリと変える日本語フリーフォントから、グラフィックデザインで重宝しそうなスタイリッシュな英文フリーフォント素材まで幅広く揃えています。

http://photoshopvip.net/99023

ホテル・旅館のホームページのおすすめ配色の見本（第3回）

2017/02/24(Fri) 09:47

このコラムでは、業種ごとに「合う色と合わない色」「注意すべきこと」をまとめています。毎回、異なる業種を取り上げて解説しますが、それらの業種でよく使われる色やたびたび見られる失敗があり、それにはきちんとした理由があります。

http://web-tan.forum.impressrd.jp/e/2017/02/24/24769

UXデザイナーが自社の文化を理解するための５つの質問

2017/02/24(Fri) 09:47

企業とは、社会的かつ文化的な組織です。そして、組織のあらゆる物理的な要素は、組織内部の人間を反映したものと言えます。リーダーとして成功するためには、ほかの人に対して、心から関心をもたなければなりません。

http://uxmilk.jp/56826

[CSS]超軽量で快適！スクリプト無しで実装されたレスポンシブ対応のナビゲーション -Luxbar

2017/02/23(Thu) 09:47

デスクトップ、タブレット、スマホに対応した、通常のスタティックなヘッダやスクロールしても常に上部・下部に固定表示されるバーとして配置できるナビゲーションを実装するスタイルシートを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-only-responsive-navigation-luxbar.html