同じUIコンポーネントをCSSで静的に、Vue.jsやプレーンのJavaScriptで動的に実装する -Tailwind Starter Kit
Post on:2020年1月20日
最近のWebページやスマホアプリのUIでよく使用されるさまざまなコンポーネントをCSSで静的に、Vue.jsやReact.jsやプレーンのJavaScriptで動的に実装するためのコードをまとめたTailwind Starter Kitを紹介します。
CSSは分かるけど、Vue.jsやReact.jsは苦手という人にもよいと思います。
CSSは奥が深い！グラデーションとシャドウをこれまでより美しく実装するテクニック
Post on:2020年1月17日
WebサイトやスマホアプリのUIデザインでよく使用されるグラデーションとシャドウをより美しく実装するスタイルシートのテクニックを紹介します。
このテクニックを使用したプラグインやオンラインツールもリリースされているので、思い通りの美しいグラデーションとシャドウを簡単に利用できます。
Using easing for more than just CSS transitions
by Kilian Valkhof
2020年、モダンブラウザに適したCSSリセットのまとめ
Post on:2020年1月16日
デザイナーに人気の今時な英語フォント計116,770円分が、97％オフの3,200円で購入できる特大セールが開催
Post on:2020年1月15日
商用でも安心して利用できる、さまざまなデザインのプロジェクトにぴったりなデザインフォント15種類計116,770円分が、97%オフの3,200円で購入できる期間限定の特大セールを紹介します。
セール期間は、1月28日12時までとなっています。
フォントはWebデザイン、アプリ、動画、紙のデザインなどに利用でき、クライアントのプロジェクトでも販売する同人誌に使用してもOK。
HTMLとCSSだけでカルーセル・スライダーを実装するテクニックのまとめ
Post on:2020年1月15日
カルーセルやスライダーをHTMLとCSSだけで実装するテクニックを紹介します。
Flexboxでの横一列配置をはじめ、scroll-snap-typeやscroll-behaviorでスライドのスクロールの挙動を調整でき、自動再生機能もCSSのみで実装できます。
JavaScript プロトタイプ継承の仕組みをGIFアニメで分かりやすく解説
Post on:2020年1月14日
JavaScriptにはどのオブジェクトにもプロトタイプと呼ばれる便利な隠しプロパティがあります。プロトタイプ継承の仕組みについてGIFアニメーションで分かりやすく解説された記事を紹介します。
🎉👨👩👧👧 JavaScript Visualized: Prototypal Inheritance
by Lydia Hallie
2020年、かなりお勧めの配色本！デザイン時に必要となる配色のテクニックもよく分かる -配色デザイン良質見本帳
Post on:2020年1月10日
はっきり言って、「かなりお勧め」です。
配色の本はたくさんありますが、配色の知識と実例を合わせて実践的に学べ、直感的にも理論的にも両方から配色を見つけることができる「配色デザイン良質見本帳」を紹介します。
配色例も豊富ですが、配色を使った実例も非常に豊富で、グラフィックデザイン、Webデザイン、プロダクトデザインなど、さまざまなデザインに活用できます。
通常は有料だけど、今だけ無料！色鉛筆みたいな描き味のPhotoshopのブラシ -Pencil Pack
Post on:2020年1月10日
通常は有料ですが、今週末まで無料でダウンロードできる、色鉛筆みたいな描き味のPhotoshopのブラシを紹介します。
本来は有料なだけあって、高品質なブラシです。
期間中にダウンロードしておけば、いつでも使えて、再ダウンロードも無料です。
