ドラッグ&ドロップによる再配置も可能な、タイル状に要素を配置するjQueryプラグイン・jQuery.Shapeshift
要素をタイル状に配置してくれる、というjQueryプラグイン。特に目新しいものでは無いですけど。Pinterestライクなレイアウトを実装出来る、と言ったほうが伝わりやすいかも知れませんね。 Pinterestライクなレイアウトを実装出来て且つ、並べた要素をD&Dで移動、再配列してくれる、というもの。使うシーンは限られそうですけど面白いですね。 ドラッグ&ドロップで配列してる要素を自動で再配置してくれます。上図は画像になっていますが、ボックス要素に対応できるので応用が利きそうです。touch-punchを使ってタッチデバイスに対応させることも出来るようです。 ただ、再配置後の記憶をしないとなのでcookieやlocalStorage等を併用する必要があります。 コード<script type="text/JavaScript" src="http://ajax.googleapis.com
シンプルデザインが使いやすそうなソーシャルカウンター「SocialCount」:phpspot開発日誌
filamentgroup/SocialCount GitHub シンプルデザインが使いやすそうなソーシャルカウンター「SocialCount」 Facebook, Twitter, Google に対応していて次のようなデザインでのソーシャルカウンタが実装できます CSSベースなのでお好きにデザインをカスタマイズすることも出来そうですね。 最近では必須ともいえるこうしたボタンも、自由にデザインしたい場合に覚えておくと使えそう 関連エントリ 5KBの読込でソーシャルボタンの実装が簡単にできる「Socialite.js」 ソーシャルサイトへのシェアボタンのデザインを統一させられるjQueryプラグイン「Koottam」 Facebook,Twitter,Google＋の独自デザインのソーシャルボタン作成用jQueryプラグイン「Sharrre」 円形に広がるソーシャルシェアボタン実装jQue
自炊するほどでもない分量の記事を保存するのに超便利な「スマレコ ペン」を使ってみた | nori510.com
ちょっとした記事をEvernoteにキレイに保存できる「Smareco PEN」のレビュー 早速届きました。普通にペンですw 受験生っぽい雰囲気ですね。 普通の赤ペンと比べてみても同じサイズ。筆箱にも難なく入ります。 ペン先はこんな感じ。二重線が引けます。 取っておきたい記事をペンで囲みます。 ※線がゆがんだのは不器用なせいです 専用のアプリをDLして起動させて、iPhoneで写真をとると、こんな風に。 「トリミングあり」を選択するとこんな風にアウトラインが引かれます。 カットするとちゃんと切れました。これはなんか気持ちいい! 歪んだ線にまで忠実しています。 「Evernote連携」しているので設定すれば、ちゃんと保存されます。 雑誌をたくさん買うのでよほど気になるものでないと、とっておくことも自炊もしてませんでした。あとで読み直したい時など、すごく後悔しますが、やっぱり面倒さには勝てませ
長いテキストを「…」で省略するjQueryプラグイン・Smarttruncation
長いテキストを省略して表示 する、というjQueryプラグイン 、Smarttruncationのご紹介。 CSSのみでも一応は可能ですけど、 こちらはある程度応用が利くの で覚えておこうかと思います。 この手のライブラリはいくつか見かけましたけど、これは日本語でもそのまま利用出来るので一応メモ。 動作サンプル 長いテキストが省略されています。上は語尾を、下は真ん中あたりで省略。なかなか便利なのでは。 CSSのtext-overflow:ellipsis;で制御できない時に試してみてはいかがでしょう。 コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js'></script> <script src="jquery.smarttruncat
Gumdrop iPhone 5: 衝撃に強い薄型ケース。 | AppBank
Gumdrop iPhone 5 を動画でチェック♪ @kazuendです。 こちらのケースを動画で解説しました。 内側のポリカーボネートを、シリコンで覆う2層構造の iPhone 5 ケースです。特徴は落下などの衝撃に強く、他の耐衝撃ケースと比べても薄いという点です。 薄いということでデニムのポケットにスッポリ入りますし、持った際のフィット感もとても良いです。 Gumdrop iPhone 5 をチェック♪ パッケージはこちらです。 ケース本体です。カラーラインナップは今回のブラックレッドを合わせて3色です。 ポリカーボネートとシリコンの2層構造になっています。 内側のポリカーボネートを先に入れ、シリコンで包み込めば装着完了です。 スクリーンプロテクターがケースに付いているので保護フィルム等を貼る必要がありません。 1.6cmという薄さもよくポケットにもスッポリ入ります。 サウンドオン/
30分集中し続けられたかどうかを記録していくアプリ『30 mins.』[原石No.334] - リニューアル式
30 mins. 1.0.1（無料） 販売: ぽでぃすたじお - TAKESHI TANAKA（1.6 MB） 注意散漫になりがちな僕のためのアプリを発見。 334個目の原石アプリは「30 mins.」。活動30分と休憩5分を交互に測り続けるタイマーアプリだ。 ※現在、このアプリはAppStoreから消えているようです。残念 面白いのは、30分終了後に集中できたら▲ボタン、できなかったら▼ボタンで評価して、ポイントを記録していく仕組み。 ▲が続けば自ずとテンションも上がりそうだ。 オススメ度 ★★★★★ アップデート予定に書かれていたコレが超そそる。 ↓ 連続して活動時間に高評価が付くと、より多くのポイントが記録されるコンボ機能 高橋モトシ(@Motoshi_t）でした。
JavaScriptで作られたレスポンシブな3D猫が凄まじくレスポンシブ | DECONCEPTER
Flash3D界のスーパースターROXIKからJavaScriptで作られた凄まじくレスポンシブな3Dネコさんがリリースされている。 ウィンドウの幅に合わせてめちゃめちゃかわいいネコさんが多様に変化する。その凄まじくかわいレスポンシブ具合を見ていこう。 ブラウザに合わせて健気に体を伸ばす 楽しそうに首を振りながらブラウザに突っ張ってる。カワイイ。 430px以下にすると。。 ブラウザをモバイルサイズくらいに縮めると太る！お腹タプタプ。かわいい 太らせた後再度ブラウザを広げると。。 なんか背中に生えてきた。本人は知らん顔で音楽も激しくなってきたようで首のシェイクが激しくなってきた。 さらに勢い良く広げると バィィィィィン！！このバィィィン感はとってもイイ。キモチイイ。 バィィィンの後はオンステージ 楽しそうに中央で踊ってます。このネコさんカワイイなぁ。 このネコさんの構造を見たい 右上のch
textareaのキャレットを細かく制御する関連jQueryプラグインまとめ:phpspot開発日誌
textareaのキャレットを細かく制御する関連jQueryプラグインまとめ ちょっと調査をする必要があったので調査したのですが、あとで忘れそうなのでブログに書きつつシェアです。 textarea内のカーソル位置に何かテキストを入れたい、今のtextarea内でのカーソル位置を知りたい、といった場合、クロスブラウザの事を考えると結構面倒なのですが、そういう際に使えるjQueryプラグイン集です。 カーソル位置にタグを挿入したりする場合なんかに覚えておくとサクっと実装できて良い感じです。 caretPos http://d.hatena.ne.jp/tubureteru/20110101/p1 textarea内でのカーソル位置を数値で設定したり、カーソルの位置を取得することが可能。 jCaret http://www.examplet.buss.hk/jquery/caret.php te
SoundCloudでアイドルRemix聞いてまわるの楽しすぎる - インターネットもぐもぐ
いやー…楽しい！！！！！今週1週間、毎日見てた。 ネットでいろいろ見ているとウィジェットやリンクが貼ってあったりして、前から名前は知っていたけど、自分で音楽をつくるわけではないしアカウントつくって遊ぶようなものではなくて遭遇した時にクリックするくらいだなあと思っていた。 のだけど、TwitterかFacebookでうっかり踏んだURLから聞きに行った曲が超かっこよくて、なにこれもっと聞きたい、ってところから入って、アカウントつくってストックするようになってからは、もうね…！ soundcloud.com とにかく、個人的には、アイドル曲のRemixが山ほどあるのが幸せすぎます。かっこいいよーーーーー。アイドル曲がDJ mixされているなんてテンションあがるに決まってるじゃないですか！だってただでさえ「アイドル曲は麻薬（byモテキ映画）」なのに！ 全然飽きずに、ずうっと探しています。しあわせ
iPad miniとポケモンキーボードの組み合わせが軽くてコンパクトで便利 - 拡張現実ライフ
ポケモンキーボードとMacBook Proで大きさ比較！ こちらが、ポケモンキーボード。 横幅はMacBook Pro 13inch Retinaモデルよりも狭いです。 しかし、キーボード部分の横幅はMacBook Pro 13inch Retinaモデルとほぼ同じなので、個々のキーは大きさが十分あり、タイピングはしやすいです。 ポケモンキーボードとiPhone 5で大きさ比較！ 次に、iPhone 5と比較してみます。 非常にコンパクトなキーボードです。 ポケモンキーボードをiPad miniに接続する設定方法（ペアリング） ポケモンキーボードをiPad miniに接続する設定方法を解説しましょう。 iPhone 5やiPadなどでも、設定方法は同じです。 まず、iPad miniの設定で、Bluetoothをオンにします。 次に、ポケモンキーボードのFnキーを押しながら、 こちらのスイ
使わないキーは外してしまえばいいのだ！ パズルのようにカスタマイズできるキーボード
使わないキーは外してしまえばいいのだ！ パズルのようにカスタマイズできるキーボード2012.11.11 10:30 日常的にコンピュータを使っているみなさんに質問です。使わないキーはありませんか？ 反対によく使うキーなのに、打ちづらいなぁと感じるキーはありませんか？ 手の大きさや指の長さは人それぞれ。それに、キーを打つのが得意な指とそうでない指もあるのだから、既存のキーボードの配列だと打ちづらいと感じる人がいるのは、当然のことですよね。 そんな時には、このPuzzle Keyboardがいいかも。こちらは、デザイナーのワン・フー・チュン（Wan Fu Chun）さんのデザインコンセプトで、自分の打ちやすい配置にキーを並べ替えたり、使わないキーは外してしまうことができる、まるで、パズルのように組み合わせることができるキーボード。詳しくはネタ元のroomieからどうぞ。 これ、なかなか面白そう
マジック!? 浮いてるように見えるユニークなイス
宙に浮いているように見えるイス「Shadow Chair（シャドウ・チェア）」がユニークで素敵です。イスには前脚2本しか付いていないのに、座面を水平に保ったまま直立しています。秘密は名前の「シャドウ」（影）にあり……？ ハンドパワー！！！ 観察すればタネはすぐ分かります。イスの影のような黒い部分は実は本体の一部で、ここで本体を支えているのです。分かってしまえば簡単な仕組みですが、「宙に浮くと影ができる＝実は影で支えていた」という遊び心と機能性を含んだデザインがなんともおしゃれ。 マリックというよりマギー審司ぐらいの簡単なタネ。分かった上でデザインを楽しみましょう 他にも作り物の影であえて遊んでいるデザインもあります。イスから伸びる影が樹木の形をしているものや、咆哮する狼の形をしているものなどさまざまです。大きく広がる影は毛織物のラグで作られているので、生活のジャマにもなりません。 素材であ
“かわいすぎる中国語講師”段文凝がグラビアデビュー 清楚なイメージを覆す？＋（1/2ページ） - MSN産経ニュース
ＮＨＫ Ｅテレ「テレビで中国語」（火曜後１０・０）で“かわいすぎる中国語講師”として人気沸騰中のキャスター、段文凝（だん・ぶんぎょう）がグラビアデビューすることが２０日、分かった。来年３月１日にＤＶＤ「段文凝 私的探求旅日記」（ポニーキャニオン、３９９０円）を発売する。（サンケイスポーツ） 段が旅先の沖縄で、メイド服、セーラー服などのコスプレや水着を披露。ＮＨＫでおなじみの清楚なイメージを覆すセクシーな表情も収録されており、「生まれて初めての水着撮影など、いろんなことにチャレンジしました。とても楽しい撮影だったので、みなさんに楽しんでもらえたらうれしい」と初々しい笑顔でＰＲした。 今回の仕掛け人は“美人すぎる市議”として話題の青森・八戸市の藤川優里市議（３２）、バンクーバー五輪カーリング代表の本橋麻里選手（２６）、女子初のプロ野球選手、吉田えり投手（２０）の初ＤＶＤなどを手掛けたポニーキャ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
