アイコン型WebフォントをCSSでデザインしてボタンをいろいろ作ってみました。よく似た記事を書いたことがある気もしますが、今回はフラットな感じにしてみました。 ということで、まずこちらを読み込みます。 <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> これで準備はオッケーですので１つずつ解説します。 1. アイコンのみ 無駄な装飾はせず、普通にアイコンを並べるだけです。こういうのも意外と多いですね。 <div id="social-icon"> <a href="#"><i class="fa fa-facebook fa-2x"></i></a> <a href="#"><i class="fa fa-twitter fa-2x"></i
Webサービス大好きなwebcre8が用途に応じて使い分けているテキストエディットの為のWebサービスを紹介してみます。自分の必要とする用途に応じて選んでみてください★ テキストはWebサービスで打ちたい 普段から使っているツールは全てWebサービスで代替を探してしまうほどWebサービスが好きなwebcre8です。単純に好きだというのもあるんですけど、やっぱりWebサービスはブラウザーさえあればマルチデバイス、マルチプラットフォームだというのが大きいです。家で、ノートで、スマートフォンで、様々なデバイスと環境で同じデータに触れるというのは私にとって最大の魅力です★ そんなわけで、今回の記事では私が最近使っているテキストエディター系Webサービスをいくつか紹介します。普通に有名なやつとかも入ってますけど単に使ってるサービス、という感じです。 手軽でシンプル ー SimpleText.ws h
CSSのスタイリングではIDを使用しない、という話をよく聞くようになりました。 私も最近は、IDを使わずにコーディングしているので所感を書きます。 CSSでIDを使わない 「IDを使わない」ということをHTMLの変化で示すと、以下のようになります。 <div id="header" class="clearfix"> <h1 id="logo"><a href="">logo</a></h1> <ul id="heaeder-info"> <li class="about"><a href="">about</a></li> <li class="sitemap"><a href="">sitemap</a></li> </ul> </div> ↓↓↓↓ <div class="header clearfix"> <h1 class="logo"><a href="">logo</a></
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く