Web制作に役立つ情報一覧

これは便利！ HTMLはdiv要素一つ、あとはCSSをコピペするだけでさまざまな形状を簡単に実装できる -CSS Shape

2024/05/09(Thu) 08:50

HTMLはdiv要素一つだけ、あとはCSSをコピペするだけでさまざまな形状のシェイプを実装できるコードをまとめたCSS Shapeを紹介します。さまざまな形状はdivだけでなく、imgで画像にも実装することもできます。

https://coliss.com/articles/build-websites/operation/css/css-shape.html

デザインスキルを上げるならこれを読むべし！基本の人間工学記事 3選

2024/05/01(Wed) 09:01

みなさんは「使いやすさ」について、どのように考え、どのようにデザインしていますか？ちゃんと「使いやすい」ものづくりができているか不安になったことはありませんか？

https://note.com/toshiba_ui/n/n1c1182c8ab84

SEOにおける見出しタグ（hタグ）の役割と対策の10のポイントを紹介

2024/04/30(Tue) 08:56

「hタグ」とも呼ばれる見出しタグは、Webページを作成する際に用いるHTMLタグの1つです。本記事では、SEO記事の見出しの付け方がわからない方へ向けて、基礎知識からSEOに配慮した見出しにするポイントなどを紹介します。

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

次世代AI、フォトショップに登場「生成塗りつぶし」が進化、2024最新アップデート新機能レビュー

2024/04/30(Tue) 08:55

今回は、Photoshopに新しく追加された新機能の詳細を、フォトショップユーザー歴１０年以上の筆者が実際に使ってみた感想と一緒にご紹介します。

https://photoshopvip.net/157282#google_vignette

Figmaを本格的に身につけたい人に、デザインシステムの構築方法をしっかりと学べる解説書 -Figma for デザインシステム

2024/04/30(Tue) 08:54

ここ2,3年、UIデザインにおけるツールの一強はFigmaと言えるでしょう。2022年の日本進出から、現在では日経225の1/3がすでにFigmaを導入しています。そんなFigmaをより本格的に身につけたい人に、デザインシステムの構築方法をしっかりと学べる解説書を紹介します。

https://coliss.com/articles/book-review/isbn-9784798181493.html#google_vignette

HTML・CSSで実装する かわいいフキダシのアイデア

2024/04/30(Tue) 08:53

見出しなどのテキストを目立たせたいときに便利なフキダシ（吹き出し）。 この記事では、HTMLとCSSだけで簡単に実装できる、シンプルなデザインのフキダシをご紹介します。

https://ics.media/entry/240425/

雑誌からデザインを学ぼう

2024/04/26(Fri) 08:51

みなさん、雑誌読んでいますか？紙の雑誌は手に取らなくなった人も、電子版なら読んでいるという人もいるかもしれませんね。実は私、お試しのつもりがうっかり楽天マガジンの年間購読に課金しちゃったもので、せっかくだからと読み倒して

https://www.webcreatorbox.com/inspiration/magazine-design

商用でも完全に無料ですごい！ デザインやイラストでかなり使える有料レベルの高品質なテクスチャ素材 -ResourceBoy

2024/04/26(Fri) 08:50

個人でも商用でも完全に無料で利用できる、高品質でさまざまな種類が揃った高解像度8K, 4Kのテクスチャ素材を紹介します。ゴールド、大理石、煉瓦塀、スモーク、花火、蜘蛛の巣、シャドウ、クラフトペーパー、ブラックペーパー、チョークボード、段ボール、デニム地、水彩、グラデーションなどがそれぞれカテゴリごとにまとめてダウンロードできるので、非常に便利です。

https://coliss.com/articles/freebies/textures-by-resourceboy.html#google_vignette

SEOでホームページからの問い合わせを増やす方法

2024/04/25(Thu) 08:52

SEOでホームページからのお問い合わせを増やす最も簡単な方法は、ロングテール・キーワードでSEO集客した訪問者を、問い合わせの獲得に特化したランディングページへと誘導する方法です。上位表示が容易なロングテール・キーワードを狙うことで、速く確実に結果を出すことができます。

https://www.bodhi.co.jp/increasing-enquiries-with-seo

この本を読んだら、Stable Diffusionで画像生成を思い通りにできるようになった！ かなりお勧めの解説書です -Stable Diffusion画像生成［本格］活用ガイド

2024/04/22(Mon) 09:01

Stable Diffusionでどんなことができるのかは知っていましたが、実際に自分のPCにセットアップし、プロンプトによる画像生成をはじめ、色塗り指定や画風指定、キャラをAIに学習させての画像生成までできました。Stable Diffusion初心者の人にお勧めの解説書を紹介します。

https://coliss.com/articles/book-review/isbn-9784297140830.html#google_vignette