Web制作に役立つ情報一覧

head内に記述するソーシャルメディア・検索エンジン用のmetaタグを簡単に生成できる無料ツール -Meta Tags

head内のmetaに記述するTwitterカードやFacebookのOGPなどのソーシャルメディア用のコード、Googleなどの検索エンジン用のコードを簡単に作成できる無料のオンラインツールを紹介します。

https://coliss.com/articles/build-websites/operation/work/generate-meta-tags-for-social-media.html

あなたの文章を劇的に読みやすく底上げしてくれる執筆サポートツールをご紹介

ブログを長く続けていますが、ブログというメディアは自分で書いて自分で確認し、自分で投稿するという具合に一人で完結するもののため、書いた文章がおかしくないかを常々気にしながら運営しています。

https://wp.yat-net.com/?p=6781

フリーランスが陥りやすい５つの悪癖とその対策

独立して働くことは素晴らしい経験でしょう。好きな時に好きな場所でいつでも仕事を始められるという自由さから、Webデザイナーの多くはフリーランスの生活を選びます。これは他人のために働いているうちは決して得られない経験です。

https://uxmilk.jp/75689

【2018年版】アイコンデザインの押さえておきたい流行トレンド8個と新作フリーアイコンまとめ

アイコンは、デザインの中でも重要な要素のひとつですが、同時によく見落とされがちな要素でもあります。ここでは、2018年のアイコンデザインの押さえておきたいトレンド8個を詳しく見ていきましょう。

http://photoshopvip.net/111740

Web制作者が備えておきたい最新版チートシートのまとめ

あれはどうだったかな？ という時にすぐ分かる、Web制作の実装や勉強に役立つチートシートを紹介します。

https://coliss.com/articles/build-websites/operation/work/cheat-sheets-for-front-end-developer-2018.html

会社で１人目のデザイナーがデザイン文化を組織に広めるために行った４つの取組み

デザイナーが抱える大きな悩みのひとつに、「デザインを理解してくれる人がいない」というものがあります。最近では少しずつ変わっていますが、デザインの重要性を理解してくれる企業は全体としてはまだまだ少ないように思えます。

https://uxmilk.jp/76069

謎だらけのSEOテクニカル問題を解決する8つのポイントとは？ 【後編】httpsへの移行が生んだリダイレクトの永遠ループ？

7. グーグルは、さまざまな重複／類似ウェブサイトの中から自分のサイトを集約できているか？

https://webtan.impress.co.jp/e/2018/11/05/30777

[CSS]これは知らなかった！セレクタを使った条件分岐のテクニック

古いブラウザ用のスタイルシートとモダンブラウザ用のスタイルシートは、どのように分けて記述していますか？

https://coliss.com/articles/build-websites/operation/css/using-feature-detection-with-selectors.html

これが欲しかった！無料のすごいフリーフォント55選 2018年10月度

世界中で公開されているたくさんのフリーフォントですが、「数が多すぎてどれを使えばいいのか迷ってしまう。」と思ったことがあるひとも多いのではないでしょうか。当サイトでは、無料ダウンロードできる高品質フリーフォントを厳選ピックアップし、定期的にご紹介しています。

http://photoshopvip.net/111634

【コピペ改変OK】CSSだけで作れるボタンデザイン10選

HTMLとCSSだけで作れるボタンのデザインのサンプルをまとめました。カーソルを合わせたあとのスタイルもクリックしたあとのスタイルもすべて用意してあるので操作感もバッチリです。そのままコピー＆ペーストで使っても、大きさや色を変更してもOKです。

https://creive.me/archives/15410/