Web制作に役立つ情報一覧

ユーザー満足度がぐっと上がるUXデザイン小技テクニック26選

2024/09/09(Mon) 08:55

現役UIデザイナーのジム・ラプティス氏が実際にWebサイトやオンラインツールの制作で得た、UX（ユーザーエクスペリエンス）を改善できるシンプルで効果的なテクニックをご紹介します。

https://photoshopvip.net/160627#google_vignette

オンページSEOで知るべき重要な13の要素

2024/09/09(Mon) 08:54

オンページSEOで検索での可視性を最大化しよう。ウェブサイトのランキングに影響を与える要素について学び、コンテンツ最適化からサイト速度、モバイルフレンドリーまで理解しよう。

https://seojapan.com/column/essential-factors/

HTML/CSSでできる、押したくなる最新Webボタンエフェクト集

2024/09/05(Thu) 09:01

この記事では、ウェブサイトを訪れたひとが思わず押したくなるボタンデザインをまとめてご紹介します。どのボタンも基本、HTMLとCSS（JSもすこし）で作成されているので、手軽にコピペで利用でき、カスタマイズも自由自在。

https://photoshopvip.net/160525

OGPタイトルもGoogle検索ではタイトルリンク生成に利用される

2024/09/04(Wed) 08:50

検索結果のタイトルリンクの生成に使用される要素のリストに og:title meta タグが追加されました。タイトルリンクは、検索結果に表示されるウェブページのタイトルです。

https://www.suzukikenichi.com/blog/google-search-can-use-content-within-ogtitle-to-generate-title-links/

売れるウェブの最新HTML/CSSテクニック40選

2024/08/28(Wed) 08:56

目まぐるしく変化するWebデザインの世界は、新しい技術やテクニックが毎日のように登場し、追いかけるだけでも大変。「Webデザインの最新テクニックを知りたいけど、時間が足りない」という方へ。この記事では、話題になった人気テクニックを中心に集めているので、効果的にWeb注目ニュースをインプットできます。

https://photoshopvip.net/160431

もっと早く知りたかった！Web制作に便利な最新オンラインツール50個まとめ

2024/08/27(Tue) 08:51

この記事では、Webデザインやグラフィックデザインの制作スピードが爆速になる、便利な最新オンラインツールをまとめています。うまくツールやサービスを利用することで、時間や労力の必要な作業もラクラクこなし、よりプロジェクトを円滑にすすめることができるでしょう。気に入ったツールを制作ワークフローに取り入れ、さらなる制作スピードアップを目指しましょう。

https://photoshopvip.net/160366

失敗しない美しいUIにする配色の選びかた【実践編】

2024/08/23(Fri) 09:06

これまでに以下のように鮮やかな色の配色ツールを使ったことはあるでしょうか？ベースとなる色を選び、「補色」や「類似色」などいくつかの配色オプションを調整すると、ホームページを構築するために使用すべき５つの色見本が表示されるというものです。

https://photoshopvip.net/160306#google_vignette

フォームのテキストエリアにCSSのfield-sizingとlh単位を使用すると便利、入力された文字量に合わせてサイズを自動変更

2024/08/21(Wed) 08:54

CSSはどんどん便利になっていますね！これまではJavaScriptを使用しないとできなかったことがCSSで簡単に実装できるようになっています。CSSのfield-sizing: content;でフォームのテキストエリアのサイズを入力された文字量に合わせて自動変更したり、テキストエリアの高さを行の高さで設定するlh単位を使ったCSSのテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/css/css-tips-for-textarea.html#google_vignette

オンページSEOとは？運営者が制御できるサイト内部の最適化

2024/08/20(Tue) 08:56

オンページSEOとは、ウェブサイトの内部をユーザーと検索エンジンに最適化する施策です。ユーザーと検索エンジンの両方に対してわかりやすい構造を提供することのほか、ユーザーの検索意図を的確に満たすコンテンツを作成し管理するコンテンツSEOと、技術的な側面を最適化しサイトを検索エンジンに正しく理解・取得させるテクニカルSEOが含まれます。

https://www.bodhi.co.jp/on-page-seo

テクニカルSEOとは？ウェブサイトの技術的な側面の最適化施策

2024/08/19(Mon) 09:20

テクニカルSEOとは、検索エンジンがウェブサイトの内容を確実かつ効率的に取得できるように、また内容を理解しやすくなるように、ウェブサイトの技術的な側面を最適化することをいいます。ウェブサイトの構造やコンテンツを理解しやすくし、正しくクロールやインデックスすることを助けます。

https://www.bodhi.co.jp/technical-seo