mixi 新デザインでグリモン作ったり、スクレイピングしたり、しやすくなった - IT戦記
今回の mixi のデザインのポイントは 全ページで prototype.js の 1.5.0_rc0 が読み込まれている 新しいデザインのページはテーブルレイアウトじゃない 新しいデザインのページは id class 付きまくり いろいろ試してみた prototype.js が読み込まれているか確認する alert(Prototype.Version); // 1.5.0_rc0 ページ内に id が何個あるか alert($$('*[id]').length); // トップページに 52 個！ ページ内に class が何個あるか alert($$('*[class]').length) // トップページに 239 個！ おおすごい！ 試しに日記一覧ページから日記の URL を抽出するワンライナー $$('#bodyMainAreaMain dt a').filter(/view_
画像の使用を（略）CSS大会応募作品解説
昨日参加してみました報告をした、JamGraffiti さんの 「画像の使用を極力控えてかっこいいCSSデザインをやってみよう大会」 ですが、本日早くも Gal... 私の応募作品はこちらで確認できます。ちなみに IE だとちょっと見た目が違います （汗 今回は、「画像を一切使用しない部門」 で参加してみました。つまり、「色」 と 「線」 ほぼこの 2つのみでデザインを作るということです。 大会公式の HTML 文書はこれ 今回応募した CSS ファイルはこれ CSS を書く前に決めていたのは下記の点。 文字サイズに合わせて拡大 / 縮小するレイアウトにしよう 事前にデザインを作らず、CSS を書きながら考える 使う色はモノクロをベースにそれに近い色でまとめる CSS を書くのに使う時間は 2時間以内 古いブラウザとか知らない IE って何？ （1） に関しては、画像ナシならきれいな擬似ズ
Ajax、CSS、PHP などのチュートリアルまとめ | WWW WATCH
Ajax、CSS、PHP、Flash、JavaScript などを使用して何か作ろうと思った時に、1からすべて考えるのではなく、他の人が過去に作っているサンプルなどを参考にできたらとっても助かったりします。ということで、これら様々なチュートリアルをまとめたサイトを紹介。Digg 経由。 Tutorials Round-Up: Ajax, CSS, PHP and More ： Smashing Magazine In this post we've covered over 200 Ajax, CSS, Flash, JavaScript, PHP, MySQL, RSS, XML as well as ASP, C++, Perl, Python and Java tutorials. You can also check out our list of Photoshop tutori
XHTML、CSS を学ぶ時の 6つの間違い
XHTML、CSS を学ぶ時にやりがちな間違いを私の個人的独断と偏見でつらつらと書いてみます。今から (X)HTML を学ぶのであれば、HTML よりも XHTML でしょということでタイトルや本文内では XHTML と書いていますが、ここは HTML に置き換えてもらっても同じだと思います。 1、とりあえず Dreamweaver を買ってくる 別に 「Dreamweaver」 だけに限らず、オーサリングツールさえ手に入れれば XHTML なんて簡単に習得できると思っている人は少なくない気がしますが、これは大きな誤解です。この誤解を抱えたまま 「オーサリングツールが使える = XHTML を理解している」 だと思い込んでいると後になって困ることになると思いますよ。 オーサリングツールは、コーディングスキルを補うツールではなく、コーディング作業を効率化するツールです。XHTML、CSS に
CeeSeS | We are the BalkaniCSS!
SiteGround is a company established in 2004, which means that it has been in the industry of web hosting for 12 years now. It is a company that is widely known, and recognized as among the best when it comes to going beyond what is expected of them. As a matter of fact, just a […] Site5 is backed up by several years of experience in the industry. Their market includes developers, designers, as wel
HatenaをXHTML+CSSで組みなおす
授業中、生徒は課題制作で忙しく僕は用無し。ってことで、○○○をXHTML+CSSで組みなおすシリーズ(?)第二段を勝手にこっそり作ってた。 なるべく皆が知ってるサイトで、コーディングが楽しそうなサイトを探してたのだけど、なかなか決まらず、結局、生徒のリクエストでhatenaのトップページを組みなおす事にしました。 hatenaは一部レイアウトにテーブルを使っているものの、基本はCSSでの段組がされているので、mixiを組みなおすような大きな軽量化は出来そうにない。なので、楽しみ方としては、いかに無駄なマークアップを減らしてシンプルなXHTMLで同じ見栄えを再現するかだ。 これがまた、パズルで遊んでいるときの感覚に似ていてとっても楽しい。近い将来、CSSで１つの要素に複数の背景画像がおけるようになったとき、このパズル感が失われてしまうと思うと残念でならない。(半分ホンキ) で、帰ってきて手直
Web Design Services - Tim Vansas Designs
Are you looking for a team of highly-skilled web design experts to transform your businesses online presence? Wouldn’t you love to get a design that stands the test of time, is easily scalable, and that your audience loves for its functionality and ease of use? Tim Vansas Designs is run by an expert group of web designers with diverse mindsets and skills. Our experience and expertise enable us to
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Style Crunch
CSS Nite Vol.7: Web制作現場の対立を解消する！ XHTML CSSガイドライン作り [1]
デフォルトスタイルの差異を無くすCSS
http://www.sixshootermedia.com/Pretty_as_a_Picture/templates/
CYBER@GARDEN - Web作成、Webデザイン、HTML、XHTML、CSS、JavaScript