タグ

web制作に関するir0923のブックマーク (15)

  • Photoshop で背景透過の美しい favicon を作成する - 2xup

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

    ir0923
    ir0923 2009/03/12
    これは便利!
  • ウェブサイトの第一印象を決める大切な21のポイント

    ウェブサイトの第一印象を決める大切な21のポイントをVandelay Website Designから紹介します。 21 Factors that Influence the First Impression of Your Website's Visitors 下記は、それを簡潔にした意訳です。 ロード時間 ロード時間はユーザーをいらいらさせる大きな要因です。少しでも早くロードするように設計をします。 エラーメッセージ エラーメッセージが表示されアクセスができないと、ユーザーは二度とアクセスをしないでしょう。 カラー サイトのデザインは第一印象の重要なファクターです。正しいカラーコンビネーションを使用して、効果的で適切なカラースキームを使用します。 ロゴ もう一つ重要なファクターはロゴです。ブランディングを考慮し、信頼感を与えるロゴを使用します。 ヘッダ ヘッダも強い印象を与えます。魅力

    ir0923
    ir0923 2009/01/10
    なるほどぉ!
  • バナーサイズの国際標準

    バナーのサイズについて 最終修正日 2009.5.22. バナーとは 国際標準バナーサイズ一覧 国際標準サイズ一覧(画像) バナーとは Bannerは英語で旗の雅語です。サイトの旗です。 そして、日CG系に多い、200x40のバナーは日のローカルサイズなのですね。なので海外ではアニメマニア以外はそのサイズのバナーを用意していません。「世界」と「一般」を意識するなら88x31のバナーも用意しましょう。 ところで海外の個人サイトのバナーサイズは恐ろしくバラバラで、たいていは海外は200x40よりは大きいものです。そのせいでしょうか、海外ではアニメ系でもテキストのみのリンク集が多いです。各サイトのバナーを張るとレイアウトがめちゃくちゃになるからでしょう。読み込みも遅そうですしね。 実はバナーには国際標準サイズというものがあります。 バナーというのは、リンクに添える画像と思われていて、実際個

    ir0923
    ir0923 2008/12/23
    バナーのサイズって迷うところですが、これは便利!
  • Web標準化Tips - Web標準普及プロジェクト

    特定のWebブラウザの独自拡張仕様を使っていたり、 特定のWebブラウザの表示が間違っていたために、 Mozillaによって実際に問題が発生した事例の修正方法を紹介しています。 また、ここで紹介する修正案は全てWeb標準仕様に基づいた内容となっています。

    ir0923
    ir0923 2008/11/25
    これは便利かも。
  • IE NetRenderer :: Add-ons for Firefox

    Provides a button to get a snapshot of the current page as viewed in various Internet Explorer versions, provided by IE NetRenderer webservice. Really useful for webmasters which are not using Windows! IE NetRenderer web service (snapshots) is provided by GEOTEK Datentechnik GmbH and can also be accessed here: http://ipinfo.info/netrenderer/index.php If you want to translate the extension in your

    IE NetRenderer :: Add-ons for Firefox
    ir0923
    ir0923 2008/10/20
    MacでWindowsのIE環境を再現できるのかな?
  • ウェブデザインに役立つ、15のオンラインツール | コリス

    noupeのエントリーから、ウェブデザインに役立ちそうなオンラインツールの紹介です。 Handy Designer's Tools "On The Fly"

    ir0923
    ir0923 2008/06/20
    あとで使ってみよっと。
  • ソザイガロー

    日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。

    ir0923
    ir0923 2008/06/20
    かわいい!
  • メール管理者の「ヒヤリハット」レポート

    -不用意なセキュリティ対策がトラブルの種に- この記事では、現役のメールサーバ管理者が体験したさまざまな「ヒヤリハット体験」を紹介していく。中には「トホホ」な事例も含まれているが、セキュアで安定したメールサーバの運用を実現していく際の手助けになれば幸いだ。 佐藤潔、内田雅生、飯村直弘、加藤雅彦 2008/3/3 子供から高齢者まで、ありとあらゆる人が普通に使うコミュニケーションメディアとなった感のある電子メールだが、それを配送するメールサーバの運用についていえば、やはりプロの仕事であり、そう間単な作業ではない。そこには、利用者からはうかがい知れない、涙ぐましい努力が隠れていたりするのだ。 この記事では、現役のメールサーバ管理者が体験したさまざまな「ヒヤリハット体験」を紹介していく。中には、原因が分かってみればあっけないトラブルやケアレスミスに起因する「とほほ」な事例もあるが、それだけに、現

    ir0923
    ir0923 2008/03/04
    参考までに
  • Firefoxでグーグルアースを表示する拡張機能”Minimap”住所をドラッグして地図も表示

    組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Firefox拡張機能”Minimap”で出来ること グーグルアースのKMLファイルを開く KMLファイルを開き、ブログに表示させることができる 住所をドラッグして地図と情報を表示させる ナビ機能を使える(日国内は未実装) その他Googleマップの機能を使える 先日グーグルアースEnterpriseが、ブラウザで表示させられるようになると発表されましたが、この拡張機能があれば、Firefoxで閲覧可能になるわけです。 グーグルアースをFirefoxで見る サイドバーでも、右クリックで通常表示するのもOK、この画像ではグーグルアースで見る「ダルフールの危機」ビデオマップを表示させています。 なにしろグーグルアースを開く必要がないことがすごいですね。

    Firefoxでグーグルアースを表示する拡張機能”Minimap”住所をドラッグして地図も表示
  • グーグルアースのKMLファイルをサイトに表示させる方法

    組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! グーグルアースのKMLファイルをサイトに表示させる KMLファイルのリンクを右クリックし、”Open Link in Map Tab”をクリック 開いたマップ右下”KML/GeoRSS”にあるKMLファイル名を右クリックし、”Embed Your Site”をクリック ダイヤログボックスが開き、マップのソースが生成されるのでコピペ サイズ変更や、マップ形式の変更をしてもソースが変わらない場合があるようです。 その場合はソースを直接変更してください。 マップ形式の変更は、ハイブリッドにしたい場合、URLの最後の部分、”type=m”を、”type=h”に変更します。サテライトに変更することは出来ませんでした。(方法がお分かりになる方、ご教授ください(;

    グーグルアースのKMLファイルをサイトに表示させる方法
  • はじめてのiGoogleガジェット開発#1

    どうも、「公開APIを利用したサンプルサイトを作っていくよ」管理人のZAPAです。 今日は、マッシュアップツールを作るための第一歩として、「iGoogleガジェット」の開発方法を解説します。 「Googleからのプレゼントが届いたよー!!!」に登場した、iGoogleガジェット。 「ガジェット大好き!」って人も、「これからの時代はガジェットだ!」って人も、「ガジェットって何だろう?」って人も、これからの時代は自分でガジェットを作れるとカッコイイと思うよ!!iGoogleガジェットに興味を持っても、開発情報を調べるのはなかなか大変です。 公式サイトに重要な情報はたくさん載っていますが、コンパクトにiGoogleガジェット開発方法を理解できるページがありませんでした。 公式ドキュメントをマジメに読むと30分以上かかり、やる気がそがれてしまいますので、ここに「iGoogleガジェット開発方法」を

    はじめてのiGoogleガジェット開発#1
  • Simple RSS Tickerを作ってみた: 駄文と書評

    こんにちは、たかたかしです(全くの嘘です)。 ブログパーツをさがせ の satokoto さんのところで紹介されていた RSSTicker Factory が結構かっこよかったので、あそこまでは高機能ではないが、りょーちもシンプルなのを作ってみた(satokotoさんの紹介記事を参照)。 Simple RSS Ticker は、テキトーなRSSを入力するとその記事タイトルをスクロールして表示しますってよーなものです。 表示イメージはこんな感じ。 スクロールの部分は argilla: aScroller を利用させていただいております。 CSSの設定はこのファイルを参考にしてください:style.cssitem_sc」というクラスがリンク部分に割り当てられています。 スクロールバーの表示部分は、「scroller-h」というidを割り当てています。 マウスカーソルをのせると、スクロールが

    ir0923
    ir0923 2007/10/23
    使ってみたいがPHPのバージョンが・・・
  • 万搏体育官方网站-万搏体育官网官方网站-万搏体育彩票官方网站

    万搏体育官方网站-万搏体育官网官方网站-万搏体育彩票官方网站 万搏体育官方网站是全球最有实力的网上真人娱乐场所,免费开户,万人在线24小时服务,是一家提供最信誉最全面的娱乐城,拥有充足的资金和完善的管理,是亚洲三大娱乐场之一,万搏体育官方网站一直以来都致力于不断地提升自我所以说选择这里是非常正确的一种选择

    ir0923
    ir0923 2007/10/21
    これは凄い!
  • ツール&ダウンロード:Web Developer 1.0.2 日本語版 - インフォアクシア

    Web Developer 日語版サポート移管のお知らせ これまで当サイトにて、日語版のダウンロード配布およびサポートを行ってきた『Web Developer』ですが、2008年3月より開発担当エンジニアの個人サイトへ全てを移管させていただくことになりました。新しいサイトのURLは、以下の通りです。 ミナトラボ:Web Developer 日語版 『Web Developer』は、開発者である米国のChris Pederick氏に協力しながら、これからも上記サイトにて日語版へのローカライズおよびユーザーサポートを継続していきます。今後とも『Web Developer 日語版』をよろしくお願いいたします。

    ir0923
    ir0923 2007/08/31
    これは便利!Firefoxに必要!
  • 【HTMLタグの簡単検索】TAG index - ホームページ作成情報

    ページ全般 ボックス テキスト リンク リスト イメージ テーブル フレーム フォーム フィルタ CSSの基 CSSプロパティ一覧[ABC順] リファレンスについて HTML リファレンス HTML Living Standardに対応したリファレンスです。 HTMLタグ リファレンス HTML4の時代に作成したリファレンスです。古いWebページを更新する際などに参考にしてください。 CSS リファレンス CSS2の時代に作成したリファレンスです。

    【HTMLタグの簡単検索】TAG index - ホームページ作成情報
    ir0923
    ir0923 2006/10/20
    タグを忘れたらここ!
  • 1