Web制作に役立つ情報一覧

Webはここまで進化中！コピペもできるHTML／CSS参考スニペット84個まとめ

スニペット（英: Snippet）とは、一般的に「切れ端、断片」といった意味で、ウェブサイトなどのプログラミングで簡単に切り貼り、再利用できる部品を指します。これらのスニペットを利用すれば、他のサイトではあまり見かけない差のつくデザインエフェクトを実現できます。今後のウェブ制作に活用してみてはいかがでしょう。

http://photoshopvip.net/117916

ここ1,2年でかなり進化したWordPress、カスタマイズに必要なPHPの知識を身につけたい人にお勧めの解説書

本書はずばり、PHPは苦手という人のための解説書です。WordPressはPHPの知識無しでも利用できますが、ちょっとしたカスタマイズをする際、テーマファイルを修正したり、function.phpの設定など、PHPは避けては通れません。

https://coliss.com/articles/book-review/isbn10-4844368893.html

これなら簡単！CSSのみで、ボタンやアイコンに気持ちいいさまざまなアニメーションを加える -UI interactions

ボタンやアイコン、アロー、ハンバーガーメニューなど、UIでよく使用される要素にインタラクションを加えるスタイルシートを紹介します。HTMLはbutton要素だけのシンプルな構成で、classを与えるだけで簡単に利用できます。

https://coliss.com/articles/build-websites/operation/css/css-ui-interactions.html

万能すぎる！「使える」筆記体フリーフォント30個を無料ダウンロードしよう

特に人気が高く、表現力のある特長的フォントが筆記体、スクリプト体です。手書きの風合いを残した、ナチュラルでハンドメイドな仕上がりを手軽に楽しむことができます。

http://photoshopvip.net/117895

SEO施策を実行する前に必ず確認しておきたい3つのポイント

数々のSEOの施策を実行し、成功と失敗を繰り返す中で、成果を出すために大事なポイントのようなものが、私なりに見えてくるようになりました。今回はそうした私の経験をもとに、SEO施策の立案や実施を検討するときに抑えるべき大切な3つのポイントについてお伝えしたいと思います。

https://www.seohacks.net/blog/column/4333/

Googleの検索結果において、自身のサイトをよりクリックされやすくする５つの方法

Googleの検索結果は日々変化を遂げており、その結果、検索結果上の情報量は増え、よりリッチになっています。それに伴い、クリックが発生しない検索（ゼロクリックサーチ）が全体の５割を超える地域もあり、サイトへのトラフィックは減少し続けています。

https://www.seojapan.com/blog/how-to-make-your-google-search-snippets-more-clickable

UIデザイン用に最適化されたおすすめのフリーフォント！小さいサイズでもくっきり綺麗で、読みやすい -Inter

以前、当ブログで紹介した「Inter UI」が名を改め、さらにくっきり綺麗に表示されるよう進化したUIデザイン用のフリーフォントを紹介します。

https://coliss.com/articles/build-websites/operation/design/typeface-for-user-interfaces-inter.html

無料＆商用可！オシャレでミニマルな英語フリーフォント厳選90個まとめ【保存版】

ミニマリズム（英: Minimalism）とは、必要最小限までデザインを省略し、本当に必要なものに注目を集める表現スタイルで、デザインの目的や意図を伝えやすくします。

http://photoshopvip.net/117854

CSSのメディアクエリには頼らず、コンテンツベースで実装するレイアウトの最近の方法 -Relearn CSS layout

CSSのレイアウトは最近ではFlexboxが主流となり、それまでの考え方や実装方法とは大きく異なります。@mediaのブレイクポイントやハックを使用せず、CSSの性能を活かした、コンテキストに依存しないコンテンツベースで実装するコンポーネントのレイアウト方法を学べるRelearn CSS layoutを紹介します。

https://coliss.com/articles/build-websites/operation/css/relearn-css-layout.html

Webアイコンフォントの【Font Awesome】がアカウント登録必須になったので、使い方をおさらいしました | Webクリエイターボックス

Font AwesomeはWebページ上にアイコンを表示させるためのサービス。汎用性の高いシンプルなアイコンが多数用意されています。アイコンの画像をご自身で用意しても構いませんが、このようなサービスを使うと手軽に実装でき

https://www.webcreatorbox.com/webinfo/font-awesome