Web制作に役立つ情報一覧

紙のサイズのまとめ！A判、B判、新聞や写真や名刺など、250種類以上の紙のサイズが日本・国際規格ですぐ分かる -PaperSizes

2017/05/24(Wed) 09:58

Web制作をしていても、紙のサイズが必要な時があります。A3って何x何mmだっけ？ 日本のJIS規格だといくつ？ 写真用紙のサイズは？ 名刺は日本と世界で違うの？ などが分かる、紙のサイズがまとめられたPaperSizesを紹介します。

http://coliss.com/articles/build-websites/operation/work/international-standards-for-paper-sizes.html

メールで一番大切なのは文章力よりもビジュアル？ 本文をブロック化して整えよう（全6回の4）

2017/05/23(Tue) 09:49

メールで一番大切なのは、文章力ではなくビジュアルです。読みにくいメールは、相手の中で優先順位を下げられてしまいます。本文をブロック化して美しく整えましょう。

http://web-tan.forum.impressrd.jp/e/2017/05/23/25553

おじさんが若者たちにモテるためのモダンなHTML/CSSマークアップ

2017/05/22(Mon) 09:50

PHPとjQueryの時代は廃れ始め、AngularやReactに代表されるUIフレームワーク、ES2015やTypeScriptを流暢に扱えることがフロントエンドの責務となり、HTMLやCSSも、EJSやPug・SassやPostCSSなどのトランスパイル言語を介すことがほぼ常識になってきた（と思う）。

http://qiita.com/kyoyababa/items/b07b6a4afac3bd970617

Keyword Photoshopで簡単にできる不規則な円の作り方

2017/05/22(Mon) 09:49

不規則な円を取り入れたい時に。デザインカンプなどに使える、Photoshopで不規則な円を作る方法。とても簡単ですぐ使えるのでメモしておきますね。

http://commte.net/blog/archives/6540

これでフォントの組み合わせは完璧！確認しておきたい基本ルール、手順まとめ

2017/05/19(Fri) 09:52

デザイナーとして学ぶことができる重要なスキルのひとつは、書体を選択する力です。デザインの主要ポイントのひとつとして扱われることが多いフォント、書体は、デザインの仕上がりを良くも悪くもしてしまいます。

http://photoshopvip.net/101205

[CSS]YouTubeなどの動画をレスポンシブ対応で実装する現在主流とこれからのテクニック

2017/05/19(Fri) 09:51

動画は拡大縮小が簡単な画像とは異なり、アスペクト比を維持したままレスポンシブ対応で埋め込むと、幅のサイズだけが変わり、高さがそのままになってしまいます。

http://coliss.com/articles/build-websites/operation/css/experiments-in-fixed-aspect-ratios.html

ロゴのデザインに便利！業種やデザインのテイストにあったカラー、色の組み合わせ、フォントが分かる -Logomak

2017/05/18(Thu) 10:01

ロゴをデザインする時に役立つ、業種やデザインのテイストにあったオススメのカラー、色の組み合わせ、フォントが分かる無料オンラインサービスを紹介します。

http://coliss.com/articles/build-websites/operation/design/logo-design-colors-colorschemes-fonts.html

[CSS]レイアウトでテキストは幅一定で、画像だけ幅いっぱいに表示させるスタイルシートのテクニック

2017/05/17(Wed) 09:46

テキストはスマホでは両横にマージンを保持しつつ幅いっぱいに、デスクトップでは指定した幅で表示し、常に画像だけ幅いっぱいに表示させるレイアウトを実装するスタイルシートのテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/css/breaking-out-with-css-grid-layout.html

さまざまなデザインのボタンを最小限のHTMLで実装する、HTML5とCSS3のテクニックのまとめ

2017/05/16(Tue) 10:02

HTMLはシンプルに最小限、26種類のさまざまなデザインのボタンを実装されたコレクションを紹介します。

http://coliss.com/articles/build-websites/operation/css/collection-of-css-button.html

無料フォントなのに高品質ですごい！デザインの引き出しが確実に増えるフリーフォントのまとめ

2017/05/16(Tue) 10:02

さまざまなデザインで使える美しいサンセリフフォントをはじめ、スクリーンでの見やすさが重視されたセリフフォント、アクセントに使えるデザインフォントなど、デザインの引き出しが確実に増えるフリーフォントを紹介します。

http://coliss.com/articles/freebies/free-fonts-2017-may.html