Web制作に役立つ情報一覧

この発想はすごい！ モダンCSSで実装する、ボーダーをアニメーションさせるテクニック

2022/08/10(Wed) 08:52

モダンCSSで実装する、ボーダーをアニメーションさせるテクニックを紹介します。矩形のHTMLはdiv要素1つだけ、ボーダーがどのようにアニメーション化されているのか、その仕組みが視覚的に分かるデモもあります。

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

SEMとは？検索エンジンマーケティングの意味とSEOとの違い

2022/08/08(Mon) 09:00

SEM（Search Engine Marketing）とは検索エンジンマーケティングのことである。Googleなどの検索結果ページから自サイトへのアクセス数を増やし、潜在顧客の獲得やコンバージョンの獲得など、ビジネス成果の上昇を目指す。

https://lucy.ne.jp/bazubu/sem-42542.html

レスポンシブの確認が簡単に！ iPhone, iPad, Androidなど各モデルのサイズ、操作や動画にも対応した優れもの -モバイルシミュレーター

2022/08/05(Fri) 09:02

iPhoneをはじめ、PixelやGalaxyのAndroidスマホ、iPadやGalaxyのタブレット、ラップトップ、ワイドスクリーンなど各モデルのサイズでWebページを表示して確認ができるChromeの機能拡張を紹介します。

https://coliss.com/articles/build-websites/operation/work/mobile-simulator-for-responsive.html

これだけで印象が変わる最新フリーフォント38選 2022年8月度

2022/08/04(Thu) 08:56

「最近公開されたフリーフォントを知りたい」「伝えたいイメージに合ったフォントを探している」「おしゃれな英語フォントが欲しい」この記事はそんなひとへ向けて書いています。フォントのいいところは、書体を変えるだけで見え方も、印象もガラリと変わること。ダウンロードしてすぐに利用でき、新しいデザインスタイルを試すことができます。伝えたい想いや、使われる用途をイメージしながら、最適なフォントを探してみましょう。

https://photoshopvip.net/136316

CSSは確実に進化している！ 新機能、単位を変数として利用できる「Variable Units（変数単位）」

2022/08/03(Wed) 09:06

今年になってもCSSの進化が止まりません、むしろ加速しています！IEのサポートが終了し、CSSのさまざまな機能が使用できるようなりました。中でもCSSの変数（カスタムプロパティ）を使えるようになったのはありがたいですね。参考: IEをサポート外にした時に使用できるCSSのプロパティや機能のまとめ

https://coliss.com/articles/build-websites/operation/css/the-future-of-css-variable-units.html

HTMLとCSSの人が、Reactを学ぶのにぴったりな最高の一冊！ 解説がていねいで、すごく分かりやすい

2022/08/01(Mon) 08:56

HTMLとCSSだけではキャリアアップの限界を感じている、JavaScriptを今より使えるようになりたい、Next.jsやReactも気になるけどどこから手をつければよいか分からない、そんな人にお勧めの解説書を紹介します。

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

商用でも完全に無料！ 日本の美しい伝統文様のパターン素材、四季をテーマにした和柄のパターン素材 -Japanese Mon

2022/07/29(Fri) 08:51

日本の美しい伝統文様、四季の風物詩をテーマにした現代風の和柄をロイヤリティフリーで使用できるパターン素材を紹介します。ここで紹介しているパターン素材はすべて無料！個人でも商用デザインでも安心して使用できます。

https://coliss.com/articles/freebies/japanese-mon-2022.html

本当は教えたくない、モックアップ素材の無料配布サイト17選【2022年版】

2022/07/28(Thu) 08:56

直訳すると「模型」を意味するモックアップは、デザインの完成イメージをつかむサンプルのようなもの。たとえば、作成したスマホアプリの画面や、商品のパッケージ、Tシャツのデザイン、文庫本や雑誌のカバー。

https://photoshopvip.net/136206

商用利用無料、UIデザイン用のSVGアイコンが1000種類以上！ 改変・再配布も可の太っ腹ライセンス- MingCute Icon

2022/07/28(Thu) 08:55

WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。アイコンは小さいサイズでもくっきり見えるようにデザインされており、SVGだけでなく、Webフォントも揃っています。

https://coliss.com/articles/freebies/mingcute-icon.html

最近見かけた、CSSの一工夫加えたスゴ技テクニックのまとめ

2022/07/27(Wed) 09:00

Apple, Nike, Tesla, AirbnbなどのWebサイトやスマホアプリで使用されている、CSSの一工夫加えたスゴ技テクニックを紹介します。美しい磨りガラスのヘッダ、コンテンツがズームするエフェクト、タッチフレンドリーなカルーセル、超クールなスワイプオーバーセクション、新感覚のスワイプアップするドロワーなど、すぐに使えるCSSのテクニックです。

https://coliss.com/articles/build-websites/operation/css/lever-css-tricks-by-steve8708.html