Web制作に役立つ情報一覧

写真が劇的に変わる！重ねるだけの無料オーバーレイテクスチャ素材750枚まとめ

2019/09/18(Wed) 09:54

この記事では、写真加工で重ねて使える無料オーバーレイテクスチャ素材を詳しい使い方と一緒にまとめてご紹介します。オーバーレイテクスチャ素材は、ドラッグ&ドロップで手軽に利用でき、さまざまなシーンに対応する素材が幅広く揃います。これらの素材を利用すれば、写真加工、編集プロセスをよりクリエティブに、効率的に行うことができるようになります。

http://photoshopvip.net/117928

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

2019/09/16(Mon) 10:12

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

http://photoshopvip.net/117916

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

2019/09/13(Fri) 09:53

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

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

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

2019/09/13(Fri) 09:52

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

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

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

2019/09/12(Thu) 09:49

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

http://photoshopvip.net/117895

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

2019/09/10(Tue) 09:58

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

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

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

2019/09/10(Tue) 09:57

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

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

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

2019/09/09(Mon) 09:49

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

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

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

2019/09/06(Fri) 09:51

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

http://photoshopvip.net/117854

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

2019/09/05(Thu) 09:53

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

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