Twitterアイコンを投稿したので、その勢いでその他のサービスのものについても作ってみました。Delicious / Facebook / Flickr / Hatena Bookmark / Mixi /Twitter のアイコンです。
The icons, glyphs, or logos of popular social media platforms such as Facebook, X, Snapchat, Instagram, LinkedIn, and others, are often used on websites, mobile apps, email campaigns, and YouTube videos to provide users with an easy way to follow and engage with a person, brand or organization on social media. By using recognizable social media icons, you can make it easier to be found and followe
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Large-Icons.com, part of Aha-soft, bri
「Bubbleup」はマウスオーバーでボタンを拡大表示させるプラグインです。 MacのDocに似た動きですが、使いどころによっては効果的ではないでしょうか。 ボタンにもうひと手間かけて目立たせたい場合に良さそうですね。 詳しくは以下 マウスオーバーした様子 画像にマウスオーバーする事でスムーズに拡大するようになっています。 ツールチップのメッセージや、ズームスピードは調整できるとの事 使い方はul要素やimg要素にjQueryの設定を指定するだけのようです。 $(function(){ $("ul#menu li img").bubbleup(); }); サイトのアクセントにいかがでしょうか。
「CSS3 Playground」はCSS3を自動生成してくれるジェネレータです。 角丸やシャドウなどの調整を手軽に行え、コードを生成してくれます。 真四角の図形にほどこせる装飾ならお任せって感じですね。 以下に使ってみた様子を載せておきます。 まず「CSS3 Playground」にアクセスしましょう。 全体はこんな感じになっていて、真ん中にプレビューが表示されいます。 左側の設定をいじると、プレビューが変化していきます。 いろいろいじってみると、こういうのが作れました。 (角丸、シャドウ、テキストシャドウ、回転、背景、枠、テキスト本文がいじれました) CSS3のコードはプレビューの下に表示されています。 こちらを適用すれば、プレビュー通りに描けます。 CSS3ほんと便利ですね。 さらにこういったジェネレータがあると、コードを書くのが楽で嬉しいですね。 (本記事で紹介したサイト:CSS3
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く