Web制作に役立つ情報一覧 Web制作、Webデザインに関する役立つ情報を紹介します。 Web制作に役立つ情報の紹介はこちら 411 - 420 ( 5157 件中 ) [ ←前ページ / <= 41 42 43 44 45 46 47 48 49 50 => / 次ページ→ ] スモールビジネスのための、ローカルSEOの戦術50選+α2022/07/22(Fri) 09:25スモールビジネスにとって重要事項の1つである、ローカルSEO。Webサイトの規模はそれほど大きくないケースが多いと思いますが、やれることが少ないかと言うと、そうではありません。サイテーション、レビュー、そしてコンテンツ。その他様々、最適化の箇所は挙げられますが、今回はそんなローカルSEOの戦術を数多くまとめたSearch Engine Journalの記事を紹介します。https://www.seojapan.com/blog/local-seo-strategies-smbs-194305 imgタグのwidthとheightを省略したらダメ! 画像によるレイアウトシフトを回避する最近登場した2つの優れた解決方法2022/07/22(Fri) 09:24レイアウトシフトとは、Webページがロードされる時に画像のスペースが確保されず、画像が表示された時にその分レイアウトがずれてしまうことです。このレイアウトシフトを回避するために10年以上もの間、アスペクト比を手動で適用する必要がありました。しかし、現在ではそんな馬鹿げたハックは必要ありません。最近登場した2つの優れた解決方法を紹介します。https://coliss.com/articles/build-websites/operation/work/avoiding-img-layout-shifts.html 日本の検索エンジンシェアTOP6を紹介|SEOですべきことはひとつ2022/07/21(Thu) 08:53検索エンジンといえば「Google」が有名であり、SEO(検索エンジン最適化)を行う場合もGoogleを対象としている方がほとんどではないだろうか。結論から言うとその考え方は正しく、日本国内の検索エンジンシェアを見ると、Googleが76.39%と圧倒的なシェア率を誇っている。(2021年6月〜2022年5月のデータ)https://lucy.ne.jp/bazubu/search-engine-japan-42218.html 【CSS】「なんかドロップシャドウがダサくなるんだけど」を解決する。2022/07/20(Wed) 08:58みなさんは、このドロップシャドウを見てどう思いますか?ドロップシャドウの色が濃かったり、ドロップシャドウの向きが変な方向だったり、あまり綺麗なドロップシャドウとは感じないですよね?この記事では、これが発生する原因 と 綺麗なドロップシャドウの使い方を解説していきます。この記事を読んで理解すれば、これからドロップシャドウに悩むことはなくなるでしょう!https://qiita.com/degudegu2510/items/8f2a5cce3de08096e06b モバイル幅で作成されたWebサイトの特徴と作例2022/07/20(Wed) 08:57モバイルは幅が狭く、デスクトップは幅が広いので、それぞれのデバイスにあわせてWebサイトの幅も可変させたりしますよね。しかし最近、デスクトップで見てもモバイル幅のまま表示させている国内のWebサイトをちょこちょこ見かけます。今回はそんなモバイル幅のWebサイトを見ていこうと思います。https://www.webcreatorbox.com/tech/mobile-width-website CSSでこんなことができるの知ってた? 要素・コンテナのサイズに関係なく、ボーダーや背景をはみ出して配置するテクニック2022/07/14(Thu) 08:51h1やpなどブロック要素にボーダーや背景をつけると、通常はその要素のコンテナボックスいっぱいに適用されます。要素やコンテナのサイズに関係なく、ボーダーや背景を拡張させるCSSのテクニックを紹介します。https://coliss.com/articles/build-websites/operation/css/css-only-extended-border-and-background.html 【定番】UIデザインで効果的なドロップシャドウ、影の付け方5選2022/07/13(Wed) 08:52文字や画像に、まるで影が落ちているような立体感を表現できる、「ドロップシャドウ(英: Drop Shadow)」。美しい影をデザインするテクニックや、コピペ可能なCSS便利コレクションや色付きの影生成ツールなど、さまざまな「影」を紹介してきました。https://photoshopvip.net/135895 デザイン思考とは何か? ―三大流派を比較してみる― #208 スキ2022/07/12(Tue) 08:54今回は現在のデザイン思考を共時的に理解するために、IDEOの「デザイン思考」、ロベルト・ベルガンティの「意味のイノベーション」、ダン&レイビーの「スペキュラティブ・デザイン」を比べてみました。すると、デザイナーは現代の「預言者」であることが見えてきました。https://note.com/unsung_unnamed/n/n7d1644869cf7 フリーフォントの作者様に感謝! 最近リリースされた日本語フリーフォントのまとめ -2022年上半期2022/07/08(Fri) 08:522022年上半期にリリースされたものを中心に、ひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。作品にインスパイアされたフォント、漫画や同人誌にぴったりなアンチック書体、プログラミング向けのフォント、タイトルやコピーに使えるデザインフォントなど、たくさんのフォントがリリースされています。https://coliss.com/articles/freebies/japanese-free-fonts-202206.html このダークテーマは目に優しく、コードも見やすい! VS Codeのエレガントなモノクロームのテーマファイル -Sequoia2022/07/06(Wed) 08:54ダークテーマは好きだけど、#000のブラックだったり、テキストが派手なカラーだったりすると、目が疲れませんか?背景のブラックはほんの少しだけブルーがかった夜空のように落ち着いた色合いで、グレーの濃淡だけのMonochromeと淡いカラーで構成されたMoonlightの2種類の配色が用意された、VS Code用のテーマファイルを紹介します。https://coliss.com/articles/build-websites/operation/work/sequoia-for-vs-code.html 411 - 420 ( 5157 件中 ) [ ←前ページ / <= 41 42 43 44 45 46 47 48 49 50 => / 次ページ→ ] - Yomi-Search Ver4.21 -