Web制作に役立つ情報一覧

GoogleからのSEOアドバイス：素晴らしいコンテンツが最優先、それを上手にプロモーションする

2024/06/11(Tue) 08:58

検索結果でのクリックを Google がランキング要因にしているなら、検索システムのアップデートで順位下落したサイトはもうクリックされないからリカバリするのは不可能だ。X に投稿されたこうした不満に、Google 検索の広報担当である SearchLiaison が返信しました。

https://www.suzukikenichi.com/blog/googles-advice-prioritize-creating-great-content-and-promoting-it-well/

もっと早く知りたかった、おしゃれ最新フリーフォント50選【時短リスト】

2024/06/10(Mon) 08:58

おしゃれでかわいいフリーフォントを効率的に見つけたいという方へ。このリストは、10年以上フォントを集め続けているフォント好きが選んだ、デザインにこだわった最新フリーフォントを日本語、英語に分けてまとめているので、フォント探しの手間を大幅に短縮できます。

https://photoshopvip.net/158136

Adobeの進化がすごすぎる！ 生成AIによるデザインの新しい作り方が学べるデザイン書 -Adobe生成AI 活用ガイド

2024/06/10(Mon) 08:58

Adobe Fireflyの正式版がリリースされてから早くも1年が経ちました。この1年の間に、ブラウザから利用するWebアプリをはじめ、PhotoshopやIllustratorにも移行され、先日にはAcrobat生成AI「AI Assistant」も発表されました。そんなAdobeの生成AIをデザイナーはどうやって活用すればよいのか、何が便利なのか、デザインの新しい作り方が学べるデザイン書を紹介します。生成AIによる成果物の著作権の扱いや商用利用についても、詳しく解説されています。

https://coliss.com/articles/book-review/isbn-9784815625108.html

CSSの新機能にどのように向き合えばよいか、新しいことを学んだり覚えることは頭の固い人には難しい

2024/06/07(Fri) 09:06

ここ数年、CSSの進化はとても早いと感じている人は少なくないと思います。当ブログでもCSSの新機能をたくさん紹介してきましたが、一昔前にはこんなことができるようになるとは驚くばかりです。そんなCSSの新機能に対して、どのように向き合えばよいのか、実際にどのように使用すればよいのか、その手引きとなる記事を紹介します。

https://coliss.com/articles/build-websites/operation/css/old-dogs-new-css-tricks.html

WebサイトやスマホアプリのUIで見かけたさまざまなアイデアを実現するディテールのまとめ -CallToInspiration

2024/06/06(Thu) 09:07

Webサイトやスマホアプリに使用されている、UIのさまざまなアイデアを実現するための小さなディテールをコレクションしているサイトを紹介します。52種類のカテゴリにUIのディテールがコレクションされており、見ているだけでインスピレーションが刺激されます。

https://coliss.com/articles/build-websites/operation/work/details-for-ui-calltoinspiration.html

【初心者向け】オンページSEOとは？SEO対策との違いや対策方法を詳しく解説！

2024/06/05(Wed) 08:52

SEO対策を学んでいると、似たような言葉や微妙に定義が異なるワードが多くて困ることがあると思います。
「オンページSEO」もその一つでしょう。本記事では、そんなオンページSEOの内部対策やオフページSEOとの違い、対策方法について解説します。

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

簡単だけど、すごくよくなる！ SNSでのデザイン戦略を学びたい人にお勧めの解説書 -SNS×DESIGN 22の法則

2024/06/03(Mon) 08:58

InstagramやXやFacebookなど、SNSにもう少しちゃんと取り組んでみよう、キャリアップのために活用できたらいいな、SNSで会社のブランド価値を上げるには、と考えている人にお勧めのデザイン書をお勧めします。SNSを今より効果的に使用したいと考えている人、そしてクライアントはたくさんいると思います。簡単だけど、すごくよくなるデザインのテクニックも満載です。

https://coliss.com/articles/book-review/isbn-9784802614627.html

line-heightのハーフ・レディングを打ち消す`calc((1em - 1lh) / 2)`をCSS変数に定義しておくとよい

2024/05/31(Fri) 08:50

最近Xで投稿したline-heightの上下の余白（ハーフ・レディング）を打ち消す方法が反響を得ていましたが、こちらで紹介したcalc((1em - 1lh) / 2)はグローバルスコープのCSS変数で定義しておくと便利です。

https://www.tak-dcxi.com/article/use-line-height-trim-as-css-variable/

UIデザインで中央配置がずれてしまう理由と解決方法

2024/05/31(Fri) 08:49

UIデザインには、至る所に中央揃えが使用されます。しかし、アイコンとテキストが美しく揃わない、テキストがボタンの中央からずれている、そんなことはありませんか？UIデザインで中央配置がずれてしまうときの理由、実装時にデベロッパーができること、デザイナーができること、数字的そして視覚的な調整方法などを紹介します。すぐに実装で試したくなることばかりです。

https://coliss.com/articles/build-websites/operation/work/about-centering.html

iPhoneでの撮影もこれでばっちり！ スマホやデジカメで被写界深度がどのように変化するかが分かる無料ツール -Depth Of Field Simulator

2024/05/30(Thu) 09:32

iPhoneで焦点距離を選べるけどどれがいいの、カメラのF値はどうすればいいの、そんな時はこの記事で紹介する被写界深度シミュレーターが役立ちます。スマホ、Webカメラ、デジタルカメラなどの被写界深度がどのように変化するか、近距離および遠距離での撮影の限界はどこにあるかなどが分かる被写界深度シミュレーターを紹介します。

https://coliss.com/articles/build-websites/operation/work/depth-of-field-simulator.html