http://xn--n8j3adt3ith.heypo.net/tag/html これはすごい タグ「html」の新着エントリー 2008-11-13T18:09:56Z en http://xn--n8j3adt3ith.heypo.net/entry/12941 随分前に、Ver2の見直しをして3になってたんですけど、公開してなかったので今更ながら公開です。 中身は2を使ってみて、社内のマークアップエンジニアからフィードバックもらったり、自分でも違和感が有った部分を調整してます。 それなりの期間使ってみて、問題をあんまり感じていないので、完成度としては大分良くなったかなぁって思います。 新規でサイトを作るのに... 12941 2008-11-13T18:09:56Z http://xn--n8j3adt3ith.heypo.net/entry/11803 こんにちは。『Cure』や『livedoor 歌詞』を担当しているモバイルディレクターの吉沢です。 つい最近、PC サイトのディレクターが初めてモバイルサイトの開発を担当するという機会がありました。 どの情報を伝えれば初めてモバイルサイトを担当する人にもスムーズに進められるのか、PC とモバイルで一番特徴のあるコーディングとデザインについて、これだけ覚えておくと簡単... 11803 2008-09-30T14:08:07Z http://xn--n8j3adt3ith.heypo.net/entry/9781 お祭り騒ぎだったiPhoneの発売日ですが、PC、ケータイに加えてもう1サイトつくるのかよ！　とお怒りの方に朗報です。 アップルストア銀座で行われた『誰でも出来るiPhoneのウェブサイト』のセミナーにて、CSSによってPCサイトをiPhone（とiPod Touch）に対応させる方法が解説されました。 User-Agentでの表示分けを覚悟していた身としては、mediaタイプでCSSを切り替えるという方法は目... 9781 2008-07-16T03:08:14Z http://xn--n8j3adt3ith.heypo.net/entry/9581 当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきて... 9581 2008-07-08T14:08:36Z http://xn--n8j3adt3ith.heypo.net/entry/9012 CSSでアニメーションする馬をパカパカ走らせるイリュージョン。まずは以下のムービーを参照この原理をCSSで応用してみたの... 9012 2008-06-16T11:08:13Z http://xn--n8j3adt3ith.heypo.net/entry/7587 生徒の作品がおもしろかったので、作者のとみじさんの許可をもらってキャラクターの絵と設定の文章だけ載せさせてもらいました。 HTML(ヒトミル)たん HTML電子が具現化して生まれた少女。 まっすぐな性格で純粋無垢。しかし、常にネットワークに繋がっている為単純で、すぐ何かに影響されやすく、すべてにおいて騙されやすい。 そのせいか、具現化してから未だに内感性(コ... 7587 2008-04-22T21:08:33Z http://xn--n8j3adt3ith.heypo.net/entry/7480 HTMLなんかどこに頼んだってかわんねーよ！というわけじゃない。 ちょっと前に、会社がコンペに参加するとかでHTMLの提案書を書いた。要件は、もう設計とか完了していて、ワイヤーフレームとかチャートとか用意しちゃっている気合いの入ったクライアントで、デザインとCMSに組み込むためのHTMLテンプレート（とガイドライン）を作ってーというもので、自分が書いたのはHTML... 7480 2008-04-18T13:08:26Z http://xn--n8j3adt3ith.heypo.net/entry/7244 こいつはちょっと便利かも。サイトを作るときにおもむろにXHTMLから書き始める人も多いかと思いますが、そうして出来上がったXHTMLからスタイルシートの枠組みを作ってくれる、というジェネレータです。 ↑ 例えばこんなコードを貼り付けると・・・。 ↑ こうした枠組みを作ってくれます。 あとは細かいスタイルを指定していけばいいだけですね。不用意なミスを減らせて素... 7244 2008-04-09T15:08:32Z http://xn--n8j3adt3ith.heypo.net/entry/4374 NicEdit was created over the past month as an alternative for the complexity, many files and large download size (> 200KB) of popular WYSIWYG editors such as TinyMCE and FCKEditor. It implements many of the standard rich text features like these editors but is easier to integrate without impact on download size. In addition NicEdit instances are more flexible than some other editors and can expand to fit content added. NicEdit controls can also edit multiple divs or converted textareas on a page transparen... 4374 2007-12-21T20:08:15Z http://xn--n8j3adt3ith.heypo.net/entry/4147 Just type or paste an URL in the form above, and click on "check it" to see the magic. If you want to fine tune your validation, click on the "advanced" link. That's it! 4147 2007-12-13T22:08:30Z http://xn--n8j3adt3ith.heypo.net/entry/3351 Try this crazy cool internet trick in your browser! Go to google images. Search whatever you want. Then copy/paste this code in your internet address bar: javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI= document.images; DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5 ); void(0) Hit enter. Crazy, huh? Hit refres... 3351 2007-11-12T15:08:21Z http://xn--n8j3adt3ith.heypo.net/entry/3335 htmlSQL is a experimental PHP class which allows you to access HTML values by an SQL like syntax. This means that you don't have to write complex functions (regular expressions) to extract specific values. The htmlSQL queries look like this: This query returns an array with all links that contain the attribute class="list". All web transfers in htmlSQL are using the awesome Snoopy class (package version 1.2.3) But for file or string queries Snoopy is not required. You find all Snoopy related docu... 3335 2007-11-11T20:08:38Z http://xn--n8j3adt3ith.heypo.net/entry/1225 のちのち使えそうなのでメモとしてエントリー。HTML/XHTMLで書けるエンティティの一覧です。 ちょっと変わった矢印や、コピーライトなどの記号、他にもニコニコマークなどがありますね。うまく組み合わせれば楽しげなページができそうです。 ↑ マニアックな記号を知っていれば友達に自慢できるかも？ 毎日使うものでもないですが、いざというときに知っておくと便利です... 1225 2007-09-03T19:08:25Z http://xn--n8j3adt3ith.heypo.net/entry/1059  ‫‬‭‮‪‫‬‭‮҉ Can anyone enlighten me on its purpose, language of origin?  If you paste this character and begin typing, your writing is transformed to right-to-left format. Weird! ‫‬‭‮‪‫‬‭‮҉Point in case. 1059 2007-08-28T01:08:39Z http://xn--n8j3adt3ith.heypo.net/entry/519 519 2007-08-02T18:08:08Z http://xn--n8j3adt3ith.heypo.net/entry/228 DesignVitalityの「The Open Source Web Design Toolbox: 100 Tools, Resources, and Template Sources」エントリーにて、１００のテンプレートソース、ツール、リソースのまとめが掲載されていたので、その日本語訳を紹介します。 参考になるサイトがたくさんあります。 フリーオープンソースデザインテンプレートのベストディレクトリ OSWD ： ２０００以上の無料デザインテンプレート。カラー、コント... 228 2007-07-20T13:08:12Z