Web制作に役立つ情報一覧

CSSとSVGでチェックボックスを装飾しよう！ | Webクリエイターボックス

2019/08/22(Thu) 09:47

CSSでフォーム内の部品を装飾するのは、昔から難儀でした。特によく使うチェックボックスは色をつけることすら難しく、様々なCSSの小技やJavaScriptプラグインを使って実装してきました。今回はチェックマークにSVGを使い、なるべくシンプルな書き方でチェックボックスを装飾してみようと思います。

https://www.webcreatorbox.com/tech/css-svg-checkbox

顧客が本当に求めているコンテンツを作るためのアプローチ

2019/08/21(Wed) 09:55

現代では、誰もがコンテンツを話題にあげています。コンテンツの重要性を強調したり、充実していないことを嘆いたり、あらゆる問題のソリューションとして提示したりしています。

https://uxmilk.jp/82381

質感や温度を表現するフォントとPhotoshopのレイヤースタイルをご紹介します！

2019/08/20(Tue) 09:51

前回、文字装飾デザインの基本パターンについて記事を書いてみました。文字装飾の引き出しが足りない……という方はぜひ一度見てみてください！

https://liginc.co.jp/447408

Bootstrap ナビゲーションバーのカスタマイズ方法といろいろなデザインの実装例

2019/08/20(Tue) 09:50

Bootstrap 4のナビゲーションバーのカラーを変更したり、アイテムを整列させたり、レスポンシブのブレークポイントを変更するなどのカスタマイズ方法、ナビゲーションバーのいろいろなデザインの実装例を紹介します。

https://coliss.com/articles/build-websites/operation/work/bootstrap-navbar-guide.html

【特集】色の使い方

2019/08/19(Mon) 09:51

デザインにおいて色は重要な要素です。この特集では色を使うときに知っておきたい色の役割や意味、与える印象などを紹介している記事をまとめました。

https://uxmilk.jp/82595

簡単だけど、デザインがすごく良くなる！デザイナーによる思考プロセスを丁寧に解説した良書 -デザイン力の基本

2019/08/09(Fri) 09:54

デザインの基本を自分のデザインに使えるようになるデザイン力を身につけることができるデザインの良書を紹介します。

https://coliss.com/articles/book-review/isbn10-4534057113.html

Photoshopでハーフトーン、ドット画像を作る方法（ブラシ、アクションなどの無料素材収録）

2019/08/07(Wed) 09:52

この記事では、Photoshopでハーフトーン画像を作る方法について紹介しています。ハーフトーン（英: Halftone）とは、、写真内の異なるグレーの濃度を、さまざまなサイズのドットで表現した単色画像です。ハーフトーンエフェクトを使えば、まるで漫画のようなハーフトーンスクリーンの効果を手軽に表現することができます。

http://photoshopvip.net/117197

ビジネス系のサイトやアプリのイラストに困った時に！商用無料で使えるイラストのSVG素材 -Isometric

2019/08/05(Mon) 09:49

物体や人物を斜め上から俯瞰したような構図で描かれた、無料のイラスト素材を紹介します。個人でも商用でも無料で、.png, .svgでダウンロードできます。

https://coliss.com/articles/freebies/free-isometric-illustrations.html

センスが良くなる！オシャレな新作フリーフォント60個まとめ 2019年7月度

2019/08/02(Fri) 09:53

この記事では、最近公開されたばかりの新作フリーフォント素材をまとめてご紹介します。デザインにフル活用できる幅広いセレクションで、使うだけでおしゃれに魅せる素敵なフリーフォントが揃います。

http://photoshopvip.net/117126

スマホにおけるボタンの配置、上と下、左と右、どのように配置するのが最適なのか詳しく解説

2019/08/02(Fri) 09:52

スマホでボタンをどこに配置するとユーザーは操作がしやすいのか？上部と下部、水平に並べたボタン、垂直に並べたボタン、3つ以上のボタンなど、ボタン配置について包括的な分析を行い、ボタンをどのように配置するのが最適なのか解説した記事を紹介します。

https://coliss.com/articles/build-websites/operation/work/the-optimal-placement-for-mobile-buttons.html