Web制作に役立つ情報一覧

CSS Gridで、Webページでよく使うレイアウトを実装したシンプルなHTML/CSSのテンプレートのまとめ

2017/11/27(Mon) 09:51

CSS Gridを使って、ヘッダ・フッタ付きの2カラム、3カラム、カード型といったレイアウトをはじめ、テキストはグリッドに揃えて画像は全幅で表示など、Webページでよく使うレイアウトを実装するシンプルなテンプレートを紹介します。

http://photoshopvip.net/105915

Googleの検索順位にまったく影響しない10の事柄（少なくとも直接は）

2017/11/24(Fri) 09:56

サイト公開からの期間、見出しのh1要素やh2要素、直帰率、共用ホスティングサービスを使っているかどうか――そんなことは、グーグルの検索順位に直接影響を与えない

https://webtan.impress.co.jp/e/2017/11/13/27337

Webのディレクターはどこまでシステムや開発のことを理解しておくべきか -Webディレクションの新・標準ルール

2017/11/22(Wed) 09:50

ディレクターの中でも、システム寄りはよく分からないという人は少なくないと思います。はい、私がそうでした。システム周りのことはすべてSEの人に頼っていました。

http://coliss.com/articles/book-review/isbn10-4844367188.html

あまり知られていない、フォームをCSSでスタイルするために役立つ便利なセレクタとその使い方

2017/11/21(Tue) 09:51

フォームをCSSでスタイルするのは難しいと思われていました。しかし、input要素とそれに関連する要素をスタイルするためのあまり知られていないセレクタがあります。いくつかは比較的新しいセレクタですが、昔から存在するセレクタもあります。

http://coliss.com/articles/build-websites/operation/css/advanced-css-form-styling.html

現役デザイナーが教える！完璧な書体を決める10個の黄金ルールまとめ

2017/11/20(Mon) 09:51

もし、あなたが書体選びやフォントの組み合わせに困っているのであれば、今回紹介するルールを守ることで、いつでも優れたデザインを作成することができます。

http://photoshopvip.net/105840

これを見ておけば脱初心者！Adobe XD, Photoshop, Illustratorでデザインの作り方の手順がよく分かる1分動画

2017/11/17(Fri) 09:49

どんなことが具体的にできるのか、どのような手順なのか、1分で分かる動画を紹介します。

http://coliss.com/articles/build-websites/operation/work/1min-video-for-adobe-cc.html

Flexboxを利用してよくあるレイアウトを実装したサンプル集

2017/11/16(Thu) 09:54

一部ブラウザ（特にIE）で若干挙動が違ったりすることもあるものの、Flexboxを利用することで今までCSSだけでは難しかった見栄えが実装できたり、よりシンプルなCSSで実装できるレイアウトが増えました。

https://www.nxworld.net/tips/flexbox-examples.html

[CSS]Webページのこれからのレイアウトテクニック！FlexboxとCSS Gridは一緒に使用してこそ価値がある

2017/11/16(Thu) 09:53

Webページのレイアウト、一昔前まではfloat、最近のプロジェクトではFlexboxが主流だと思います。CSS Gridはどうでしょうか？

http://coliss.com/articles/build-websites/operation/css/flexbox-and-grid.html

Web担当者が知っておきたいリダイレクトの知識

2017/11/15(Wed) 09:50

サイトを作る時は、新規サイト制作か、リニューアルかの 2 択が主だと思います。リニューアルを行う場合は、今までの PV 数や UU 数をできれば引き継ぎたいと思いますよね。その際によく聞かれるのが「リダイレクト」です。

https://liginc.co.jp/368841

イラストや文字に、テクスチャや背景に、ざらっとした質感を与えるPhotoshopの無料ブラシ素材

2017/11/15(Wed) 09:49

イラストや文字に、ざらっとした質感を与えるPhotoshopのブラシ素材を紹介します。テクスチャ用とボーダー用のブラシが揃っており、さまざまな形状に利用できます。

http://coliss.com/articles/freebies/subtle-grunge-photoshop-brushes-by-miksks.html