Faviconとは、Favorite Icon の略でブラウザのブックマークや、サイトを開いた時のアドレスバーやタブに表示される 16×16 の小さなアイコンのことです。 (faviconに対応していないブラウザもあります) Faviconを設置するメリットは、個性をPRしたり目立つということでしょうか。 今回は、Faviconが簡単に作成できるサイトをご紹介します。 Favicon Japan!! -16×16の小宇宙ファビコン- お手持ちの画像からfavicon.icoを自動作成してくれます。 当ブログのキスマークFaviconもこちらのサイトで作成しました。 Favicon Japan!! -ファビコンの設置方法- Favicon Genereator こちらのサイトは、お好きな色を選んでテキストが入れられます。 さっそくこちらでも作ってみました。 +LOVE2.0+ はてなダイアリ
プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい!もっとオシャレに見せたい!という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック(livedoor風味) 画像系 ImageChef(日本語・携帯にも対応) ワンポイントや mixi のプロフィールにどうぞ 画像が簡単にできるジェネレーターいろいろ :: Love & Design :: Polaroid-o-nizer™ ポラロイド風や枠をつけてオシャレに演出 写真をオシャレに見せたい人のための便利なツール :: Love & Design :: デザイン系 Dynamic Drive CSS Library タブメニューなどが豊富に揃っています。 誰でも簡単にCSSカスタ
先日、ダイアリーをリニューアルしたのですが、今回これまでとは違って、はてなの汎用スタイルシートを作り、それを導入して作っています。簡単に説明すると、これまでは、サービス毎に1つCSSを作っていましたが、今後、はてな内でサービスのデザインに統一感を持たせる意味などで、全サービスのベースに、同じCSSを導入してデザインを作っていこうという感じです。 構成 ソースを見ていただければ分かりますが、汎用CSSはglobal.cssというCSSから、syntax.css、support.css、common.cssという3つのCSSをimportして構成されており役割は以下の感じです。 common.css タグの基本スタイルの定義と、ページ内の各要素をパーツ化して、それを部品毎にclassにしているデザインの枠組みになるCSSです。例えばtableであれば「一覧用(.table-list)」「管理画
よく知られているように現在のウェブ検索のメインストリームをしめるロボット型検索は、回収したページのHTMLタグを解釈して意味を与え、重要度を判定し、検索結果に反映させます。 例えばタイトルに使われるH1などのタグはより重要な文字列と見なしますし、リンクタグに「rel=nofollow」が入っていればページランクなどの計算でポイント付与評価を無視するようになります。 しかしそれ以外にも数々のSEO業者が調べたり実験してきた結果、より有効に解釈されると判断されるがあまり知られていない5種類のタグが存在します。 以下がその5つのタグです。 SEOmoz Blog | 5 HTML elements you probably never use (but perhaps should) 1.addressタグ 住所、電話番号などの連絡先を示すためのものです。電子メールアドレスやメッセンジャーの情報
Bruce BaikieとMarc Pomerleauの両氏は、ワイヤレスネットワークに地球に優しい技術を組み合わせようとしている。 2人が運営する「Green Wi-Fi」は、太陽電池を使って安価にWi-Fiネットワークを構築し、途上国の学校にインターネットアクセスを提供することを目指す新しい非営利団体だ。Green Wi-Fiは多くの親が共感する願い--「人生には会社での出世競争より多くのものがある」ということを子どもたちに伝えたいという願いから生まれた。 「親になると、子どもに自分の人生をどう説明するかを真剣に考えるようになる」とPomerleau氏は言う。 Pomerleau氏は最近までSun Microsystemsのアイデンティティ管理製品のマーケティングチームに所属していたが、Green Wi-Fiの活動に専念するために同社を退職した。共同設立者のBaikie氏は今もSunで
最近角丸を作る機会が多かったので、今後の為に色々整理してたんですが、公開しておきます。使えそうだったらいじって使ってください。中身の文書を書き換えれば上下左右と可変するように柔軟になっています。また、一部PSDも同封してます。 0501curve.zip 中身はこんな感じ。 ベーシックなタイプ 01:小さ目な角丸 02:大き目な角丸 03:斜線の角丸(背景画像をループ) 04:ストライプの角丸(背景画像をループ) 05:木模様の角丸(背景画像をループ) 06:リボンのついた角丸(背景画像を固定) 4つ角をの内側を透過GIFにしてるので、大枠の背景を変えれば発想次第で色々と使えると思います。HTMLとCSSは大体こんなんです。divが多いのがちょっと嫌な感じですが。はてな内ではspanでやってたりもします。 HTML <div class="curve-01"> <div class="cu
2006-04-28T23:23:04+09:00 favicon (ファビコン)はウェブブラウザのアドレスバーや、ブックマークした URL の横に表示される小さなアイコンです。いまやもうサイトのアイデンティティを明示するツールとしてほとんどサイトでみることができますが、小さいファイルであると共に、ファイルを扱えるソフトェアがそれほど多くは無いため、なかなか想い通りにデザインできない。という悩みを持っていました。できれば背景を透過にして、マットの少ない美しいものを作りたいと考えていて、使い慣れたソフトウェアである Adobe Photoshop で作れれば幸せだなあ。と思ってました。 これまでは、FavIcon from Pics という Web 上のツールを利用して作っていましたが、これは背景を透過にできなかったり、元の画像から変換される際に大きく画像の質が落ちてしまうという欠点がありま
知人に紹介する(Gmail this) ※リンクフリー(更新:2007/2/17) ※現在Gmail2.0ではリンクが保存できますが以下も便利に使えます。 特にメール作成系(テンプレート)は依然として有効なので活用しましょう。 1.使い方 そのまま例に挙げたリンクを1クリックするだけで、高度な検索を実行したりやテンプレートを表示します。そのまま使っても良いですが、Gmail検索では「q=」以降のコマンド、Gmail作成ではメールアドレスなどをアレンジします。それぞれ用意したジェネレータを使ってURLを生成する事もできます。あとはブックマーク登録してご利用下さい。 詳細なコマンド一覧はこちら参照。既にある自分のGmailのフィルタ条件をコピーしてコマンドURL化しても良いでしょう。 コマンドURLは、フィルタでは使えないコマンドも使えるのがメリットです。また複数のGmailアカウント間や友
最新の記事2016年2月【特集】容量削減は回避できた? “OneDrive”を活用するためのアプリまとめ (16/02/02)2015年12月【年末企画】編集部員の“今年のお気に入り” (15/12/25)【特別企画】使いこなせば検索・置換が捗る! 「EmEditor」で正規表現を身に着けよう (15/12/25)【特集】クリスマスが来る前に!年賀状関連のフリー素材&フォント&ソフトまとめ (15/12/19)【特別企画】大丈夫?年賀状のマナー。年賀状作成の前に知っておきたい基礎知識 (15/12/14)【特別企画】失敗しない“年賀状本”の選び方 (15/12/05)2015年11月【特別企画】そろそろ年末!年賀状のWeb注文を試してみた、「デザイナーの手作業」やARまで…… (15/11/27)2015年10月【特別企画】古いWebサイトを簡単にスマホ対応! 「BiND 8」でコードをい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く