Web制作に役立つ情報一覧

SEOで上位表示を目指す方法！検索エンジンの仕組みも解説

2023/03/20(Mon) 09:02

自然検索からの流入を増加させるためには、ウェブサイトの上位表示が必須です。しかし、上位表示を狙うためには、やるべきことが数多くあります。本記事では、「ウェブサイトを上位表示させたい」と考えている方に向けて、上位表示させるための具体的な方法や、必要な知識を学べるおすすめのメディアをまとめました。

https://www.seohacks.net/blog/17034/

Web制作に役立つ超便利ツールが登場！ HTMLやCSSやJavaScriptのさまざまなツールがひとまとめになったツールボックス -He3

2023/03/17(Fri) 09:00

HTMLやCSSやJavaScriptの軽量化・整形、FlexboxやGridやbox-shadowのジェネレーター、各種エンコード・デコード、データの暗号化、ダミーテキスト・ダミーデータ・ファビコン生成、テキスト比較（Diff）など、Web制作に役立つさまざまなツールがまとめて利用できる『He3』を紹介します。

https://coliss.com/articles/build-websites/operation/work/modern-developer-toolbox-he3.html

フォトショップが楽しくなる最新チュートリアル、つくり方まとめ

2023/03/16(Thu) 08:56

フォトショップを使いこなしたいときは、やってみたいつくり方をまずは真似してみましょう。手順通り進めることで、あらゆることができるフォトショップの、実践的な使い方を学ぶことができるでしょう。実際、フォトショップの使い方を紹介したチュートリアルが、毎日世界中で公開されています。この記事では基本から応用まで、しっかり学ぶことができる最新チュートリアルを、まとめてご紹介します。

https://photoshopvip.net/144772

全部、完全に商用利用無料！ さまざまなデザインが揃ってる、ランディングページ用のHTMLテンプレート -HTMLrev

2023/03/15(Wed) 09:08

プロダクト、サービス、アプリやソフトウェアなどのランディングページ用のHTMLテンプレートを無料でダウンロードできるHTMLrevを紹介します。ランディングページ用のHTMLテンプレートはすべて無料で、商用プロジェクトでも帰属なしで利用できます。

https://coliss.com/articles/build-websites/operation/work/free-landing-page-html-templates-by-htmlrev.html

CSSの進化が早い！ スタイルクエリ（@container style()）の基礎知識と便利な使い方を解説

2023/03/15(Wed) 09:07

コンテナクエリがすべてのモダンブラウザの安定版でサポートされ、これからはメディアクエリからコンテナクエリを使用する機会が増えてくると思います。コンテナクエリは親コンテナに基づいてスタイルを定義できるものですが、親のサイズによるクエリだけではありません。親のスタイル値によるクエリ（スタイルクエリ）も可能です。スタイルクエリの基礎知識と便利な使い方を紹介します。

https://coliss.com/articles/build-websites/operation/css/css-style-queries-begin.html

Midjourney（ミッドジャーニー）で思い通りに画像生成できる徹底ガイド

2023/03/14(Tue) 08:55

Midjourney（ミッドジャーニー）とは、とても簡単に言えば、入力した文字だけで画像を生成できるAIツールです。たとえば「ライオン」と文字入力するだけで、あらゆるスタイルのライオンを、１分もかからずに、AIが自動で作成します。

https://photoshopvip.net/141745

独立したCSS translate・rorate・scaleプロパティだからできる、豊かなアニメーションテクニック！

2023/03/13(Mon) 08:56

最新のCSSではtranslate、rotate、scaleをプロパティとして独立して指定できるようになりました。これにより複雑な記述をせずとも別々のタイムラインの指定やイージングの指定など柔軟なアニメーション表現が可能になりました。本記事では独立した特長とそれらを活かしたアニメーション表現を紹介します。

https://ics.media/entry/230309/

これは簡単で楽！ スクロールバーのデザインを変更するCSSを確認しながら生成できるツール -Scrollbar.app

2023/03/10(Fri) 08:58

スクロールバーは、長いコンテンツのWebサイトに不可欠な要素です。ブラウザにはスクロールバーのデフォルトのスタイルがありますが、サイトのデザインに最適とは限りません。スクロールバーのデザインを変更するのは、CSSで簡単にできます。

https://coliss.com/articles/build-websites/operation/css/css-scrollbar-selectors-app.html

デザインの世界では無視できない「文字」と「ロゴタイプ」の話。

2023/03/09(Thu) 08:58

決して大げさな表現でなく、私は人類史上最高のデザインは「文字」だと思っています。「文字」がデザイン？文字は文字でしょ？という方もいるかと思いますが、図形をルールに従って並べコミニュケーションをとるという行為は、紛れもなくデザインによって成り立っているもの。

https://note.com/pkgtokyo/n/nbfd8a2f60b96

動くWebデザインの最新アイデア28個まとめ

2023/03/08(Wed) 09:00

ウェブサイトやモバイルアプリを魅力的にしたいときは、アニメーションを利用すると良いでしょう。その理由は、ユーザーの注目を無意識に集め、美しさも表現できるから。さまざまなデザイントレンドとしても、毎年選出されており、まずます需要が高まっています。

https://photoshopvip.net/144594