px, %, em, rem, vw, vhなど、CSSの異なる単位が互いにどのように変換されているかが分かる便利ツール
Post on:2018年3月7日
絶対単位のpxをはじめ、%, em, remなどの相対単位、vw, vhなどのビューポートの幅と高さに基づいた単位などが、お互いにどのように変換されているかが分かる便利ツールを紹介します。 CSS unit conver […]
ドラッグ&ドロップするだけ！かなり高品質なアニメーションgifが誰にでも簡単に作成できる無料アプリ -Gifski
Post on:2018年3月7日
これは簡単操作なのにすごい高品質です！ フレームごとに数千の色を使用するアニメーションgifを動画ファイルをドラッグ&ドロップするだけで、簡単に作成できるmacOS用の無料アプリを紹介します。 Gifski Gi […]
これぞプロのデザインテクニック！UIデザインの印象がよくなるデザインの知識とテクニックのまとめ
Post on:2018年3月6日
Webサイトやスマホアプリをデザインする際に、カラー・タイポグラフィ・レイアウトなどはどのようにすればうまくいくのか、ユーザーインターフェイスのデザインが一手間加えるだけでよくなるデザインの知識とテクニックを紹介します。 […]
UIデザインに適した美しいグラデーションを簡単に作成できる無料ツール・無料素材のまとめ
Post on:2018年3月5日
Webデザインやスマホアプリに使用されるグラデーションも最近では進化しています。一昔前までは、パステル系のグラデーションが人気でしたが、最近では2色を使用した鮮やかなグラデーションや同一色相のグラデーションが注目されてい […]
[JS]ツールチップの実装に迷った時に！依存なしで、さまざまなツールチップを実装できる軽量スクリプト -Tippy.js
Post on:2018年3月1日
シンプルなツールチップをはじめ、表示方向の変更、形状の変更、アニメーションの変更、ホバー・フォーカス・クリック・タッチ操作に対応したツールチップを簡単に実装できる軽量スクリプトを紹介します。 Tippy.js Tippy […]
リガチャが楽しめる！疾走感のあるストロークがかっこいい走り書きのフリーフォント -Highlander
Post on:2018年3月1日
手書きフォントはかわいい系が多く、かっこいい系が見つからない！ と探している人に朗報です。疾走感のあるストロークがかっこいいフリーフォントを紹介します。 Highlander Marker Script
Design Cuts日本語サイトの99%オフのスーパーセール第一弾は25万円分のテクスチャとパターン素材が驚きの価格！
Post on:2018年2月28日
ついに公開されたDesign Cutsの日本語サイトで、99%オフのスーパーセールが始まりました。その第一弾は、25万円分のテクスチャとパターン素材がなんと3,500円！ トータル16GBの大ボリュームのセットです。 【 […]
こういうのを待ってた！日本語フォントで、レスポンシブ用の文字の指定を調整できる無料ツール -Archetype
Post on:2018年2月28日
文字の指定をいろいろ調整できる無料ツールは他にもありますが、ようやく日本語フォントに対応したものがリリースされていたので、紹介します。 文字のサイズやline-heightをはじめ、見出しレベルによるサイズの拡大率など、 […]
CSSの基本: CSSを記述するルールで、重要な構文と重要ではない構文
Post on:2018年2月27日
CSSを使用する際には、他の言語と同様に、構文を正しく理解しておく必要があります。CSSの構文は難しいものではありませんが、見落とされがちな小さいポイントがいくつかあります。その中でも特に、一部の文字とその配置は非常に重 […]
[CSS]パンくずでよく見かける三角形のリンク可能エリアを見た目と同じ三角形にするテクニック
Post on:2018年2月26日
パンくずでよく見かける三角形の実装方法に注目です。 今までの三角形の作り方は、要素のwidthとheightを0にし、太いborderの一辺を利用していました。しかし、この実装だとリンクは三角形ではなく、矩形になってしま […]
sponsors
