タグ

tipsとdesignに関するstiloのブックマーク (10)

  • sta la sta - アメリカの新聞紙で人気の書体 TOP 10

    The 10 most popular newspaper typefaces – Signal v. Noise こちらの記事では、アメリカの新聞紙で人気のある書体のTOP 10を紹介しています。 英字新聞は読まないですが何かの参考に。 第1位〜第5位 一番人気はPoynterという書体。正直、はじめて聞いた名前です。 ニュースといえばTimesかなと思っていましたが、Timesは第5位。 もう一つの知ってる書体のHelveticaは第3位。人気者ですね。 第6位〜第10位 第9位のBureau Grotesqueという書体がちょっと縦長で変わっているかな。どういう記事で使うのだろう? 個人的には第8位のInterstateという書体が好きですね。ちょっとHelveticaと似てるかも。 英語でドキュメントを作成する際、書体選びにはこれらの結果が参考になるといいですね。

    sta la sta - アメリカの新聞紙で人気の書体 TOP 10
  • http://seeds.dnsdojo.net/sdr/index.php?itemid=183

    stilo
    stilo 2006/12/01
    深い。深すぎる。
  • はてなダイアリーデザイン管理機能リリース - はてなダイアリー日記

    はてなダイアリーで、自分のヘッダ、フッタ、スタイルシートで記述した内容を保存し、また公開することで他のユーザーと共有することができる「デザイン管理」機能をリリースしました。デザイン管理機能へは、「管理ツール」の「デザイン」メニューからアクセスしてください。またこれに伴い「かんたんデザイン」と「詳細デザイン」の切り替えを画面左上のタブで行うようにしました。 今回の機能追加の内容をわかりやすい動画でご覧いただけます。以下のプレーヤーから再生してください。 以下、詳細な説明です。 デザイン管理機能 デザイン管理画面では、すでに現在利用中のデザインセット( 「ユーザー名さんのデザイン」 )が保存されています。変更したいデザインを選択し、「デザインを適用する」をクリックすることで複数のデザインを使い分けていただくことができます。 現在のデザインを編集するには アイコンを、新しくデザインを作成するには

    はてなダイアリーデザイン管理機能リリース - はてなダイアリー日記
    stilo
    stilo 2006/11/08
    あは!これはスゴイ。これは、つまり、CSSサンプル図書館ができあがるってことだ!
  • Favicon(お気に入りアイコン)が簡単に作成できるWebツール :: Love & Design ::

    Faviconとは、Favorite Icon の略でブラウザのブックマークや、サイトを開いた時のアドレスバーやタブに表示される 16×16 の小さなアイコンのことです。 (faviconに対応していないブラウザもあります) Faviconを設置するメリットは、個性をPRしたり目立つということでしょうか。 今回は、Faviconが簡単に作成できるサイトをご紹介します。 Favicon Japan!! -16×16の小宇宙ファビコン- お手持ちの画像からfavicon.icoを自動作成してくれます。 当ブログのキスマークFaviconもこちらのサイトで作成しました。 Favicon Japan!! -ファビコンの設置方法- Favicon Genereator こちらのサイトは、お好きな色を選んでテキストが入れられます。 さっそくこちらでも作ってみました。 +LOVE2.0+ はてなダイアリ

    Favicon(お気に入りアイコン)が簡単に作成できるWebツール :: Love & Design ::
    stilo
    stilo 2006/09/19
    ヒマだったら作ってみる。
  • 厳選10本!ブログで使えるスグレモノツールまとめ :: Love & Design ::

    プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい!もっとオシャレに見せたい!という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック(livedoor風味) 画像系 ImageChef(日語・携帯にも対応) ワンポイントや mixi のプロフィールにどうぞ 画像が簡単にできるジェネレーターいろいろ :: Love & Design :: Polaroid-o-nizer™ ポラロイド風や枠をつけてオシャレに演出 写真をオシャレに見せたい人のための便利なツール :: Love & Design :: デザイン系 Dynamic Drive CSS Library タブメニューなどが豊富に揃っています。 誰でも簡単にCSSカスタ

    厳選10本!ブログで使えるスグレモノツールまとめ :: Love & Design ::
  • 汎用CSS - tikeda's blog

    先日、ダイアリーをリニューアルしたのですが、今回これまでとは違って、はてなの汎用スタイルシートを作り、それを導入して作っています。簡単に説明すると、これまでは、サービス毎に1つCSSを作っていましたが、今後、はてな内でサービスのデザインに統一感を持たせる意味などで、全サービスのベースに、同じCSSを導入してデザインを作っていこうという感じです。 構成 ソースを見ていただければ分かりますが、汎用CSSはglobal.cssというCSSから、syntax.css、support.css、common.cssという3つのCSSをimportして構成されており役割は以下の感じです。 common.css タグの基スタイルの定義と、ページ内の各要素をパーツ化して、それを部品毎にclassにしているデザインの枠組みになるCSSです。例えばtableであれば「一覧用(.table-list)」「管理画

    汎用CSS - tikeda's blog
    stilo
    stilo 2006/09/06
    機会無いけど、参考までに。
  • 検索結果で有利になる知られざるHTMLタグ5種類 - GIGAZINE

    よく知られているように現在のウェブ検索のメインストリームをしめるロボット型検索は、回収したページのHTMLタグを解釈して意味を与え、重要度を判定し、検索結果に反映させます。 例えばタイトルに使われるH1などのタグはより重要な文字列と見なしますし、リンクタグに「rel=nofollow」が入っていればページランクなどの計算でポイント付与評価を無視するようになります。 しかしそれ以外にも数々のSEO業者が調べたり実験してきた結果、より有効に解釈されると判断されるがあまり知られていない5種類のタグが存在します。 以下がその5つのタグです。 SEOmoz Blog | 5 HTML elements you probably never use (but perhaps should) 1.addressタグ 住所、電話番号などの連絡先を示すためのものです。電子メールアドレスやメッセンジャーの情報

    検索結果で有利になる知られざるHTMLタグ5種類 - GIGAZINE
    stilo
    stilo 2006/08/21
    メモ程度に。
  • CNET Japan

    アップルの音楽サブスクリプションサービス参入の可能性--業界の現状を検証 アップルが音楽サブスクリプションに参入するとかねてから噂されているが、これまでの他社の動向、専門家の見解を見る限り、可能性はあまりなさそうだ。 2008/09/25 07:15   [スペシャルレポート] 「パソコンなくてもLISMOが使える」--au、セットトップボックスを月額315円で提供 KDDIは11月1日より、携帯電話とテレビをつなぐセットトップボックス「au BOX」を提供する。家庭で録画した映像を携帯電話に転送できるほか、ブロードバンド回線につないで音楽映画をダウンロードし、テレビと携帯電話の両方で視聴できる。 2008/09/25 14:41  [モバイル] ライフログサービス「Life-X」始動--最速レビュー ソニーマーケティングが10月中旬からスタートするライフログサービス「Life-X

  • 角丸ライブラリ - tikeda::Diary:

    最近角丸を作る機会が多かったので、今後の為に色々整理してたんですが、公開しておきます。使えそうだったらいじって使ってください。中身の文書を書き換えれば上下左右と可変するように柔軟になっています。また、一部PSDも同封してます。 0501curve.zip 中身はこんな感じ。 ベーシックなタイプ 01:小さ目な角丸 02:大き目な角丸 03:斜線の角丸(背景画像をループ) 04:ストライプの角丸(背景画像をループ) 05:木模様の角丸(背景画像をループ) 06:リボンのついた角丸(背景画像を固定) 4つ角をの内側を透過GIFにしてるので、大枠の背景を変えれば発想次第で色々と使えると思います。HTMLCSSは大体こんなんです。divが多いのがちょっと嫌な感じですが。はてな内ではspanでやってたりもします。 HTML <div class="curve-01"> <div class="cu

    角丸ライブラリ - tikeda::Diary:
    stilo
    stilo 2006/05/01
    角丸の使い方
  • Photoshop で背景透過の美しい favicon を作成する - 2xup

    2006-04-28T23:23:04+09:00 favicon (ファビコン)はウェブブラウザのアドレスバーや、ブックマークした URL の横に表示される小さなアイコンです。いまやもうサイトのアイデンティティを明示するツールとしてほとんどサイトでみることができますが、小さいファイルであると共に、ファイルを扱えるソフトェアがそれほど多くは無いため、なかなか想い通りにデザインできない。という悩みを持っていました。できれば背景を透過にして、マットの少ない美しいものを作りたいと考えていて、使い慣れたソフトウェアである Adobe Photoshop で作れれば幸せだなあ。と思ってました。 これまでは、FavIcon from Pics という Web 上のツールを利用して作っていましたが、これは背景を透過にできなかったり、元の画像から変換される際に大きく画像の質が落ちてしまうという欠点がありま

  • 1