ウェブ狂の詩 - @takejune web制作に関する覚え書き このブログの公開は終了しました
![パスワード認証](https://cdn-ak-scissors.b.st-hatena.com/image/square/da78a05937633f7a2b4b2219826151c370cd607b/height=288;version=1;width=512/https%3A%2F%2Fparts.blog.livedoor.jp%2Fimg%2Fusr%2Fcmn%2Fogp_image%2Flivedoor.png)
CSS Trickのエントリーから、IE6でよく遭遇する6つのバグとその解決方法の紹介です。 IE CSS Bugs That’ll Get You Every Time ボックスモデルのバグ マージンが二倍になってしまうバグ min-width, min-heihgtと同等の指定 Stepdownバグ hover擬似クラスをa要素以外にも対応 透過PNGを透過表示に対応 ボックスモデルのバグ <textarea name="code" class="css" cols="60" rows="5"> div#box{ width:100px; border:2px solid black; padding:10px; } </textarea>
はじめに 今回は、ユーザインタフェース技術を得意とされるゼロベース株式会社にお邪魔してきました。 なんとこれで最終回! 記事の最後では我々2人が逆にインタビューを受けています。 自己紹介 ――自己紹介をお願いします。 石橋:代表取締役とプランナーをやっている石橋です。主に企画立案や営業などを担当しています。 田中:田中孝太郎です。肩書きはエンジニアとインタラクションデザイナなんですけど、サーバサイドのプログラミングからFlashの制作まで、器用貧乏にいろいろとやっています。 境界を越える ――石橋さんのブログが好きでずっと読んでるんですけど、社長ブログなのにまともなことが書いてあって(笑)、いろいろとドキっとさせられるんですよ。 石橋:ありがとうございます。 ――Webの広い意味での「デザイン」についての記述が多く見られますよね。どういうきっかけで興味を持たれたんですか? 石橋:最初に
動くfavicon(お気に入りのアイコン)を設置する方法 まず、faviconを作りましょう。 以下のサイトでは、アップした画像をfaviconに変換してくれる便利なサイトです。 FavIcon from Pics http://www.html-kit.com/favicon/ 「Animate Favicon」というボタンにチェックを入れると アイコンの後にアルファベットを連続することができます。 普通にイメージだけで連続させたい人は、faviconのオーソドックスなサイズ(16px×16px)で 普通にアニメーションGIFを作ります。 作ったアニメーションGIFは、以下のサイトで自動的にfaviconに変換できます。 http://www.favicon.jp/ http://www.favicon.jp/ faviconが出来上がったら、表示したいページに ソースを追
ホーム > HTMLに役立つヒント>CSS Tips > すぐに忘れるCSSメモ ■すぐに忘れるCSSメモ 僕がすぐに忘れてしまうCSSのプロパティ。他の人には参考にならないだろうなぁ(^^; まだまだ書きかけで増える予定。 position float justify font-family list-style-image リンクをボタン風に form要素の見栄えを変える CSSハック 印刷用CSS ●ポジション/position ▲ページトップ position:static/relative/absolute/fixed ; top : 0px; left : 0px; static デフォルト。上位のブックの終わりが起点。top/leftの指定は無効になる。 relative 相対的な位置指定。staticで表示される位置が起点となる。上位のブロック要素 absolu
Webleed Design is the portfolio site of Bryan Katzel. As a professional designer, Bryan's world revolves around all things "print". His work includes package design, illustration, branding, toy, poster and advertising. Bryan holds a creative position focusing on design and developement for the toy & game market. The position has opened his eyes to package design and the retail toy market. Here are
比較的簡単にWEB2.0アイコンを作成する方法。慣れれば2分程度で作成することが可能です。 この方法を用いると、上記のアイコンは5分で作成できます。 WEB2.0アイコンって? 簡単に言うと、ツヤツヤとした感じのアイコンのことです。例を挙げれば、Windows XPと、Windows Vistaのロゴで、Vista側がWEB2.0アイコンと呼べるでしょう。 アイコンが2.0っておかしくない? まさしくWEB2.0とはサービス提供の仕方や新しいWEBのあり方を総称するものですので、筆者も戸惑いを感じました。 しかし最近はWEB2.0アイコンというと、「ツヤツヤとした感じのアイコンね」と認知されてきているようなので、当サイトでも「WEB2.0アイコン」と呼ぶことにしました。
21 Incredibly Creative Flash Websites - Down the Foxhole というエントリにて、信じられないほどクリエイティブなFlashサイト集ということでFlashサイトが特集されていました。 以下、信じられないほどクリエイティブなFlashサイトの引用です。 http://www.nationalgridfloe.com/ http://lab.mathieu-badimon.com/ http://ecodazoo.com/ http://www.lacoste-future.com/ http://sectionseven.com/ 続きを見る 数年前を思い返してみると、数年前では想像もできないようなサイトが増えてますね。 Flashプレイヤーの進化によってどんどん出来ることが増えていくため、成果物のクオリティや機能もどんどん進化しているよう
ウェブデザインにおいて鉄則という言葉を使うのは個人的にあまり好きではないですが、共通するルールというか、考えておきたいところは幾つかあります。ひとつはウェブという媒体を理解することだと思いますが、サイトを構築する前に考え起きたいことは他にもいろいろあります。 先日 Business Week に掲載された「The 10 Commandments of Web Design」では、Don Norman, Jeffrey Zeldman, John Maeda をはじめ 15名の著名人が集まってウェブデザインの十戒をまとめています。Best and Worst of the Web のギャラリーを一緒にみて参考にすると良いと思います。 汝、Flashを悪用するべからず コンテンツを隠すべからず ページを散らかすべからず 汝、反射効果を使い過ぎることなかれ Web 2.0 企業を名付けるとき余計
GoSquaredのエントリーから、写真画像の編集サイトなどでよく使用される、細部まで丁寧に作りこまれたウェブサービス用のアイコンのベクター素材を紹介します。
Captcha security check 440design.com is for sale Please prove you're not a robot View Price Processing
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く