サイト構築 -制作

Chrome 95のデベロッパーツールの新機能が便利!vh, vw, rem, emなど、CSSの単位を簡単にオーサリング

Post on:2021年10月25日

先週リリースされたChrome 95のデベロッパーツールに搭載された新機能が便利なので、紹介します。 最近の新機能だと、Flexboxのデバッグツール(紹介記事)やCSS Gridのデバッグツール(紹介記事)などがありま

...記事の続きを読む

知っておくと便利で役に立つHTMLの属性のまとめ

Post on:2021年10月21日

あまり知られていないけど、知っておくと便利で役に立つHTMLの属性を7つ紹介します。 Google翻訳が翻訳しようとするのを防ぐtranslate属性、リンクをダウンロードするように指示するdownload属性、アップロ

...記事の続きを読む

Figmaでデザインする時に作業効率がアップする便利なテクニックのまとめ

Post on:2021年10月19日

私の周りでも、Figmaを使用する人がだいぶ増えてきました。 Figmaでデザインする時に役立つ、便利なテクニックを紹介します。Figmaでの日常的な作業から、デザインシステムや巨大なデザインファイルを扱う場合に作業効率

...記事の続きを読む

Web制作者・デベロッパー向け、ポートフォリオ用のHTMLテンプレート -Dopefolio

Post on:2021年10月6日

Web制作者・デベロッパー向け、ポートフォリオ用のテンプレートを紹介します。 オープンソースで、HTML, CSS, JavaScript, Sassで実装されており、フレームワーク・ライブラリは必要ありません。自己紹介

...記事の続きを読む

🎉ついにGoogle検索が、IE11のサポートを終了しました

Post on:2021年10月4日

GoogleのソフトウェアエンジニアであるMalte Ubl(@cramforce)氏によると、「Google検索は、主要プロダクトにおいてIE11のサポートを終了しました 🎉」とのことです。 Googl

...記事の続きを読む

シンプルなパターンがたくさん揃ってる!商用無料で使えるSVGの背景素材 -Basic Pattern Repository

Post on:2021年9月29日

シンプルなものからかわいいものまで、ベーシックなパターンが揃ったSVGフォーマットの背景素材を紹介します。インラインSVG、SVGファイル、Figma用が揃っており、SVGなのでカラー変更なども簡単です。 商用プロジェク

...記事の続きを読む

最近見かける、粒子の粗いグラデーション!ほんの少しのCSSとSVGで実装できるの知ってた?

Post on:2021年9月22日

CSSとSVGでグラデーションにノイズを与え、粒子の粗いグラデーションを実装する方法を紹介します。 背景など通常のグラデーションに使用するだけでなく、暗くしてシャドウに使用したり、輝度とコントラストを上げてホログラムのよ

...記事の続きを読む

商用でも完全無料、ランディングページ用のHTMLテンプレートがダウンロードできる -Inovatik

Post on:2021年9月21日

ランディングページや小規模Webサイト用のHTMLテンプレートが無料で利用できるInovatikを紹介します。すべてのHTMLテンプレートはオープンソースで、商用プロジェクトでも無料で利用できます。 時間や予算が少ない時

...記事の続きを読む

ブックマークしておくと便利!Web制作に役立つさまざまなツールが一箇所で利用できる -SmallDev.tools

Post on:2021年9月15日

CSSやJavaScriptのミニファイ(軽量化)、HTMLやCSSやJavaScriptやSQLのフォーマッター、各種エンコード・デコード、ダミーテキスト・ダミーデータ・ダミー画像・クレジットカードのジェネレーター、d

...記事の続きを読む

Adobe Fonts日本語書体一覧のPDF 2021年9月版、利用できる日本語フォント509書体が一覧で分かります

Post on:2021年9月14日

昨日、記事にしたAdobe Fontsのフォントワークス追加分を含めた「Adobe Fonts日本語書体一覧」のPDFがダウンロードできます。

top of page

©2022 coliss