Web制作に役立つ情報一覧 Web制作、Webデザインに関する役立つ情報を紹介します。 Web制作に役立つ情報の紹介はこちら 71 - 80 ( 5273 件中 ) [ ←前ページ / 1 2 3 4 5 6 7 8 9 10 => / 次ページ→ ] 意外?@propertyがCSSアニメーションを激変させる理由2024/12/20(Fri) 08:53メディアクエリとして知られる@mediaやCSSアニメーションで使われる@keyframesなど、CSSには@から始まるさまざまなルールがあります。その中にある@propertyというルールはご存知でしょうか?https://ics.media/entry/241219/ 2024年、Web制作者がチェックしておきたいCSSの新機能のまとめ2024/12/20(Fri) 08:52今年もCSSの進化が早かった1年でした。一昔前にはJavaScriptや複雑なCSSを使用しないとできなかったことがたった一行、もしくは数行のCSSで簡単に実装できるようになりました。https://coliss.com/articles/build-websites/operation/css/css-in-2024.html これがCSSだけで実装できるとはすごすぎる! 窓から差し込む柔らかな日差しを実装 -sunlit2024/12/19(Thu) 09:11CSSのスゴ技を見つけたので、紹介します。画像は観葉植物のシルエットだけ、壁、サッシ、そして柔らかな日差しのアニメーションもCSSで実装されています。CSSで複数のぼかしを作り、CSSの回転・拡大縮小を利用してシルエットの動きが実装されています。https://coliss.com/articles/build-websites/operation/css/css-implementation-of-some-sunlight.html 質感アップに効果的! 商用利用無料、デザインやイラストでかなり使える繊細な透過テクスチャ素材 -Transparent Textures2024/12/18(Wed) 08:53布地、織物、格子柄、タイル、唐草模様、フェルト、リネン、紙、糸、アスファルト、レンガ塀、コンクリート、波形、吹雪、ストライプ、カーボン、等高線、ランドルト環、チェックなど、透過で利用できる繊細なテクスチャ素材を紹介します。https://coliss.com/articles/freebies/transparent-textures.html 構造化データとSEO:2025年に知っておくべきこと2024/12/16(Mon) 08:59構造化データがなぜ重要なのか、使用するべき主要なスキーマタイプ、そしてリッチリザルトの可視性を最大化するための高度なテクニックについて解説します。検索エンジンは、ユーザーエクスペリエンスを向上させるために構造化データへの依存をますます強めており、この傾向は2025年以降も続くと考えられます。そのため、構造化データは単なる「付加価値」ではなく、あらゆるSEO戦略において欠かせない要素となっています。https://seojapan.com/column/column-14501/ 2024年、日本語の新作フリーフォントのまとめ! 今年も新しいフリーフォントがたくさんリリースされました2024/12/13(Fri) 09:082024年もいよいよ年の瀬ですね、今年リリース・アップデートされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。ゴシック、明朝、デザインフォント、手書きフォントなど、盛りだくさんです!https://coliss.com/articles/freebies/japanese-free-fonts-dec-2024.html CSSの「text-wrap」と「word-break」での改行位置の制御2024/12/12(Thu) 08:53Webページ上に文章を掲載する際、末尾の一文字だけ改行してしまったり、改行位置のバランスに困ることがよくあります。レスポンシブの場合だと、PC表示では違和感のない改行位置だったとしても、SP表示で表示幅が変わることでテキストのバランスがおかしくなるようなこともしばしばありますが、そんな文章の改行位置を調整できるCSSの「text-wrap」と「word-break」の2つのプロパティでどのように改行位置が変化するかサンプルをもとに紹介してみます。https://black-flag.net/css/20241210-8217.html CSSの「interactive-widget」キーワードを使用すると、スマホでキーボードを表示した時でも高さいっぱいに対応できる2024/12/12(Thu) 08:51スマホで高さいっぱいにしたい時に、100vhが高さいっぱいにならず頭を悩ませていたときに、100svh, 100lvhの動的ビューポート単位が登場して、一時は解決したかに思いました。しかし、これらの単位だけではスマホでバーチャルキーボードなどを表示すると期待通りに機能しません。https://coliss.com/articles/build-websites/operation/css/viewport-resize-behavior-on-mobile-with-interactive-widget.html#google_vignette CV獲得や問い合わせ対応の効率化につながるWebサイトの導線改善の方法とは?2024/12/10(Tue) 08:51Webサイトを運営する上で、「ユーザーに見てもらいたいページへのアクセスが少ない」、「リード獲得や売上などの成果が思うように伸びていない」といった課題を感じている方もいるのではないでしょうか。https://ferret-plus.com/125826?utm_campaign=https%3A%2F%2Fferret-plus.com%2F&utm_medium=RSS&utm_source=index_rss サイトマップとは?2種類それぞれの作成法やSEO効果を解説2024/12/06(Fri) 09:03サイトマップとは、サイト内のページ構成を一覧で確認できる、文字通り“サイトの地図”のこと。これがあるとユーザーがWebサイト内を回遊しやすくなるほか、検索エンジンはWebサイトの情報が収集でき、SEO観点でも大切なものです。https://www.seohacks.net/blog/983/ 71 - 80 ( 5273 件中 ) [ ←前ページ / 1 2 3 4 5 6 7 8 9 10 => / 次ページ→ ] - Yomi-Search Ver4.21 -