サイト構築 -制作

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がダウンロードできます。

デザインに少し手を加え、フォームを改善する実践的なUIのテクニックのまとめ

Post on:2021年9月14日

フォームを改善するUIデザインのテクニックを紹介します。 フォームのデザインに少し手を加えるだけで、ユーザーにとって使いやすい、コンバージョンを高めるための実践的なテクニックが満載です。 15 UI Tips for B

...記事の続きを読む

Adobe CCユーザーに朗報 🎉 フォントワークスの人気フォントがAdobe Fontsに大量追加されました!

Post on:2021年9月13日

Adobe CCユーザーに朗報です 🎉 フォントワークスの人気フォントがAdobe Fontsに大量追加されました。 フォントワークスのフォントは今まで、筑紫A丸ゴシック、筑紫B丸ゴシック、スーラ、ロダン

...記事の続きを読む

top of page

©2024 coliss