A collection of great UI buttons spotted in the wild. Curated by MaxButtons. Submissions welcome.
A collection of great UI buttons spotted in the wild. Curated by MaxButtons. Submissions welcome.
MovableTypeに新はてなブックマークボタンを設置 新はてなブックマーク登録ボタンのリリース発表がありましたね! こちらの方が見栄えも設置方法も格段にわかりやすいのでご紹介です。 新はてなブックマーク スタンダードタイプ B!とブックマーク数を表示する横型のスタンダードなはてなブックマーク登録ボタンです。 設置方法は以下の通り。 表示したい場所に以下のソースをはりつけてください。 インデックス <a href="http://b.hatena.ne.jp/entry/<$MTBlogURL$>" class="hatena-bookmark-button" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-b
MovableType 小技集 【更新】ソーシャルメディアに共有するボタンの設置方法(Twitter, facebook, mixi, GREE, Evernote, Google+, Tumblr, Pinterest, はてブ) ソーシャルメディアの各サービスがこぞって「いいね!」などの共有ボタンをリリースしています。ブログやニュースメディアでも頻繁に目にする昨今ですが、色々なソーシャルボタンの設置方法をまとめて紹介したいと思います。 目次(兼ショートカット) Twitter「Twitterボタン」 Facebook「Share」「Like(いいね!)」 mixi「mixiチェック」 GREE「Social Feedback(いいね!)」 Evernote「Site Memory(Clip)」 Google+「+1」 Tumblr「Share on Tumblr」 Pinterest「
Last week I talked about Cross-Browser CSS Gradient. Today I’m going to show you how to put the CSS gradient feature in a good practical use. Check out my demo to see a set of gradient buttons that I have created with just CSS (no image or Javascript). The buttons are scalable based on the font-size. The button size can be easily adjusted by changing the padding and font-size values. The best part
HTML で作成されるフォームのボタンは、OS やブラウザによってデザインが異なる。サイトのデザインとボタンを統一させたい時や、ボタンに文字ではなくアイコンを使用したい時がある。そんな時まず思いつくのは image ボタンを使用する方法だ。 <input type="image" src="button.png" alt="検索" /> この方法は、src 属性で画像の URI を指定して画像を表示するが、画像を使わない方法でボタンを作成し、そのボタンを CSS で image ボタンのように見せることはできないだろうか。CSS でサイトのデザインをする際、見出しなどのテキストと背景画像を置き換えるテクニックがよく使用される。同様にこのテクニックをボタンにも使用できないか試みた。 表示確認は IE 6、Firefox 1.5、Netscape 7.1、Opera 9、Safari 2、Ma
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く