Web制作に役立つ情報一覧

リガチャが楽しめる！疾走感のあるストロークがかっこいい走り書きのフリーフォント -Highlander

2018/03/01(Thu) 09:56

手書きフォントはかわいい系が多く、かっこいい系が見つからない！ と探している人に朗報です。疾走感のあるストロークがかっこいいフリーフォントを紹介します。

http://coliss.com/articles/freebies/free-font-highlander.html

こういうのを待ってた！日本語フォントで、レスポンシブ用の文字の指定を調整できる無料ツール -Archetype

2018/02/28(Wed) 09:50

文字の指定をいろいろ調整できる無料ツールは他にもありますが、ようやく日本語フォントに対応したものがリリースされていたので、紹介します。

http://coliss.com/articles/build-websites/operation/css/digital-typography-design-tool-archetype.html

手の込んだテキストエフェクトを作成できる、すごいPhotoshopデザイン素材32個まとめ【2018年版】

2018/02/27(Tue) 10:04

フォントを入力して、ほんの数クリックで魅力的なテキストエフェクトを作成できる、最新のPhotoshop無料デザイン素材をまとめています。多くの素材は、スマートオブジェクト機能を利用しているので、フォントを編集するだけで手軽にデザインを完成させることができるので、ブログのアイキャッチやポスター、フライヤーデザインなどにもオススメです。

http://photoshopvip.net/107585

CSSの基本: CSSを記述するルールで、重要な構文と重要ではない構文

2018/02/27(Tue) 10:03

CSSを使用する際には、他の言語と同様に、構文を正しく理解しておく必要があります。CSSの構文は難しいものではありませんが、見落とされがちな小さいポイントがいくつかあります。その中でも特に、一部の文字とその配置は非常に重要で、CSSが正常に動作するために必要です。

http://coliss.com/articles/build-websites/operation/css/css-syntax-matters-syntax-doesnt.html

[CSS]パンくずでよく見かける三角形のリンク可能エリアを見た目と同じ三角形にするテクニック

2018/02/26(Mon) 09:51

パンくずでよく見かける三角形の実装方法に注目です。今までの三角形の作り方は、要素のwidthとheightを0にし、太いborderの一辺を利用していました。しかし、この実装だとリンクは三角形ではなく、矩形になってしまいます。

http://coliss.com/articles/build-websites/operation/css/breadcrumb-with-arrow-shaped-links.html

これは素晴らしいプロジェクト！暮らしの中にある自然や文化や食を伝える色彩豊かな伝統色「ふくしまのいろ」

2018/02/23(Fri) 09:51

日本に生まれてよかったなぁ、と思うことがよくあります。美しい四季折々の景観や風物詩、全国津々浦々の風土や文化に触れたときに実感します。

http://coliss.com/articles/build-websites/operation/design/fukushima-no-iro.html

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

2018/02/21(Wed) 09:57

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

https://liginc.co.jp/378257

Photoshopで差がつく、ハイクオリティな無料PSDデザイン素材48個まとめ

2018/02/20(Tue) 09:56

ウェブサイトやグラフィックデザインなど幅広い用途で活躍するPhotoshop。表現できるスタイルやエフェクトを増やしたい。そんなときは、手軽にお好みのデザインに編集できる、無料のPSDデザイン素材を活用してみましょう。

http://photoshopvip.net/107495

デザインを学ぶすべての人に贈る、配色アイデア見本101選【2018年保存版】

2018/02/19(Mon) 09:51

配色は、デザインにおける重要な要素のひとつです。この記事では、デザインプロジェクトの参考にしたい、最新の色の組み組み合わせ101種類をご紹介します。配色は、どんなデザインでも見る人の認識を形成しながら、雰囲気やトーンを設定します。単色や明るい、涼しい、暖かい、または補色であれ、すべての色合いがデザインの役割を果たします。

http://photoshopvip.net/107367

Web制作者がチェックしておきたい、軽量で読み込みが速いCSSのフレームワークのまとめ

2018/02/16(Fri) 09:56

Webページやアプリでよく利用されるレイアウトやコンポーネントが簡単に利用できるCSSベースのフレームワークを紹介します。新しいプロジェクトを始める時に、モックアップを作成する時に、既存ページを変更する時に、ぴったりです。

http://coliss.com/articles/build-websites/operation/work/light-and-fast-css-frameworks.html