Movatterモバイル変換

tks_period id:tks_period

HTMLに関するtks_periodのブックマーク (7)

CSSとJavaScriptどちらでも実装できるけど、どのように使い分けるのがよいかの解説
CSSでもJavaScriptでもできるけどどちらを使おうか、CSSとJavaScriptどのように使い分ければいいのだろうか、二つのうまい関係を構築するテクニックを紹介します。Building A Relationship BetweenCSS &JavaScript 下記は各ポイントを意訳したものです。はじめにスタイルの定義はCSSで：JavaScriptからCSSを遠ざけるユーザエクスペリエンスを犠牲にしないで使い分けるCSSとJavaScriptの使い分けの大切なポイントはじめにJavaScriptには数多くのライブラリ、jQuery, Prototype, Node.js, Backbone.js, Mustacheなどあり、非常に人気が高いです。これらは実際に非常に多く利用されており、時間をかければもっとよい方法があるかもしれないところでもそれらを使ってしま
tks_period2012/12/05
メモ
CSS
JavaScript
HTML
デザイン
リンク
jQueryでRetinaディスプレイを判別して処理を変える方法｜BLACKFLAG
iPhoneなどApple製品に使われているRetinaディスプレイ。従来のディスプレイよりも高解像度（1ピクセルの幅が78ミクロン）であることから Retinaディスプレイで画像を綺麗に表示するには、表示する倍のサイズで作成する必要があったり特別な対処をする必要がでてきたりします。そんなRetinaディスプレイに対して、jQuery（JavaScript）を使って判別し個別に処理させる方法があったので紹介してみます。 ※webkitブラウザのみの対応です。 Retinaディスプレイかどうかを判別するプロパティはデバイス上で画像の1pxの単位を何pxとしてレンダリングしているかを見てくれる ————————————– window.devicePixelRatio ————————————– によって判別します。 Retinaディスプレイはここで取得する値が「2」になります。こ
tks_period2012/08/29
メモ
JavaScript
HTML
jquery
リンク
?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+clockmaker+%28ClockMaker+Blog%29
アップルの新デバイスiPad が Flash に対応していないことや、アップルのCEO スティーブ・ジョブズ氏の苦言により、HTML5 は Flash に取って代わるのかという論議が現実味を帯びて論じられるようになりました。「なぜAppleはiPadにFlashを載せるべきではない」のか AdobeのCTO、Kevin LynchがFlashを擁護―「HTML5はウェブビデオを暗黒時代に投げ戻す」そこで、HTML 5 と Flash は何が違うのか両者の違いを図にまとめてみました。 (上の画像はクリックで拡大できます) 左側がHTML5 にしかない機能、右側が Flash にしかない機能で、中央の重なっているところが両方が利用できる機能です。グラフィック関係では、HTML5 では描画やビデオ関係はサポートするものの、テキスト周りや高度なグラフィック処理、デバイス機能ではまだ Fl
tks_period2010/02/03
web
HTML
Flash
メモ
リンク
ウノウラボ Unoh Labs: CSSによるデザインワークと相性のよいHTMLって？
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
tks_period2008/04/23
first-child / last-child は知らなかった。使えそうだなぁ。
Web
HTML
リンク
ちょっと小粋なCSSのナビゲーションメニュー「ADxMenu」 - GIGAZINE
WindowsXPやOfficeXP風のメニュー、シンプルなメニュー、ミニタブ型、横に展開するタイプなど、いろいろな幅広い応用が可能です。例とコードのダウンロードは以下から。ダウンロードや設置方法は以下のページから。 aplus :: ADxMenu http://www.aplus.co.yu/adxmenu/intro/ 実際の例は以下にあります。 http://www.aplus.co.yu/adxmenu/examples/ 例その1：WinXP style http://www.aplus.co.yu/adxmenu/examples/winxp/ 例その2：Simple style http://www.aplus.co.yu/adxmenu/examples/simple/ 例その3：Minitabs http://www.aplus.co.yu/adxmenu/exam
tks_period2006/07/24
Web
HTML
CSS
UI
メモ
リンク
Yahoo! JAPANのソース  は何か意味があるのでしょうか？
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=euc-jp">  <title>Yahoo! JAPAN</title> この  は何か意味があるのでしょうか？お願いします。
tks_period2006/05/31
うわー、こういうテクニックまだ残ってんのな、超懐かしい。とかさｗｗｗ　今はHTTPヘッダ中で文字コード指定をきちんとするようにしてるから、この手のバッドノウハウは使ってないけどね。
Web
HTML
HTTP
バッドノウハウ
リンク
hori-uchi.com: _blankを使わないで別ウィンドウを開くにはre
はてなブックマークをみていたら、気になるエントリーを発見。 [戯] target="_blank" を使わないで新しいウィンドウでリンクを開く方法 target="_blank"という書き方がXHTML 1.1 や XHTML Basicに準拠していないので、これらに準拠するようにしつつ、別ウィンドウで開くにはどうすればよいかという話です。別ウィンドウで開くにはJavaScriptを使えってのが推奨される方法なんですが、onclickを使って定義するのはめんどうということで、この記事では、aタグにclass="popup"という属性を与えておけば、JavaScriptで別ウィンドウを開くということをしています。この件については友人のHTML、CSSマスターなkawachi君と話したことがあって、そのときは、下のエントリで紹介されているrel="external"という方法を使うのがいい
tks_period2006/03/16
で、これは結局来訪者自身がそのウィンドウで開くか別ウィンドウにするか選べるのかな？パッと見無理そうだけど。　規格に準拠するのはいい事だけどユーザビリティとどちらが大事なんだろう。私は強制しない派。
HTML
UI
リンク
1