Web制作に役立つ情報一覧 Web制作、Webデザインに関する役立つ情報を紹介します。 Web制作に役立つ情報の紹介はこちら 1081 - 1090 ( 5157 件中 ) [ ←前ページ / <= 101 102 103 104 105 106 107 108 109 110 => / 次ページ→ ] ロゴデザインの配色見本!すぐに役立つカラーパレット15個まとめ2019/02/19(Tue) 09:52有名なブランドの名前を聞いたとき、ブランドに使われている色を無意識に思い浮かべることはないでしょうか。たとえば、スターバックスはみどり色と白色、Ikeaは青色と黄色、Fedexはむらさき色とオレンジ色といった具合です。http://photoshopvip.net/113962 デザインは奥が深い!日本語・英語フォントのデザイン知識・実践テクニックを学べる良書 -ほんとに、フォント。2019/02/19(Tue) 09:51Webデザインでも紙のデザインでも、フォントや文字周りのデザインは奥が深いです。指摘されるまで気がつかないようなフォントや文字についてのデザイン知識、実践的なテクニックを学べるデザインの良書を紹介します。https://coliss.com/articles/book-review/isbn10-4802612087.html 【HTML】見出しタグの使い方を解説!h1〜h6の使い分けも【SEOにも重要】2019/02/18(Mon) 10:01「見出しタグは6種類あるけど、どれをどこで使えばいいの?」「hタグにはSEO対策としての効果はどの程度なの?」サイトを制作していると見出しタグを使わないことの方が珍しいでしょう。https://creive.me/archives/18726/ [CSS]レスポンシブ対応、フォントに適切なサイズをビューポートに基づいて自動計算して適用するスタイルシート2019/02/18(Mon) 10:00フォントに適切なサイズをブラウザのビューポートのサイズに基づいて、自動的に計算して適用するスタイルシート「RFS(Responsive Font Size)」を紹介します。Sass, Less, Stylus, PostCSSなどのプリプロセッサやポストプロセッサ対応です。https://coliss.com/articles/build-websites/operation/css/css-responisve-font-size.html 【CSS】font-familyの正しい指定方法と書き方(効かない原因やGoogle Fontsの使い方も)2019/02/15(Fri) 09:57「使っているデバイスによってフォントの見え方が違うが、どうにかならないか」「指定方法がよくわからず、いつもサンプルをコピペしている」こんな経験をされたことはないでしょうか?https://creive.me/archives/18729/ 【CSS】max-widthやmin-widthの使い方を徹底解説!レスポンシブ対応もバッチリ2019/02/14(Thu) 10:35「widthの種類はあるけど、とりあえずwidthしか使っていない。」「maxやminのwidthをいつ使えば良いのか、その状況が想定できない」こんな思いを持っていませんか?「width」の設定だけで十分ではないか、と。事実、なぜ最大値や最小値の設定が必要なのかと思うでしょう。それを設定しなければならない理由がわからない人も多いのではないでしょうか?https://creive.me/archives/18736/ パントンカラー全1320色をCMYK値に変換したチートシート Pantone Color Bridge Plus & CMYK2019/02/14(Thu) 10:34PhotoshopやIllustratorなどで作成したデザインを印刷するとき、CMYK(C:シアン/M:マゼンタ/Y:イエロー/K:ブラック)の4色で表現するプロセスカラー印刷が一般的です。http://photoshopvip.net/113951 CSSリセットにも新しい動きが!最近の実装に合わせて、見直すきかっけになる新しいCSSのリセット -CSS Remedy2019/02/13(Wed) 09:57Mozilla Developerによる新しいプロジェクトで、後方互換性を備えつつ、現在のデスクトップやスマホの環境に合わせたCSSリセットです。https://coliss.com/articles/build-websites/operation/css/cssremedy.html CSSセレクタのチートシート2019/02/12(Tue) 09:58CSSのセレクタのチートシートです。コードはコピペできるようになっています。https://webliker.info/css-selector-cheat-sheet/ position: sticky;の仕組みや実際の使い方が分かると便利!仕様から実装方法までをやさしく解説2019/02/07(Thu) 09:53position: sticky;とは、ヘッダやナビゲーション、サイドバーなど指定した要素をスクロールした際にぴたっと指定した位置に貼り付ける(スティッキー)便利なプロパティです。https://coliss.com/articles/build-websites/operation/css/css-position-sticky-how-it-really-works.html 1081 - 1090 ( 5157 件中 ) [ ←前ページ / <= 101 102 103 104 105 106 107 108 109 110 => / 次ページ→ ] - Yomi-Search Ver4.21 -