Radix Iconsは小さなサイズでも形状を認識できるようデザインされたオープンソースのミニマルなアイコンセットです。 15×15のとても小さなサイズで設計されていますが、どれも視認性を損なう事無く、どんなアイコンなのか認識する事が出来ます。 250前後のSVGアイコンが用意されており、どれも汎用的なものとなっています。MITライセンスの元、オープンソースとして公開されている他、figmaやsketch向けのファイルも用意されています。 Radix Icons
![小さなサイズでも形状を認識できるようデザインされたオープンソースのミニマルなアイコンセット・「Radix Icons」](https://cdn-ak-scissors.b.st-hatena.com/image/square/fe0aef2f004eb7caef96296ee7fefd99ef18bb0a/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2020%2F10%2Fradixicon01.jpg)
面白かったのでご紹介。マウスホバーによるロールオーバーエフェクトをcssで3D表現したサンプルです。休日ですし、ちょっとネタ的な内容ですけど、これはこれで勉強になりました。いろいろと考えますね、ほんと・・ 例によってブラウザは限られてしまうんですが、良い感じの3Dエフェクトでした。 3D CSS rollovers マウスを乗せると縦とか横に回転します。 見ないとピンと来ないですよねという事でサンプルです。cssのみで動作しています。Chrome推奨。下にスクロールすれば何点かデモがあります。 Sample translate3dとかperspective この3D化にはtranslate3dというCSS3が使用されています。 極めていい加減な画像ですがX、Y、Z軸はこうなっています。 .box .front { -webkit-transform: translate3d(0,0,200
人気のJavaScriptライブラリ、jQueryもかなり 情報が増えました。僕の様に知識が無くても 簡単に動きのあるWebサイトや、更なるユー ザビリティの向上を可能にしてくれましたが、 いつまでもコピペではいずれ困る事になります。 その前にそろそろ基礎から学んでみませんか。 という訳で、jQuery事始め。さほど知識が無い僕が書くのも微妙なんですが、一緒に学んでいきましょう、という事でご了承下さい。内容は基礎中の基礎です。 いつまでもコピペに頼っていては、何か問題が起こったときに対応できませんし、そもそもコピペするならjQueryである必要はありません。 でもjQueryはすごく便利なので、ちゃんと使いこなしたいところですよね。この記事が、誰かが勉強し始める切欠になれば幸いです。 jQueryを使うには まず、jQueryを利用するには本体を読み込む必要があります。方法は2つあって、本
ロゴデザインのインスピレーション 向上に役立ちそうなギャラリー等の まとめです。ロゴデザインで困る事 が多いようでしたらギャラリーなど で制作例を見ればアイデアが浮か ぶかもしれません。 個人的な備忘録も兼ねてまとめます。順不同です。 logopond とにかく大量のロゴがあります。現在18000ほど。 logopond logofaves サムネイルが大きいのが嬉しい。 logofaves logomoose こちらもサムネイルが大きいです。ブログ形式でアワードなども開催。 logomoose creattica 有名なギャラリーサイトのロゴカテゴリ。他に、名刺や広告デザインなども。 creattica logoheroes デザインも凄いギャラリー。数は多くはありませんが今後に期待したいですね。 logoheroes logofi ベーシックなギャラリーで探しやすいです。 logofi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く