IE8バグ？：a要素内に画像があってa要素に背景を指定した時に位置がずれる
キャプチャ見てもらうと分かるようにIE8だけ極端に位置がおかしい。 IE8がリリースされてから、まだあんまりいじってないのでよく分かってないのですが、今組んでいるサイトをIE8でチェックしたら、「あれ？表示がおかしい...」って事に遭遇してしまったので、エントリー。 よくある感じで、リストのマーカー変わりに背景の指定をa要素にして、そのリスト内には画像テキストが入ってたんです。はい。 毎度のようにサンプルも用意してみました。 サンプルを見る 発生条件は調べた感じa要素内にimg要素があって、a要素にbackgroundプロパティの指定をした時に起こる感じです。 img要素にテキストが隣接してても同様でした。 サンプルみたいなデザインの場合、マーカー部分も一緒に切ってしまう事が多いから過去の案件は大丈夫だと思うけど・・・ 取りあえず、今回のサンプルに使ったソースは以下です。 <ul> <li
頭で考えるのではなく、身体で直観する: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 どうしたらいいか？と考え悩むのではなく、あるがままにまずは受け止めてみることが大事なんだろう。 それはまったく「考えない」ということとはちょっと違う。 考えないようにするといってもそもそもむずかしい。ただ、おなじ考えるにしても、すぐにどうしたらいいか？と結論を急ぐのではなく、まずはあるがままをじっくり感じ取るということをしてみるのがいいのかもしれない。 慌てずに、じっくりと、瞑想する感じ慌てず、現状をゆっくりと把握する。そうする間になんとなく目の前のものにパターンが見えてくる。そう感じられたところで、一気に自分に見えているものを何かしらの形で書きだしてみるというのがいいのかもしれない。 考えに考え抜いた結果を外に出すというより、ゆっくりと観察した結果・感じた結果、見えてきた
スティーブ・ジョブズの流儀
スティーブ・ジョブズの流儀 2008-11-02-1 [BookReview] ランダムハウス講談社様より、 献本頂きました。ありがとうございます！ ■リーアンダー・ケイニー(著), 三木俊哉(訳) / スティーブ・ジョブズの流儀 本書は、 ジョブズとアップル社を12年以上にわたって追いつづけてきた著者が、 ジョブズの事業哲学を詳細に分析した一冊だ。 ジョブズ本人に限らず、その周辺の人たちに至るまで さまざまな角度から取材・資料収集し、無数の「点」をつないでいった先に、 偏見から解放されたジョブズ像、アップル像が映し出される。 スティーブジョブズ関連の本は読んだことがなかったので、 非常に楽しめました。 やはり一番ひびいたのは、 「デザイン＝機能」という考え方ですね。 機能といっても、性能とか多機能とかではかく、使いやすさ。 もっというと、シンプルさ、選択肢の少なさ、 迷いが少ない、組み合
Adobe : EDGE Now! ウェブの今、更新中。
ウェブ・ポータルサイト、EDGE Now!は、2009年9月1日よりシステムのリニューアル作業に入るため、しばらくの間すべての機能を停止いたします。 8月31日をもって、機能を一時停止するもの EDGE Now!における全てのコンテンツ（ブロガーランキングや、ブログ記事の反映も停止いたします） ADOBE EDGE Now! Bookmarker EDGE Now!ブログパーツ ブログ記事の反映について 現在、ブログ記事をEDGE Now!に反映する際、カテゴリの指定やタイトル、URLの表記といったブログの書き方についてのお願いをしておりますが、8月31日をもって、しばらくの間、反映されなくなりますのでご了承ください。 再開について システムのリニューアル作業が終了し、EDGE Now!が再開した際には、登録ブロガーの方に、メールでお知らせいたします。 登録ブロガーの方のみならず、参考サイ
窓の杜 - 【NEWS】写真を輪郭線だけの画像に変換できる「輪郭抽出器」
写真を輪郭線だけの画像に変換できるソフト「輪郭抽出器」v2.10が、2月10日に公開された。Windows 98/Me/2000/XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。 「輪郭抽出器」は、BMP/JPEG/GIF/PNG画像から輪郭線だけを抽出できるソフト。写真から輪郭線だけを抽出すれば、塗り絵の下絵を作る際やイラストを描くときの参考に利用できる。輪郭線を抽出した画像はBMP形式で保存可能だ。 輪郭線を抽出するにはまず、ドラッグ＆ドロップやファイル選択ダイアログなどで画像を読み込み、［実行］ボタンを押せばよい。輪郭線を抽出する強度は、プルダウンメニューで16段階から設定可能だ。また、［ツール］メニューの［オート抽出］項目をONにすれば、ファイルを開いた際や設定を変更した際に自動で抽出を実行することもできる。 さらに、輪郭線の太さを“細い”“太い”から選
1ピクセルのずれも許せないWebデザイナのためにResetting Again | エンタープライズ | マイコミジャーナル
CSSがWebページデザインの主要技術になってから、WebデザイナはCSSの振る舞いに頭を抱えなかったことはない。もっとも悩ましいのは、同じCSSでもWebブラウザごとに表示が異なるところにある。なるべく同じ表示を実現しようと、一見すると奇っ怪にみえる設定を加えたり、意味がないような行を加えたり、背景色と同じ色の画像を調整用に追加したり、涙ぐましい努力は後を断たない。 世界中のWebデザイナやフロントエンドデベロッパが同じ悩みを抱えているから、Webブラウザ間の互換性を実現するCSSライブラリがいくつも登場したり、ベストプラクティスをまとめたCSSリファレンスドキュメントが登場したり、CSS擬似クラスといったテクニックが紹介されたり、IEのCSS/HTML非準拠に対処するライブラリが登場するといったことが相次いで起こっているわけだ。 しかし、ほかのライブラリに依存せずにいちから自力でCSS
Dotted world map vector resource - Jayhan Loves Design & Japan
Here I present you the dotted world map vector free for download. It comes with three different dot sizes which is fine, medium and large to cater for different purpose and needs. This dotted world map is based on the world map resource from Deviant Art, and I overlay a dotted pattern on top and slowly remove the unwanted dots to form the shape of the world. It took me several days to accomplish t
これスゴ! - VectorMagic : 404 Blog Not Found
2007年10月27日01:30 カテゴリ翻訳/紹介iTech これスゴ! - VectorMagic 恐れ イリヤのバーサーカー、恐れイリヤ・ムウロメツ。 VectorMagic | Index これぞ、百聞は一見にしかずというWebサービス。ビットマップ画像をヴェクター画像にします。 まあ、これをご覧下さいませ。240x240、8bitの私の似顔絵ですが、見事にヴェクター化されてます。 http://vectormagic.stanford.edu/vctr/vctr_flex?p=g&k=gTFkt2S0IT0a0Soy&g=12126 原理がわかっても魔法にしか見えん。 もっとも、新規サービスにつきものの鯖混雑があるので、PST(合州国西海岸のタイムゾーン)で混雑時は避けた方がいいでしょう。私も最初にここ見た時、混み混みで使えませんでした。自重しつつお楽しみあれ。 Dan the
「初音ミク」のイラストの凄い点：安藤怜のロンドン灯：オルタナティブ・ブログ
「初音ミク」ブームが盛り上がった要因の一つに、パッケージに使用されているキャラクター・イメージがあげられます。イラストと簡単なキャラクター設定だけを提示して、その解釈は、ユーザーに委ねる、という手法です。 あれについて、「アニメ風の、いわゆる"萌え"絵が受けた」という指摘がなされています。しかし、それだけでは無いと思います。なによりも、あの「初音ミク」というキャラクターは、誰が書いても初音ミクになる、というわかりやすさがあります。 私は、絵心はまったくありませんが、初音ミクを描いてみろと言われれば、描くことができます。髪は緑で、いわゆるツイン・テールで、服はグレー、袖とスカートとストッキングは黒。幼稚園児に、あのパッケージを見せても、初音ミクと認識できるものを描いてくれるでしょう。絵がうまい人が描いても、下手な人が描いても、アニメにしても、3Dモデルにしても、二頭身にしても、「初音ミク」と
カラーテーマを作成・共有できるkuler | WIRED VISION
カラーテーマを作成・共有できるkuler 2007年11月 2日 コメント： トラックバック (0) Maxine Schur 「ここにない色は、ネイビーブラウンだけだ」―ヨギ・ベラ ファッションに敏感なファッショニスタ、新しく引っ越してきたアパート住人、グラフィックデザイナー、Webデベロッパー、この全員に共通しているものは？ 答えは、いま Adobe Labs にて無償公開中の Web アプリケーション、kuler が全員にとって重宝するということです。 アドビのエマージングマーケット＆テクノロジ（以下、EM&T）チームが開発した kuler を使用すれば、理論的なカラー公式に基づいて、あるいはユーザ自らがインタラクティブなカラーホイールを操作して、誰でも手軽に2～5色で構成される、調和の取れたカラーテーマを作成できます。カラーテーマの作成には、RGB、CMYK、LAB といったカラー
指定した画像に映りこみ効果を与えられる『Reflection Maker』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
最近のウェブデザインでよくみられる「映りこみ効果（鏡面効果って言うのかな？）」を簡単につくれるジェネレータが登場したようだ。 使い方も簡単で、画像を指定した上で、映りこみ部分の背景色とサイズを指定するだけだ。 画像はローカルからアップロードもできるし、URLから指定することもできる。 ロゴやアクセントの写真などに使えば手軽に今っぽいデザインをつくることができるだろう。 今っぽいデザインを手軽に・・・こうしたツールはもっと出てきて欲しいですね。
5000枚以上の全画像が無償で利用可能な「PUBLIC-DOMAIN-PHOTOS.com」
個人利用も商用利用も可能で、全部で5000枚以上の画像がパブリックドメインで用意されているというすばらしいサイトです。用意されているのは写真だけでなくクリップアートもあるので、いろいろな用途に使用可能。 詳細は以下の通り。 Top Rated - Free Stock Photos http://public-domain-photos.com/ ※時々、転送量過多で一時的に見えなくなるようです。見えなくなっている場合はここからどんなサイトだったのか確認できます。 写真は以下のジャンルがあります。 Animals Buildings City Drinks Flowers Food Insects Interiors Landscapes Miscellaneous Objects Ocean Panoramas People Plants Space Travel Vehicles なお
MOONGIFT: » デザイナー必須！オートトレースソフト「Potrace」:オープンソース...
Webに限らず、PC上で画像を作成しようと素材をもらったら、ラスタ画像で渡された経験はないだろうか。またはデジタルデータすらなく、紙でしか素材が存在しないこともある。スキャンして手作業でトレースしていく作業をしていると嫌になってしまう。 それらの苦労から開放してくれるソフトウェアがこれだ。 今回紹介するオープンソース・ソフトウェアはPotrace、オートトレースソフトウェアだ。 Potraceはコマンドラインで動作するソフトウェアで、PBM/PGM/PPMまたはBMPファイルを読み込み、EPSやPS、SVG/PDF/GIMPPATHといった形式に変換してくれる。かなりレベルの高いトレース結果が得られる事に驚くはずだ。 そのまま使ってみてもいいし、微妙な調整は閾値を直すことで行える。対応プラットフォームが数多く、Linux/BSD/Mac OSX/Windows等となっている。Mac OSX
いつかはマスターしたい！Illustratorチュートリアル40選 | P O P * P O P
各所ですでに話題ですが、自分へのメモ書きもかねてまとめておきます。Illustratorのチュートリアルを40個まとめた記事です。デザインがますます重要になっている昨今、常に技を磨いておきたいですね。 » Adobe Illustrator Tutorials 下記に、40個のうち、いくつかをご紹介。 LearnIt2 | Adobe Illustrator Tutorials Web2.0でよく見るバッジなどを作る方法など。 Creative Text Masking – Illustrator CS2 Tutorial – テキストにマスクをかける方法などが紹介されています。 Free Tutorials – Page 1 | Illustrator Techniques ガラスの器や3Dのテキスト作成方法などひねりの効いたテクニックが紹介されています。 Illustrator Bus
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フリーで使えるいい感じの手書き風フォント特集（日本語も）*ホームページを作る人のネタ帳
http://www.damncoolpictures.com/2009/03/homemade-robots.html
AXIS font | オンラインショップ | 株式会社アクシス
宇宙や星雲・惑星を表現するPhotoshopのチュートリアル
ソシオメディア | UIデザインパターン