ついつい押したくなる、CSS3を使ったラジオボタンのデザイン
フォームってあまり使うこともないのですが、CSS3を使ってデザインするとなかなか面白かったので、今回はラジオボタンを使ったサンプルを紹介します。 ではサンプル１からコードを紹介していきます。 サンプル１ 二択のラジオボックスです。「はい」を押したときと、「いいえ」を押したときの色を変えています。 HTML では、HTMLから。 <div class="sample"> <input type="radio" name="s2" id="on" value="1" checked=""> <label for="on" class="switch-on">はい</label> <input type="radio" name="s2" id="off" value="0"> <label for="off" class="switch-off">いいえ</label> </div> 特に問題
Ligature Symbols
HTML & CSS Please copy & paste this code to your HTML file or Stylesheet. <p>Simple use for mailto link.</p> <a href="mailto:mail@example.com" class="lsf">mail</a> <p>Use tha icon with text.</p> <a href="http://twitter.com/" class="lsf-icon" title="twitter">Twitter</a> <p>Use tha icon with unicode.</p> <a href="http://amazon.com/" class="lsf-icon amazon">Amazon</a> /* CSS */ @font-face { font-fami
200を越えるアイコンが揃ったBootstrap向けWeb Font·Font Awesome MOONGIFT
Font AwesomeはBootstrapと組み合わせて使えるアイコンを集めたWeb Fontです。 Twitter Bootstrapの便利な機能の一つにアイコンパックがあります。ちょっとした装飾を手軽に付け加えられるのは便利です。そんなBootstrapに200以上のアイコンを追加するのがFont Awesomeです。Web Fontで作られたアイコンパックです。 全てのアイコンです。 ソーシャルアイコンも揃っています。 例です。ドロップダウンやボタンにつけています。 大きさが自由に変更できるのもフォントならではです。 ドロップダウンにつけると機能がより分かりやすくなります。 カスタマイズすればレーティングに使ったりもできます。 ファイル構成です。SVGやフォントが提供されます。 Font AwesomeはTwitter Bootstrapで提供されているものに加えて色々な場面で役立
プログラミング用の見やすいフォント「Ricty」をMacとUbuntuで生成 | Macとかの雑記帳
プログラミングに最適なフォントとして有名な欧文フォントの Inconsolate と、和文フォントの Migu 1M の２つを合わせ、最適化した「Ricty (リクティ)」フォント。以前は作成済みのフォントが配布されていましたが、現在は生成スクリプトのみの配布となり、Rictyを使う場合は自分で作成する必要があります。 好みによりますが、欧文のみであれば、"Inconsolate"や、Mac標準装備の"Menlo"等で十分だと思います。しかし、和文も扱うのであればRictyを一度試してみるのも良いかもしれません。 有名なフォントなのでご存知の方も多いと思いますが、Rictyとは以下の特徴を兼ね備えたフォントです。 ■ラテン文字には Raph Levien 氏の Inconsolata が適用されます。 ■それ以外の文字には Migu 1M が適用されます。 ■美しい M+ とロバストな I
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SVG Icon Libraries and Custom Icon Font Organizer ❍ IcoMoon
