疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
![TwitterをRSSリーダーに登録する方法(「Twilog経由」編) | ライフハッカー・ジャパン](https://cdn-ak-scissors.b.st-hatena.com/image/square/cc72dee9ffa2768872a0d6b63916153f0a5cdec7/height=288;version=1;width=512/https%3A%2F%2Fmedia.loom-app.com%2Flifehacker%2Fdist%2Fimages%2F2012%2F10%2F121019twitterrsstwilog.jpg%3Fw%3D1280%26h%3D630%26f%3Djpg)
そんな訳で、普段何気なく使っているjQueryですが、そのセレクタAPIについて多少は知っておいたほうが良いよなということで、いくらか調べてみました。けっこう地味な内容なので、「へー、そんな風になってるんだぁ…」と軽く読み流していただければと思います嘘です。割と大事な内容なので、しっかりと把握しておくのがよろしいかと思います。 はじめに - jQueryのセレクタAPI jQueryでは、$('#hoge .fuga');というようにCSSのセレクタを用いてHTML要素を取得します。あまりにも便利な機能で普段意識することはありませんが、内部ではgetElementById();といったブラウザのネイティブAPIを駆使したり、JavaScriptゴリゴリのメソッドを呼びまくって指定どおりの要素を取得してきているわけです。こういった機能のことをセレクタAPIと呼びます。 セレクタAPIの内訳
TinyPNG ? Compress PNG images while preserving transparency PNG画像をブラウザにドラッグ&ドロップすればPNGを無劣化圧縮してくれる「TinyPNG」。 デスクトップ等においてあるPNGファイルをブラウザにドラッグ&ドロップするだけでpngを圧縮してくれてすぐダウンロードできるサービスです。 ためしにやってみたところ、サイズが半分近くの65%になりました。 次のようにサイズは変わっても無劣化だということが分かります 半分以下のサイズで無劣化なら使わない手はありませんね。 関連エントリ PNGを無劣化で圧縮できるWindowsソフト「PNGGauntlet」 ドラッグ&ドロップでCSSを瞬時に圧縮できるブラウザツール「excssive.com」
先日、Macを操作していると「お使いの起動ディスクはほとんど一杯です」というメッセージが表示されるようになりました。 6年ぐらい使っているMacなので、そろそろ寿命かな。と思っていたんですが、 まだまだ使えるので、対処方法をメモ。 1.ディスク容量を調べる まずはディスク容量が本当にいっぱいなのか調べます。 Macでは空き容量があるにも関わらずメッセージが出る場合があるのでその確認をします。 左上のリンゴマークから「この Mac について」を選択 「詳しい情報…」ボタンをクリック 「概要」タブが表示されているので「ストレージ」タブを選択 空き容量がわかります 空き容量があるのにメッセージが出る場合はこちら 不要なファイルを削除する 不要なファイルを削除するのに便利なアプリ「GrandPerspective」を使います。 使い方はアプリを起動して、調べたいディレクトリを指定するだけです。 し
Emmetは、Zen-Codingの次期バージョンの名前です。 Zen-CodingはHTMLの記述方法が取り上げられることが多いですが、個人的には、CSSの入力補助こそ真価が発揮されると思っています。 私は、EmmetまたはZen-Codingがなければ、CSSのプロパティを打つのが苦痛なほどです。 Emmetから、さらに多くのプロパティに対応し、数値も含めて展開できるようになりました。CSSの記述がより使いやすくなったので、紹介します。 Zen-Codingから使える CSSの展開は、ほとんどのZen-Codingから使えます。 Emmetではさらに使いやすくなりましたが、Emmetは現在開発中のため、不安定な部分があります。不安な方は、Zen-Codingをおすすめします。 プロパティに、ショートコードが用意されており、+でつないで展開(Expand Abbreviation)する形
シンプルなCSSフレームワーク・ Simple Gridのご紹介。1140px をベースに、レスポンシブWeb デザインにも対応できるグリッド レイアウトなWebサイト向けの フレームワークです。 軽量なフレームワークのご紹介。クロスブラウザに対応しなければシンプルで軽量にする事は可能ですよね・・ シンプルなレスポンシブWebデザイン対応のCSSフレームワークです。PCサイトでは1140pxベースのグリッドレイアウトとなります。 グリッドです。 用意されているCSSは1.73kbと極めて軽量です。IE等にも対応させるにはもう少し必要になりますが、タブレットやモバイル端末のみにこのフレームワークを利用するなら最軽量ですみそうですね。スマフォ⇔PCサイト切り替え形式のWebサイトで使えるかも。 この手のは他にもかなり選択肢があるのでお好みで。ちょっと忙しいので今日は簡単に済まさせて頂きます。
簡単に作れる!みんな大好き可変グリッド 先日話題になっていた「なんだこれ!!「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ!!」で紹介されていたNHKスタジオパークのレスポンシブデザイン。 こちらのサイト、プラグインを使ってとてもシンプルに作られています。キレイ。このシンプルさを伝えたくてうずうずしてきました。せっかくうずうずしたのでどんな作り方をしているのかサンプルを交えて紹介します。 まずはこちらのデモを御覧ください。 凄まじくレスポンシブデザインなサイトデモ 使われているのはjQuery Masonryというプラグインだ! @planetofgoriさんのブログで紹介されているように、jQuery Masonryというプラグインが使われています。このプラグインたった数行でNHKのサイトのような可変グリッドレイアウトが作れてしまいます。可変グリッドのレイア
あなたが悪意ある侵入者ではないとしても、パスワードなしでマシンにログインしたい場面があるかもしれません。パスワードなしでログインできるかって? Macではとても簡単なことです。この記事では、Macでのログイン方法とその防ぎ方をご紹介します。 Macへのログイン方法は数多くありますが、基本はどれも同じです。ここでは代表的な2つの方法を採り上げます。 また、『John the Ripper』や『THC-Hydra』などのクラッキングツールもありますが、操作が複雑だったり高価だったりします。今回はこれらのツールは使わないでおきましょう。■Mac OS XのインストールCDを使う方法 Mac OS XのインストールCDがあれば、管理者アカウントのパスワードを簡単に変更できてしまいます。CDを挿入して、キーボードの「C」を長押ししながらMacを起動してください。しばらくするとMac OS Xのインス
仕事上で使用する画像はウェブ上で見つけにくく、いい画像だな、と思っても商用利用ができなかったりクレジット表記が必要だったりする場合もあります。そんな時に便利なのが横断検索サイト「タダピク」で、海外や日本の計24の画像検索サイトから商用利用OK・クレジット表示不要の画像素材を横断検索することが可能です。 タダピク(tadapic) - 商用利用OK・クレジット表示も不要の画像素材検索エンジン http://www.tadapic.com/ トップページの検索欄にキーワード「子猫」を記入し、検索ボタンを押すと…… こんな感じで子猫の画像が表示されます。 気になる画像をクリック。 すると、画像元のサイトに飛びます。 なお、検索対象は「画像」なので、写真だけでなくイラストも一緒に検索されます。 検索時にはイラストやアマチュアカメラマンによる写真素材サイト足成の写真を除外したり、日本のサイトに絞り込
自分で書いた文章をコピー&ペーストするだけでミニサイズの折り本用PDFファイルが作れるサービスが「8p Orihon Maker」。折本は全8ページ、最大1万3760文字まで記載でき、文字色の変更や、表紙をつけることも可能です。 8p Orihon Maker - PDFで誰でもかんたんに折本が作れるウェブサービス http://8p.dip.jp/ テキストボックスの上には編集ボタンがあります。左から、文字色の変更、元に戻す、やり直し、テキストの貼り付け、画面のクリアボタン。 色の変更ボタンを押すとカラーボックスが現れます。 テキストの貼り付けボタンを押すと、ポップアップウィンドウが。このテキストボックスにCtrl+Vで本にしたい文章をペーストします。もちろん直接テキストボックスに文字を打ち込むことも可能。 貼り付けたら「OK」をクリック。今回は吾輩は猫であるで作成することに。 文字の大
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く