商用利用無料、UIデザイン用のSVGアイコンが1100種類！Adobe XDやFigmaのツールも完備されてて、これは便利
Post on:2020年9月9日
企業サイトをはじめ、プロダクト、オンラインショップ、アプリ、ブログなど、さまざまな商用プロジェクトで無料で利用できるSVGアイコンを紹介します。 SVGアイコンの数は1,100種類以上で、しかもオープンソース！ さらに、 […]
有料フォントとラインアート素材が今週末まで無料！期間中に一度ダウンロードしておけば、再ダウンロードも無料
Post on:2020年9月9日
通常は有料ですが、今週末まで無料でダウンロードできる、手書きフォントとかわいいフォント、ラインアート素材2種類を紹介します。 本来は有料なだけあってかなり高品質。フォントファイルは.otfと.ttfでWindowsでもm […]
新しくなったBootstrap 5を使用して、管理画面のUIを実装する方法を解説
Post on:2020年9月8日
Bootstrap 5 alphaがついにリリースされましたね。 この新しいBootstrap 5では、jQueryが削除され、IEのサポートも終了し、実装の手順も少し変わりました。 Bootstrap 5で管理画面のダ […]
テキストやSVGや画像が3Dで動く！HTMLで実装した要素から3Dアニメを自動生成するスクリプト -ztext.js
Post on:2020年9月7日
普通のHTMLで実装されたテキストやSVGや画像を立体的にするためにレイヤーを自動生成し、3DのアニメーションにするJavaScriptを紹介します。 日本語や絵文字にも対応しており、アニメーションはマウス操作などに反応 […]
映画とタイポグラフィが大好物な人に、珠玉のデザイン書 -SF映画のタイポグラフィとデザイン
Post on:2020年9月4日
映画が好き、タイポグラフィも大好物、映画とタイポグラフィを愛するすべての人に多くの発見をもたらす珠玉のデザイン書を紹介します。 SF映画において、タイポグラフィとデザインがどのように未来を視覚化しているのか、近未来的ビジ […]
よくあるデザインで起こる想定外のコンテンツに備える、CSSの実装方法のまとめ
Post on:2020年9月3日
タイトルやラベルの文字数が多くなったり、ボタンの数が増えたり、コンテンツが長い場合と短い場合があったり、想定外のコンテンツが使用された場合に対応できるよう、念のために備えたCSSの実装方法を紹介します。 現状はボタンが2 […]
HTMLやCSSやJavaScriptなどのコードをかっこよく魅せるために使用できる無料ツールのまとめ
Post on:2020年9月2日
HTMLやCSSやJavaScriptなどのコードをかっこよく魅力的に見せるために使用できるツールを紹介します。 プレゼンなどでコードを人に見せる時をはじめ、TwitterやFacebookやInstagram用にコード […]
有料フォントとイラスト素材が今週末まで無料！期間中に一度ダウンロードしておけば、再ダウンロードも無料
Post on:2020年9月2日
通常は有料ですが、今週末まで無料でダウンロードできる、手書きフォント2種類とスクリプトフォント、イラスト素材を紹介します。 本来は有料なだけあってかなり高品質。フォントファイルは.otfと.ttfでWindowsでもma […]
通常は有料の高品質なプラスティックのテクスチャ素材が無料でダウンロードできますよ
Post on:2020年9月1日
光沢のあるカーブと明るいグレア、ディテールまで美しく作り込まれたプラスティックのテクスチャ素材を紹介します。 プラスティックで包んだようなデザインを簡単に作成できます。 Plastic Texture Set
コードを書くのが楽になる！知っておくと便利なVS Codeの機能・設定のまとめ
Post on:2020年9月1日
VS Codeは毎月のようにアップデートされ、便利な機能がどんどん追加されています。最近追加された機能をはじめ、Web制作で役立つ便利な機能を紹介します。 特に人気が高い機能拡張と同じレベルの仕事が、VS Codeの基本 […]
sponsors
