Rapture - ベクターソフトニュース Rapture
切り抜いたデスクトップ画面の一部を、付箋紙ソフトのように最前面表示できるユーティリティ。「Rapture」は、デスクトップ上の指定範囲をキャプチャし、最前面に表示させておくためのソフト。切り抜いた画面を透明化したり、拡大・縮小表示したりすることも可能。あとから文字や線を書き込むこともできる。 起動すると、マウスポインタが“おにぎり”マークに変わる。この状態で取り込みたい範囲を指定すると、指定範囲が別ウィンドウに表示される。ウィンドウはいくつでも同時に表示させておくことが可能。ウィンドウをダブルクリックすると、一時的に隠すことができる。キャプチャ画像が表示されるウィンドウは、タイトルバーだけのシンプルなもの。各種機能を使う場合は、ウィンドウを右クリックしてコンテキストメニューから選択する。 取り込んだ画像には、文字や線を書き入れることもできる。文字の場合は、ボックスに入力した文字列が画像上に
あなたのウェブサイトを高速化させるためのTipsを教えてくれる拡張機能「PageSpeed Insights」 | ライフハッカー・ジャパン
「PageSpeed Insights」はあなたのウェブサイトのパフォーマンスを上げるためのTipsを教えてくれる拡張機能です。Google Chromeに入れることで、Chromeに内蔵されているデベロッパーツールを拡張できます。ウェブページの高速化を図るための提案をしてくれますよ。 以下に使ってみた様子を載せておきます。まずGoogle ChromeでPageSpeed Insightsへアクセスしましょう。Chromeへインストールします。そして、Chromeのデベロッパーツールを起動しましょう。Windowsの方は「F12」キーを押せば起動します。 パフォーマンス向上を図りたいウェブサイトを開いて、PageSpeed Insightで分析をしましょう。ページ再ロード後に結果が表示されます。 このように優先度ごとに対処方法を教えてくれます。こうすればもっとあなたのサイトを高速化できま
画像レイアウト関連で便利なjQueryプラグイン等まとめ:phpspot開発日誌
ちょっと画像レイアウト関連で便利なjQueryプラグインを調査仕事でまとめていたのでついでにご紹介。 この手のプラグインはjQuery Masonryが最初だったかと思いますが、色々と出てきたのでここら辺で全部しっておくとよいかも。 Wookmark 比較的新しめのPinterest風レイアウトを作る際に便利なプラグイン。 jQuery isotope レイアウトだけではなくダイナミックに要素をアニメーションさせることも出来るプラグイン 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 Google画像検索みたいに画像を綺麗にならべられます ↓↓↓↓ ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い 要素の整列系の初期のプラグイン。最初に見た時はあっと驚いたものです ↓↓↓↓ 並べた画像を敷き詰めて超カ
ローカルサーバでCGI
初心者が自作のCGIを直接インターネットサーバーにアップロードしてテストすることは非常に危険です。 CGIはサーバ上で動作しているのですから、１つ間違えば数千人、数万人のメンバーにご迷惑をおかけすることになります。 また、上級者でも、小さなミスを修正する毎にサーバーにアップしてテストするのも厄介です。 ローカルサーバーをご自分のWindowsにセットアップしておけば、ソースコードを書き換えると同時にテストする事ができます。 当サイトでは、「Homeサーバーの構築」として、本格的なサーバーの立ち上げもご紹介していますが、 そこまでは必要ではないと言う方々の為に、WebサーバーとPaerだけをセットアップして、 現在ご使用中のWindowsでCGIがテストできる環境をご紹介します。 ※ほとんどは、「Homeサーバーの構築」と重複しています。 まずはHTMLを表示する為のWebサーバーです。 W
これは便利！いろいろ役立つ便利ツールがたくさん置いてあるサイト | バシャログ。
よーし運動するぞ！と息巻いてジョギングシューズを買った kimoto です。 2 回走ったら背中を痛めてベッドから起き上がるのもままならなくなったため、現在は安静中です。 本日は、すごく便利なサイトがあったのでご紹介します。 いや、僕が知らなかっただけでかなり前からあるサイトらしく、知ってる人は知ってるとは思いますけども。 既に知ってる人はスルーしちゃってください。 ここで紹介するのはすべて同じサイトのツールです。素晴らしい。 データ形式を一発変換！ データ変換ツール 今日たまたま、BASE64 形式のデータをプレーンテキストにしようと思って、なんか良い物ないか？と思ってググったらこのページが出てきたのが始まりでした。 BASE64 だけでなく URLエンコードやHEX(16進ダンプ)等のデータを相互変換することができます。 さらに文字コードを指定したり、ハッシュ化することも可能。便利です
Bootstrapを使おう！様々なカラーテーマ、プラグインを用意·Kickstrap MOONGIFT
KickstrapはBootstrapをベースにしたテーマ、プラグインを提供するソフトウェアです。 最近作られるWebサービスでよく使われているBootstrap。そんなBootstrapは固定色でそれっぽさが感じられてしまうのが欠点でしたが、見事に打ち消してくれるのがKickstrapです。 色が変わると随分印象が違います。 テーマ機能があります。 青と白。 こんな感じのシンプルなテーマも。 逆にカラフルなものもあります。 基本は同じですが、印象は違いますね。 好みのテーマを選べます。 JavaScriptプラグインがデフォルトよりもぐっと増えています。 Kickstrapを使えばBootstrapをより便利に使えるでしょう。JavaScriptプラグインも通知機能をはじめ、色々なものが追加されていますのでWebサイトをより強力にパワーアップできるはずです。 KickstrapはHTML
CSS3のコーディングに役立つツール8選 – creamu
「8 Best Tools to Make Easy CSS3 Development」という記事で、CSS3のコーディングに役立つツールがまとまっていたのでご紹介します。 CSS3 CSS3ジェネレータ。プレビューしたり対応ブラウザの表示もあります CSS3 Pie IE6,7,8でCSS3のいくつかのプロパティを使用可能にするhtcファイル Layer Styles Photoshopのようなレイヤースタイルをブラウザ上でCSS生成 Cascader HTMLにインラインで書かれたCSSを分割してくれる CSS3 Gradients Generator CSS3のグラデーションジェネレータ CSS3 Cheat Sheet CSS3のチートシート CSS3 Please CSS3をブラウザ上で学習できるサイト CSS3 Button Maker CSS3で作るボタンジェネレータ ref
フロントエンドの開発を加速するCodeKit :: 5509
また紹介エントリーか。。。Sass布教活動の一貫です。どうも。 SassとかLESSって使ってますか？書くのがとても億劫なCSS（個人の感想です）を快適に書くことが出来るようになる上に、始めた頃の楽しさが戻ります（個人の感想です）。詳しいことは以下のエントリかたがたを見てもらうとして。Sassの記事が多いのは僕がSass使ってるからです。Sass推しです。 CSSとフレームワークとメタ言語 Sass、そしてSassy CSS (SCSS) Sass を今すぐ実務で使おうよ！ Sassを覚えよう LESS初心者向けのナニカ というか LESS & Sass Advent Calendar 2011（） をみてください。 浸透しにくい理由は色々ある気がしますが・・・ コンパイルがめんどい そのとおりです。慣れですけどね。とっつきにくい感をこいつが出してるのはその通りでしょう。 黒い画面がちょっ
HTMLの整形やJavaScriptの難読化を解除する「jsbeautifier.org」
HTMLの整形やJavaScriptの難読化を解除する「jsbeautifier.org」を紹介します。 JavaScriptの難読化解除には「JsDecoder」を利用していましたが、いつのまにか「Not Found」になってしまってました。 JsDecoder ということで代わりのサイトを探したところ、「Online JavaScript beautifier」を見つけました。 Online JavaScript beautifier 使い方は簡単で、整形したいコードをはりつけて、ページ上にある「Beautify JavaScript or HTML」をクリックするだけです。サンプルコードが表示されているのでクリックすれば整形されることが分かります。 jQueryで試してみます。下は整形前のものです。 いい感じに整形されました。 次にHTMLで試してみます。下は整形前のものです。 こち
[JS]jQueryのプラグイン100選 -2011年総集編
2011年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年はCSS3の影響もあってかアニメーションのエフェクトが目立ちました。また、Resposive Web Design用の可変ものや動画・テキストを扱ったものも多かったですね。 [ad#ad-2] 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関連 背景画像関連 コンテンツスライダー・カルーセル関連 タブ関連 ナビゲーション関連 レイアウト関連 パネル・ボックス関連 ツールチップ・ティッカー関連 アニメーション関連 エフェクト関連 スクロール操作・スクロールコンテンツ関連 リスト関連 テーブル関連 フォーム関連 テキスト関連 見出し抽出関連 ローディング関連 エレメント・コンテンツ生成 その他 動画関連
TwitterやFacebookへのログイン機能をこれ１個で実装できるPHPライブラリ「HybridAuth」:phpspot開発日誌
TwitterやFacebookへのログイン機能をこれ１個で実装できるPHPライブラリ「HybridAuth」 2011年08月22日- HybridAuth, Open Source Social-Signle-Sign-On Solution for authentication through Facebook, Twitter, Google, Yahoo, MySpace, LinkedIn, AOL, Vimeo, FourSquare, OpenID and other Identity providers TwitterやFacebookへのログイン機能をこれ１個で実装できるPHPライブラリ「HybridAuth」 Facebook, Twitter, Google, Yahoo, Windows Live, MySpace, LinkedIn, FourSquare, O
Youtube動画を自由自在に操れるjQueryプラグイン「Red Ytube」:phpspot開発日誌
Red Plugin Youtube動画を自由自在に操れるjQueryプラグイン「Red Ytube」 YoutubeのAPIを使って独自の再生ボタンを作ったり、再生時間なんかを表示させたり、埋め込み動画をその場でリサイズしたりすることが可能です 独自のテキストベースの再生・停止ボタン 現在の動画時間のリアルタイム表示 右下のつまみをドラッグ＆ドロップで動画をリサイズ（これは便利） APIを調べるのが億劫でも比較的簡単に実装できそうです 関連エントリ APIを使わずにYoutube動画のサムネイルを得る方法 Youtube動画埋込みを独自デザインにしたい場合に使えるjQueryプラグイン「Custom Youtube Player」
赤外線で撮影した写真綺麗すぎｗｗｗワロタｗｗｗｗ - 痛い信者(ﾉ∀`)
赤外線で撮影した写真綺麗すぎｗｗｗワロタｗｗｗｗ 2011年10月17日00:30 | カテゴリ：画像ネタ | Tweet 1：以下、名無しにかわりましてVIPがお送りします：2011/10/16(日) 19:19:04.29 ID:EJMfLg8I0 赤外線は散乱が起こりにくいから 雲とかくっきり撮影することが出来るらしい たまらんのう（´・ω・｀） 2：以下、名無しにかわりましてVIPがお送りします：2011/10/16(日) 19:19:47.39 ID:Qr61cPSB0 人類滅亡後の地球みたいだな 4：以下、名無しにかわりましてVIPがお送りします：2011/10/16(日) 19:20:06.38 ID:fXKYi4P/0 Photoshopで加工したらこういうのになるな 6：以下、名無しにかわりましてVIPがお送りします：2011/10/16(
モダンなIDE PhpStormのエディタ機能 2 HTML編集時の便利機能4つ | バシャログ。
こんにちは、やっとiPhone 4Sを今日予約しました。tanaka です。先週はアップルの元CEO スティーブ・ジョブズの死去が発表されました。ここ5, 6年はアップル製品ばかり買っていて動向を見ていたので、ショックでした。今後のアップルにも、生活を変えてくれる製品をもちろん期待しております。 さて、今日は、前回に引き続き、PHP IDE PhpStormの便利機能を紹介いたします。今回は主にHTMLテンプレートを編集するときの便利機能について4つ紹介します。 パスバー？から、HTML文字列を範囲選択する Web開発では、特定のdivやulを範囲選択して、カット/コピーする作業はよくあると思います。この機能を使うとHTMLのツリー構造から、文字列を範囲選択できる、そんな機能です。 エディタの上に、HTMLのタグが並んでいます。現在のカーソル位置を、CSSセレクタの形で表現したものです。こ
「リンク」を貼ることでメンドクサイことがだいぶラクになる | シゴタノ！
ちょーめずらしく連続企画。前回書いたOmniFocusの話から続きな感じです。 OmniFocus for Mac 1.9.2（￥6,900） 販売元: The Omni Group – The Omni Group（サイズ: 15.8 MB） OmniFocusというツールは、とにかくまぁ色んなことが出来まくるので、全部把握して華麗に使いこなそうとするのは大変です。 ぶっちゃけ、難しいツール。 もちろん、使い始めたばかりの頃に、こんなの全部理解出来るわけがない。 そして、今回はその中でもわりと知らないかもしれなくて、でもこれがあると「めんどくさい」がかなり減少する、すんばらしい機能です。 OmniFocusの「リンク」機能 OmniFocusは、メモ欄に「リンク」を貼ることが出来ます。これがとにかくめちゃくちゃ快適で素晴らしい。 「リンク」って言うと、なんだかインターネット上での「リンク
シンプルなイベントカレンダーを実装するjQueryプラグイン - Rewish
ある朝僕は、以下の用件を満たすカレンダープラグインを探していました。 シンプルなHTMLを吐いてデザインの変更が容易 コールバック関数である程度処理をイジれる 月移動のアニメーションが素人ウケしそう 小一時間色々なプラグインを見ましたが、中々しっくり来るモノが無く、「これは探すより作った方が早そうかなぁ」と思ったので作ってみました。 機能概要 記事の初めで大方出ていますが、主に以下の機能を備えています。 月移動時のスライドアニメーション 生成するHTMLを包含する要素のclass変更 イベント追加、月移動などに対応するコールバック関数 JSON形式でのイベント追加 イベント用JSONの先読み機能（月移動時の遅延対策） 表示中の月に属さない日付の表示、非表示 ダウンロード jQuery.calendar 動作デモ 導入方法 jQueryプラグインではお馴染み、 jQueryを読み込んでからプ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブデザイナー必見！ダミー画像を超簡単に作れるサービス「Placehold.it」 | ライフハッカー・ジャパン
Code Life
IDEA * IDEA
tekmemo.net