無駄なdiv要素やclassだらけのマークアップから卒業する方法
グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。 はじめに CSSのフレームワーク：960.gsの場合 classの乱用を避ける リスト要素の使用 画像とキャプションの使用 複数の見出しとパラグラフの使用 子要素のclassは親要素に はじめに 数年前までウェブページの設計はテーブルがスタンダードでした。そしてCSSはそれを大きく変え、今日ではCSSのフレームワークがウェブページの設計を容易にしてくれています。 しかしながら、このCSSのフレームワ
iPhoneをもう一度ピカピカにする方法 | WIRED VISION
前の記事 ショッキングな『G-Shock Man-Box』、人形付き 携帯可能な水力発電装置 次の記事 iPhoneをもう一度ピカピカにする方法 2010年3月 8日 デザイン コメント： トラックバック (0) フィードデザイン Charlie Sorrel Photo: Hack n Mod iPhoneは美しいハードウェアなのだが、ポケットに数カ月も入れておくと、鍵やらコインやらで表面が擦れて傷が付いてしまう。そこで、傷だらけになったiPhoneに手を加えて、ほとんど完璧な姿に戻す方法がある。 MacRumors.comの投稿が、傷だらけにされたiPhoneを、箱から出したばかりの姿に戻すための方法について、ステップごとに紹介しているのだ。 背面の擦り傷については、微細な紙やすりをかけてから、ごく少量の水をかけて耐水性の紙やすりを使い、最後に、「3M Headlight Lens R
HTML5 基礎知識 - web探検隊
HTML5を書くための基礎知識をメモHTML5の雛形XHTML5ではなくてHTML5のマークアップについて html> head> title>HTML5 基礎知識title> meta charset="UTF-8"> head> body> body> html> HTML5の新要素 文章構造に関するものsection汎用的なセクション。文章のアウトラインを構成する。articleセクションの一種で、Webページから独立したコンテンツを表す。asideセクションの一種で、外側のセクションに対する補足情報を表す。navセクションの一種で、外側のセクションに対するナビゲーションメニューを表す。footerセクションのフッター。headerセクションのヘッダー。hgroup複数の見出し(h1-h6)をまとめる。 外部コンテンツの埋込みfigureキャプションを伴うような内容のものを文章中に埋
【永久保存版】iPhone 基本操作・小技・裏技、総まとめ。 | ゼロ・デザイニング [0-designing]
iPhone 3G の基本操作から、ちょっとした小技・裏技まで、一気にまとめてみた。 超基本から、意外と知られていないことまで色々。 知人がiPhone買ったら、とりあえずコレ見てから質問して、と言いたいものばかり。永久保存版。 操作の名称 タップ 指で軽く叩く操作。マウスのクリックに相当 ダブルタップ 2回叩く操作。ダブルクリックに相当 ドラッグ 写真を移動する時に指をずらす操作 フリック リストをスクロールする時に指で軽くはらう操作 ピンチ 2本指でのつまむ操作の総称 ピンチアウト/ピンチオープン 2本指の間を広げて拡大する時の操作 ピンチイン/ピンチクローズ 2本指の間を縮めて縮小する時の操作 スリープ状態のまま、iPhoneを操作 スリープ時に、ホームボタンをダブルクリックすると、iPodのコントローラを表示できる。さらに起動中にダブルクリックすると、電話のよく使う項目や、iPod
[JS]セレクトメニューの中身を印刷できるようにするスクリプト
select要素で実装したセレクトメニューの中身を印刷や印刷プレビュー時に表示させるスクリプトをCSS-Tricksから紹介します。 <textarea name="code" class="js" cols="60" rows="5"> $(function(){ $("select").each(function(i){ var $el = $(this); var $options = $el.find("option"); $el.after("<div class='print-select'>Options: <ul id=sel"+i+"></ul></div>"); var $curPrintBox = $("#sel"+i); $options.each(function() { $curPrintBox.append("<li>"+$(this).text()+"</l
Firefoxのデータベースを「バキューム」して高速化するTips | ライフハッカー・ジャパン
特種用途自動車です！ 真空ポンプです！ 工業用アイロン台です！ 3人合わせて、バキュームです！ と書いた後で、すでに先達がいたことに気づいたわけですが、Firefoxを「バキューム」すると、動作が機敏になる、というTipsがブログ・Mozilla Linksで紹介されていました。 日々ブラウジングにいそしんでいると、履歴とブックマークを格納する「places.sqlite」に、履歴などが澱のように溜まってしまったり、データベースが断片化したりすることで、Firefoxの動作が遅くなってくる、という問題に直面します。そこで「places.sqlite」を最適化することで、インストールしたてのまっさらだったころのFirefoxの、あのスピードを取り戻すのが「バキューム」というわけです。 手順はわずか3ステップ。 「ツール」→「エラーコンソール」をクリック 以下のテキストをコピー＆ペースト Co
Java SE コアAPI 使用コード例一覧 - ＠IT
＠IT編集部 2009/3/24 最終更新： 2012/04/11 17:57 このページは、Java開発者／プログラマのための、Java SE（旧、J2SE）のコアAPIの使用コード例の記事へのリンク集です。パッケージごとに表でまとめてあります。メソッドやコンストラクタ、例外などAPIの使い方の参考にしてください。パッケージやクラスの並び順は、標準のJavadoc（「Java Platform, Standard Edition API 仕様」）と同様にしています。 すべてのクラス java awt（Abstract Window Toolkit） event image io（In/Out） lang（LANGuage） reflect math（MATHmatics） net nio（New In/Out） charset（CHARacter SET） rmi（Remote Meth
画像などのファイルへの直リンクを禁止する方法
.htaccessを使用して、他のサイトが画像などのファイルを無許可で使用するのを禁止する方法をThe Web Squeezeから紹介します。 Stop Image Hotlinking with .htaccess 「.htaccess」に、下記を記述します。 ※必要の無い箇所は、削除・修正して使用してください。 ※「.htaccess」を修正する場合は、必ずバックアップをしてください。 ※有効範囲は、設置ディレクトリの配下です。 <textarea name="code" class="html" cols="60" rows="5"> #Stop Image Hotlinking RewriteEngine on RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?yourdomain.com [NC] RewriteCond %{HTT
ASCII.jp：驚きのExcel 超早技ベスト15 これは便利！｜Excel達人の新定番テク60 知らないあなたは損してる！
マンネリ化した方法でExcelを使っていないでしょうか。実はもっと簡単で手早くできる技があるのです。使わないなんてもったいない。アナタの知らない「新」Excel技大特集！ 第1回は、手間を省いて操作をすばやく！ 今すぐ役立つ厳選早技15を紹介します。面倒な入力や編集作業をどんどん片づく！ 驚きのExcel 超早業ベスト15――インデックス 技1――表の早技 表の見出しを除いて列幅を自動調整 技2――入力の早技 支店名をいつも決まった順番でオートフィル入力 技3――入力の早技 「＝」の代わりに「＋」キーで式を入力 技4――入力の早技 セルを組み合わせて思いどおりに連続データを入力 技5――入力の早技 ながーい連番を一発入力 技6――編集の早技 ツールバーの［下線］ボタンで二重下線を引く 技7――表の早技 基本の行列入れ替えはボタンで 技8――表の早技 多様な罫線を使った複雑な表は「罫線なし」
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
覚えておきたいMacのターミナルコマンド集 – creamu
ちょっとMacのターミナルコマンドがまとめてみたくなったのでまとめてみます！ whatis コマンドの用途を教えてくれる。 $ whatis cp cp(1) – copy files sleep 指定秒後にコマンドを自動実行。 $ sleep 60; open ./test.mp3 60秒後にtest.mp3を再生。 date 現在日時と曜日を表示。 $ date 2008年 9月13日 土曜日 18時08分40秒 JST cal 指定した年月のカレンダーを表示。 $ cal 9 2008 2008年9月のカレンダーを表示。 df / ディスクの使用量（Capacity）を表示。 whois ドメインの所有者を調べられる。 例) whois apple.com ifconfig ローカルのIPアドレスなど、ネットワーク情報が調べられる。 dig ドメインのIPアドレスなど、詳細情報がわか
2008-09-06
SAStrutsを触る機会があったので、いろいろと書いてみる。 そもそもS2StrutsとSAStrutsの違いってなんなの？ってところから始まるわけなんですが・・・ ひがさんのブログでは SAStrutsかS2Strutsか 既にS2Strutsで開発している案件の追加開発ならS2Struts。 JDK1.4をつかうならS2Struts。 それ以外は、SAStruts。 とあったが、根本的に何が違うのかがよくわからなかった。 私の印象では Strutsで開発をする場合にActionやActoinFormをコンポーネント化できたり、POJOとして開発できるようになったりというStrutsの拡張フレームワーク的な印象がある。 Strutsのラッパーフレームワークで、Strutsをベースにしているが利用者はStrutsを意識して開発する必要がない。 （MVCフレームワークをより単純化したフレー
SAStruts が拡張性に乏しい？ - cypher256's blog
ユースケース毎のクラスで各実行メソッド毎にURLが決まるので、共通処理が書けない。ログインチェック処理とか。（未ログインだったらどこかのページにリダイレクトするとか）ここらへんは拡張に乏しい。 2008-09-06 方法は色々あると思いますが、例えば、PreProcessor の role を処理している部分をオーバーライドすれば、なんとでもできる気がします。URL やパス、パラメーターで判断したり、それがあれな場合は、@LoginRedirect(action = "/hoge") アノテーションみたいなのを作ってアクションで明示的に指定するとか。でもアノテーションはメソッド呼び出しのように、直接処理を追えないので開発者はみんな嫌いですけど。たぶん。特に俺々アノテーションは。 関連することとして、前のプロジェクトでは AP サーバの BASIC 認証 (JDBC レルム) 機能を使用しま
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
モジラ、Firefoxプラグイン「Ubiquity」を公開--手軽なマッシュアップが可能に - builder by ZDNet Japan
Mozillaは米国時間8月26日、Webと言語を結びつけてユーザーがもっと早く簡単に一般的なWebタスクを実行できるようにする、実験的なブラウザプラグインをリリースした。 Aza Raskin氏（AppleのMac開発者の1人であるJef Raskin氏の息子である）が作成した「Ubiquity」は、普通の言葉を使ってWebサービスを操作できるコマンドラインインターフェース。Mozillaのサイトに掲載された26日の投稿によれば、この無料の「Firefox」プラグインでは、「既存のオープンなWeb APIを使ってユーザー生成型のマッシュアップ」を作成でき、「つまり、ウェブ開発者だけでなく、誰もがニーズに合わせてWebを編集できる。どのページを見ていようと、何をしていようと関係ない」という。 Mozillaが考える課題は以下の通り。 マッシュアップは役に立つ場合もあるが、静的なため、Web
Mozilla Re-Mix: FirefoxをCtrl + （Shift +） Anyキーで素早く操作する方法。
Firefoxには様々なキーボードショートカットが用意されています。 こうしたキーボードショートカットを覚えておけば、ノート環境でマウスが使いにくい環境だったりしてもサクサクとFirefoxを操作することができますね。 今回は、以前の記事のような基本的なものに加え、Ctrl やShiftも使ってもっとより多彩な操作が可能になるキーボードショートカットをご紹介します。 以下のショートカットは、全てCtrl + （Shift） + Anyキーというスタイルになっています。 ＊カッコ内は同様の操作が可能な他のキー ＜Ctrl + Any＞ ■Ctrl + I（B）：サイドバーにブックマークを開く ■Ctrl + U：ソースを表示する ■Ctrl + E（K）：カーソルを検索バーに移動する ■Ctrl + J：ダウンロードマネージャを開く ■Ctrl + L：カーソルをロケーションバーに移動する
Windowsで選択した時に残った四角形を消すには | ライフハッカー・ジャパン
「Windows」のフォルダに入れ、1つのコマンドに登録しておけば、もうあの四角形に悩まされることはありません！ もちろん、アイテムを選ぶ時はちゃんと四角で囲まれますが、ずっと残る現象がなくなるのでイライラの種が1つ解消できますね。このソフトはWindows XP とVista対象で、無料でダウンロードできます。ライフハッカーの過去の記事（英語）で紹介した『slipstreamed installation CD』に追加するのに最適な機能ですよ。 Focus Rectangle Remover [NeoWin via The How-To Geek] Kevin Purdy（原文／訳：阿久津美穂） 【関連記事】 ・LCDモニターの死んだピクセルを蘇らせる方法 ・ノートPCからモニターを取り外す方法 ・デスクトップの背景を変えるだけで出来る整理術！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
あなたも片手でスマートに料理を取り分けてみませんか？ | ライフハッカー・ジャパン
IDEA * IDEA
WindowsでまるーいDockを使う「CircleDock」 | ライフハッカー・ジャパン