badboy.media.design :: articles :: Niceforms Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase or signing up for a website. They are the basic (and pretty much the only) way of gathering information on the web. 配布されているJavascriptのファイルとCSSファイルを読み込むだけで、フォームデザインが早代わり。 HTMLに組み込む例) <scrip
あらためて感じる、開発の進め方の難しさ 公開日時: 2006/04/16 14:43 著者: kenn 最近めっきり開発者モードへと還って失われた日々を取り戻しつつ目下急成長中(注:当人比)の江島でございます皆様いかがお過ごしでしょうか。 色々模索しながらやってきた新サービス開発プロジェクトですが、同僚のダニーがバックエンドのコードを書き、ぼくがUIの部分を担当するという大まかな分業に落ち着いてきています。 すでにpretrieve.comというパブリックレコード検索エンジンを開発してリリースした経験のあるダニーはともかく、ぼくは本格的なウェブのサービス開発というのは初めてなので、あちこちで頭をぶつけながら修行中です。 この手のウェブのプロジェクトは、一見簡単そうに見えて実際やってみるとスピーディにやるのは結構難しくて、とくに進め方についてはずっと暗中模索でちょっとずつ前進という
Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download! In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. CSSで段組デザインをする際に、とても参考になるサイトを発見。 CSSでの段組レイアウトのサンプルがサムネイル付きで40種類紹介されています。 お好みのデザインを見つけてソースを開いてコピー&ペーストすればお好みのデザインを素早く作れますね。 CSSも
Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc CSS をいじりだすと気になるのが、ブラウザによる見え方の違い。 このブログでは訪問者の約65%が Internet Explorer ユーザですが、最近は Firefox など Mozilla系や、Opera・Safariといったブラウザの方も増えているようです。 わたしはWinXP+スレイプニルという環境で更新作業をすることが多いのですが、はてなツールバーがスレイプニルでは使えないので、最近は Firefox をメインブラウザとして使用しています。(もうすっかりはてなっ子) CSS をいじったり記事をアップした後、スレイプニルで見た時は思ったとおりのデザインだったの
最近、同じCSS・同じブラウザなのに、あのサイトではできていて、このサイトじゃできないみたいな事があって思い当たってるのがページ「DOCTYPE」が違ってたって事が何度かありました。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> IEでIMGにpaddingがつかない FFでanchorのかかったimgにtext-decorationがつかない table内でのtext-alignが普通(?) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> IEでIMGにpaddingがつく FFでanchorのかかったimgにtext-decorationがつく ta
XHTMLized では、一画面分のウェブページを送ると、一週間以内に XHTML/CSS で同じデザインを作り直して返送する、という単機能に特化した有料のサービスを提供している。 「非CSSのデザインをCSSデザインにする『ネットサービス』」だったらすごいなあ、と思うが、残念ながら人力。さすがにプログラム的にそれを実現するのは難しいと思う。 一般のサイト訪問者から見れば、CSS デザインであろうとなかろうとたいした違いはないが、提供者側からみた多数のメリットを考えると、今からサイトを作るときに CSS デザインにしないことは考えにくいだろう。 コンテンツ製作者がデザインを気にする必要がなくなる(分業による効率化) デザイナーがコンテンツを気にする必要がなくなる(分業による効率化) 将来のデザイン変更にかかる工数の削減 コンテンツ追加時のデザイン再利用(工数削減) 検索エンジンにコンテンツ
Hint: due to my provider's problems this option was deactivated. Sorry for inconvenience. Aqua & Chrome by M.Samy Silva Orange, Blue by Daniel Constantin Blue & Red by V. Friedman Blue, Black, Pink by V. Friedman Make the world prettier! If you'd like to share your css navigation designs with other web-developers, use this template for creating the menus. Please make sure that your css-code valida
日本語の REST のリソース集を以前作ったのだが、 日本語では一般人向けの解説がない。 sheepman 氏の REST のページはすばらしいんだけど、多少わかっている人向けだ。 市山氏のプレゼン資料は RoyF の論文を詳しく解説していてよいのだけれど、いかんせんアカデミックすぎる。 技術的な要素も抑えつつ、入門者にもわかりやすい解説はないものかと探していたのだが、みつからない。 英語の文書を訳すことも考えたんだけど、あまりよいものが見つからない。 で、結局自分で書くことにした。 最初はひとつのポストで済ませるつもりだったんだけど、書き始めたら長くなってしまったので、複数のポストに分けることにした。 えらそうなことを書いたが、内容は「ないよりマシ」といったレベルだろう。 前書きが長くなったけど(ここから始まりです。ですます調なのは入門記事だから)、 この記事(から始まる一連のポスト)は
ワープロや画像編集など、ウェブベースでできることが増えています。パソコン内にソフトがなくても「あちら側」にあるウェブアプリケーションでなんとかなってしまう時代の到来です。 ということで、いま「あちら側」はどうなっている? というまとめです。ネタフルでこれまで紹介してきた「ウェブベースでできる○○」なサイトです。日常生活にももちろんですが、旅先や外出先でも活用して貰えるかも? ■インスタントメッセンジャー系 ▼覚えておくと便利、ウェブベースのIMクライアント ・Meebo AIM、ICQ、MSN、Yahooに加えJabber/Google Talkもサポート。先日紹介した時にはJabber/Google Talkは未対応だと思ったのですが、わずな間に対応したのですね。素晴らしい。完璧。 ・eMessenger AIM、MSN、Yahooに対応。 ・AIM Express AOLが提供するAI
IEには独自拡張のCSSでフィルターが使えます。こいつは便利なやつで半透明化やらグラデーションやら色々出来るのですが、なんだかんだ言っても独自拡張。互換性がありません。 しかし、アルファ値に限って言えばは他のブラウザでも独自拡張にて実装されているのでクロスブラウザ化することが出来ます。(クロスブラウザってJavaScript以外でも呼んでよかったけ?) [Internet Explorer対応] 0~100の数字で制御します。0に近づくほど薄くなります。 MacIEだと確か動きません。 img{ filter: alpha(opacity=20); } [Mozilla / FireFox / Netscape 対応] 0~1の数字、または0~100%で制御します。0に近づくほど薄くなります。 こちらは最新版のMozilla FireFox Netscapeで動作します。 -moz-opa
角の丸いテーブルの作成ツール。 画像あり、画像なしのパターンを選択でき、 角のデザインなども自由にカスタマイズできます。 [ 画像あり版 - 画像なし版 ]
Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: music videos Top Smart Phones Healthy Weight Loss Online classifieds Credit Card Application Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy|Do Not Sell or Share My Personal Information
CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました(つまり回避法を用いない場合にどんなバグが発現するか)。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう (ブロックレベル要素を内包するボックスにはpaddingを指定しない。) 左右ボーダーとパディングを設
mixiのデザイン変更から学ぶ、ウェブサイトの最小横幅を800px以下にすべき理由 2006-02-09 mixiのレイアウトが大幅に変更された。右側にサイドバーが出現して、全体の横幅が大きく広がったのだ。全体の横幅は900pxほどだ。このため、私の環境ではブラウザの横スクロールバーが現れるようになってしまった。以下がその様子だ。 これはユーザビリティ的にかなりよくない状況だ。横スクロールは可能な限り避けなければならない。なぜなら多くのユーザーは横スクロールすること自体に不慣れだから。 しかし、画面を見てお気づきの方もいると思うが私はWindowsのタスクバーを縦に配置している。このレイアウトはマイノリティな類であろう。このレイアウトのためにブラウザの横幅が縮まっているので「それは例外だ。みんなブラウザの幅は900px以上にしてるよ」という声が聞こえてきそうだ。しかしこれには反論の余地があ
とある友人に教えても経ったTinyMCEという WYSYWIGWYSIWYG な HTML エディタライブラリがやばそう。 JavaScript で記述された LGPL でオープンソースな クロスプラットフォームの 多言語対応もしてて 簡単に使える ライブラリ。似たようなものに htmlArea というのがあって結構昔に話題になってたんですが、導入がめんどくさかったりブラウザによってはまともに動かなかったりとか色々面倒な感がありました。TinyMCE の方はと言いますと、Installation instructions にもあるとおり、 <html> <head> <title>TinyMCE Test</title> <script type="text/javascript" src="/js/tiny_mce/tiny_mce.js"></script> <script type=
Using the Database - IP Address Lookup - Community Geotarget IP Addresses Project hostip.infoのAPIを使ってIPアドレスから国名を得ることが可能です。 ●次のURLにアクセスすれば自分の国が表示されます。 http://api.hostip.info/country.php 出力例) JP ●次のURLにGETでアクセスすると指定したipの国情報が得られます。 http://api.hostip.info/get_html.php?ip=12.215.42.19 出力例) Country: UNITED STATES (US) City: Sugar Grove, IL ●次のように position=true を付与すると経緯度を得ることも可能。 http://api.hostip.info/g
「なまえとタイトル」の最後のほう、「対象が多すぎると、タイトル的な名前は機能しない」という項で、私は次のように書いた。 <「ファイル名はなくてもいいかもしれない」という話が出てくるのも、まさにこの状況だ。ファイルが多すぎて、どこにあるかわからなくなるような状況では、ファイル名の「説明」機能がそもそも果たせない。 そしてこれこそが、インターネットにおいてサーチやタグが浮上してきた理由なのだ。 これは重要なトピックなので、あらためて別エントリで書きたい>。 このエントリは、この話の続きだ。 ■インターネットという、「対象が多すぎる」世界 「対象が多すぎる」とは、この場合、「全部のタイトルをざっと眺める」ことすらできないくらい、対象が多い状況を指す。 インターネットが、この「対象が多すぎる」世界であることに疑問の余地はないだろう。 仮に、ネット上にある全ページのタイトルがどこかに列挙されていると
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く