【CSS】iPadだけにCSSを適用する方法:</gecko>：げことじ。：日常からWEBまで：
結論から言うとjavascriptでUserAgentを参照して振り分けるしかない。 linkやcss内の@mediaでどうにかなるもんだと思ってましたが。 <link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="../ipad.css" type="text/css" /> どうやら↑では”iPadオンリー”は無理です。 結局UserAgentを見るしかない。 var iPad = /iPad/.test(navigator.userAgent); if(iPad){ //iPadだけに適用させたい記述 } 長くなるので無理な理由、検証、iPadだけにcssを適用させるjsは以下に。 目次 最初に調べたエントリー linkタグのmedia属性で判別する方法 landscapeモード
CSSやJavaScriptの改行やインデントを削除して圧縮したり、元に戻したりするツールまとめ
年末に、オンラインブックマークでたまってしまいがちな「あとで読む」とか、「一応保存」とかを整理することにしました。 そしたら、同じような内容や機能のWebサービスのページをいくつもブクマしてることに気づいてしまいました。 そこで、似たようなものは自ブログにまとめて少しブクマ数をスッキリさせることにします。 で、実はあんまり使ってないけどいざって時にあると助かる「スクリプトの圧縮＆デコードツール」をまとめてみたいと思います。 まずは圧縮編から。 ファイルの改行やインデントを無くしたりしてファイルサイズを軽くするツール 私がやるような規模の案件ではまず使うことはないのだけど、サイト規模が大きくなるとこういう配慮も必要なのかも。 やってることはどのサイトでも一緒なので、各自見やすい・使いやすいと感じるやつを選んでいただければよろしいかと。 CSS編 CSS Compressor 圧縮度合いを4段
JavaScriptとCSSを圧縮・軽量化するオンラインツール集
オンラインでJavaScriptを圧縮や軽量や難読化するツールのリンク集です。 JavaScriptとCSSを圧縮・軽量・難読化するオンラインツール JavaScriptを圧縮・軽量・難読化するオンラ
ヨモツネット
この Web サイトの概要 ヨモツネットは、気になった技術の実験場と個人的な日記を中心としたサイトです。主に卓矢エンジェルや、Web 関連についてを話題にしています。 卓矢エンジェルとは 卓矢エンジェルは、デザインに陣羽織、振袖、手甲、鎧、脚半などといった和なテイストを取り入れたファッションブランドです。卓矢エンジェルを着る人たちはエンジェラーと呼ばれ、ゴシックやパンク、デコラなどのようにひとつの系統として分類されています。 この Web サイトの構成 日記 日々の出来事や Web についての話題を題材にした日記 実験室 便利な javaScript の配布や、マークアップの Tips など 自己紹介 この Web サイトの制作者について お問合せ 制作者への連絡用メールフォーム リンク 友人の Web サイトなどへのリンク このサイトについて 著作権、その他の情報などについて
マウスオーバー時にクールに画像を切り替えるjQueryサンプル:phpspot開発日誌
Sliding Boxes and Captions with jQuery | Build Internet! マウスオーバー時にクールに画像を切り替えるjQueryサンプル。 マウスオーバーで滑らかにキャプションが現れたり、画面を切り替えたりできるサンプルのデモとダウンロードが出来ます。 デモページ CSSをでレイヤーを重ね合わせて、上の要素をアニメーションさせてるだけのようですが、なかなかこれがクールですね。 $('.boxgrid.caption').hover(function(){ $(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160}); }, function() { $(".cover", this).stop().animate({top:'220px'},{queue:fals
jQuery 開発者向けメモ
jQuery 開発者向けのメモです． ずっと以前に，jQuery に関する日本語の情報がまだ少ない頃に作ったページですが， その後 jQuery を再び利用する機会があったので，最新バージョン向けに記述を更新しました． 住宅ローンシミュレーションです． jQueryを利用したフォームの動的な追加や，flotプラグインによるグラフ描画などを行っています． 本ページの記載に間違い等見つけた方はブログのエントリまで連絡いただけるとうれしいです． 最終更新：2009/1/10 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したイ
Tori's Eye
Welcome to Tori's Eye! Tori's eye is a Twitter visualization tool, inspired by papercraft and origami. It's a visual and technical experiment implemented using only standard XHTML/CSS and Javascript. What does it do? Enter a word in the search box and then catch some birds with your mouse to read the tweet they're carrying. Tori's Eye fetches the latest tweets containing the word you input from Tw
jQuery
What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
[JS]超軽量で設置も簡単な、透過PNGをIE6で表示するスクリプト -Unit PNG Fix | コリス
Unit Interactiveのエントリーから、透過PNG画像をIE6で表示する、超軽量(2KB)の設置も簡単なスクリプトを紹介します。
Dynamic Drive DHTML Scripts- Virtual Pagination script v2.1
Oct 19th, 09': Updated to v2.1, which adds: New wraparound:true/false option, which when set to false disables moving back/forth beyond first and last content, respectively Description: Does your page contain lengthy chunks of text, a series of images, or long forms that dissuade people from reading them top to bottom? This script lets you transform long content on your page into a series of virtu
min-width,max-width,min-height,max-heightをIEで使えるようにするjavascript[to-R]
min-width,max-width,min-height,max-heightをIEで使えるようにするjavascript minmax.jsはIE6以下でmin-width,max-width, min-height , max-heightのプロパティを利用可能にするjsライブラリになります。 CSS2では以下のプロパティが定義されているがIE6には実装されていない。 max-width - 要素の横幅の最大値を指定する min-width - 要素の横幅の最小値を指定する max-height - 要素の高さの最大値を指定する min-height - 要素の高さの最小値を指定する minmax.jsはこれらのプロパティを利用可能にするjsライブラリです。 設置方法 設置方法はダウンロードしたminmax.jsをhead要素内などで読み込むだけです。 <script type="
![min-width,max-width,min-height,max-heightをIEで使えるようにするjavascript[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a01a0c31d440f29a491fdd71f76aedb1d5a3f40b/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
Archiva
My ErgoDox! 1ヶ月ちょい前のことですが。ErgoDox users meet upというマジキチ紳士の集いに参加してきました。 ErgoDoxそのものは前からちょっと気になってた程度ですが、尊敬する握力王が推奨しているとなれば、手に入れるほかありません。 HHKBの打鍵感は大好きですが、そろそろ新しいキーボードが欲しかったというのもアリ。 やっぱ入力装置は定期的に交換して、脳に刺激を入れてやらないとネ。 その点、カスタマイズ性の高いErgoDoxは最適だと思いました。 なお、ポート株式会社ではエンジニアの福利厚生の一環として「PC周辺機器購入制度」なるものが存在しており、どんなキーボードでも経費で購入できます。デザイナ、エンジニアは常に募集中です！（宣伝おわり） ErgoDoxとは 左右分割式のキーボードです。正確にはプロジェクト名と言ったほうが良く、ErgoDoxという商品が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マウスオーバーをデザインする | DesignWalker
[JS]アクティブなタブとパネルの境界線を無くすチュートリアル
http://www.designwalker.com/2009/03/form-design-2.html
Scrollovers - Seu guia completo para o mundo das finanças.
stefanoverna.com
JavaScript UI Library & HTML5 UI Framework | DHTMLX
ユンサンの／／YungSang's: 透過PNG と IE と IE7 まとめ
Scriptを使わないCSSエフェクト、Tipsいろいろ - DesignWalker
