UIデザインで、小さいサイズでもはっきりと美しく見えるように設計されたMicroサイズのSVGアイコン -Heroicons Micro
Post on:2024年1月23日
テキストの横にアイコンを配置すると、アイコンが少し大きすぎてバランスが悪いと感じることはありませんか？ アイコンは通常のMiniサイズだと20x20ですが、それより一回り小さく高密度のUI向けに設計されたMicroサイズ […]
ピクセルフォントが好きな人に！ JIS第1・第2水準漢字まで揃った、かわいさ全開の丸文字ピクセルフォント -マルミーニャＭ
Post on:2024年1月22日
ピクセルフォント「マルモニカ」などをリリースされているx0y0pxFreeFontから、新しいピクセルフォントがリリースされました。 ※「マルモニカ」（紹介記事）も第1・第2水準漢字対応です。 「マルミーニャＭ」はかわい […]
Web制作やアプリ開発で、ChatGPTにしてもらうと便利なことをまとめた解説書 -エンジニアのためのChatGPT活用入門
Post on:2024年1月19日
※本ページは、アフィリエイト広告を利用しています。 今年は、Webサイトの制作やアプリの開発にAIを活用するシーンがさらに増えそうですね。「HTMLで入力フォームを作って、CSSはBootstrapで。」「MySQLで商 […]
2024年のCSSの書き方、ワークフローとツールについて
Post on:2024年1月18日
CSSには大きく変わるタイミングが何度かありました。レスポンシブ対応、メディアクエリ、Flexbox、CSS Gridなどはその大きく変わったタイミングでしょう。 そして、2024年もこれらと同様に大きく変わりそうです。 […]
おしゃれな手書き！ 筆記体の英語フリーフォントの総まとめ
Post on:2024年1月17日
商用でも無料の英語フリーフォントをいざ探すとなると面倒だと思うので、まとめました。ブラシやペンで書かれたようなおしゃれな筆記体・手書き・スクリプト系の英語フリーフォントを紹介します。 画像にぽんと添えるだけで、おしゃれな […]
2024年の実装に役立つCSSの新機能と使い方のまとめ
Post on:2024年1月16日
2023年の後半に、CSSの多くの新機能がすべてのブラウザにサポートされました。新機能が登場するときもワクワクしますが、やはりすべてのブラウザにサポートされてからが本番です。 2024年の実装に役立つCSSの新機能とその […]
商用利用無料！ コピペで簡単に実装できる、Tailwind CSSで実装されたUIコンポーネントが150種類以上！ -Mamba UI
Post on:2024年1月15日
Webサイトやスマホアプリでよく使用されるUIコンポーネントとテンプレートをTailwind CSSベースで実装したコレクションを紹介します。 コードはHTMLとVueとJSXに対応しており、Tailwind CSSを用 […]
明朝体の奥深さを学べる良書！ デザイン、さまざまな明朝体の比較、歴史など、明朝体のすべてを解説 -明朝体の教室
Post on:2024年1月12日
※本ページは、アフィリエイト広告を利用しています。 「こんな本、今までなかった」と本の帯にあるように、書体デザイナーが明朝体のデザインと作り方について言語化して解説することは日本の書体設計史上はじめてのことです。 書体デ […]
これは知っておくとかなり便利！ details要素にname属性を与えると、連動して開閉するアコーディオンを実装できます
Post on:2024年1月11日
<details>要素でアコーディオンを簡単に実装できますが、懸念点は複数のウィジェットが個別に開閉してしまうことです。1つ目を開いて、2つ目を開くと、1つ目は開いたままです。1つ目を閉じるには、1つ目をクリ […]
マンガや同人誌にぴったりなフリーフォント「GL-ノバンチカ源」 濁点・半濁点つきの仮名、小書き仮名、記号文字が盛りだくさん！
Post on:2024年1月10日
マンガ・同人誌向けのアンチック体フォントはたくさんあります。今回紹介する「GL-ノバンチカ源」はアンチゴチとしての読みやすさはもちろん、セリフや擬音・擬態語に使用する濁点・半濁点つきのひらがな・カタカナ、小書き仮名も揃っ […]
sponsors
