JavaScriptコードをブラウザ上で動作テスト、共有できる・「Plunker」 - かちびと.netPlunkerはjsfiddleやjsbinのようにブラウザ上でJavaScriptコードを開発、実行し、共有もできるWebツールです。アーカイブもあるので探しやすい印象です。書いたコードは即時反映されます。また、Githubでもソースが公開されています。 Plunker On Github
Evernoteにログインできないと思ったら...復帰の手順【全ユーザーのパスワードリセット】 | ライフハッカー・ジャパン
異変に気づいたのは今朝のこと。Evernote にひもづけているIFTTTから届いたメールがきっかけでした。 Evernote がオフラインになりました。ユーザー名／パスワードを変更したのが原因のようです。 ...Evernote のパスワードなんて変えた覚えないけど、何があったの？ 各ニュースサイトでも取り上げられていますが、不正なアクセスを検知した Evernote ではすべてのユーザーのパスワードをリセットし、対策としています。 Evernote 公式ブログのこちらのポストによると「保存されているコンテンツが外部からアクセス・変更・消失された形跡は確認され」ていないということで、言葉通りにとればひとまずは安心。また、パスワードを再設定することで、これまで同様に使用できます。パスワード再設定には、ブラウザからのログインが必要です。 ブラウザから evernote.com (https:
HTMLコードを解析して問題箇所と理由を知らせてくれるブックマークレット・HTML_CodeSniffer - かちびと.net
HTMLの構文チェックをその場で できるブックマークレットです。 問題箇所の数や、問題箇所もお しえてくれます。割と便利そう だったのでご紹介してみます。 HTMLのlintです。ブックマークレットを起動させてその場で解析、問題箇所も教えてくれます。 OSSとしてGithubでも公開されてますので日本語に直しての利用も出来ますね。 ↑ 起動させるとすぐに解析してくれます。 ↑ 表示されたボックス下部のView Reportに進むと個別箇所が一覧で表示され、それぞれの問題箇所を上図のようにアイコンで教えてくれます。 errorとwarningの表示/非表示のスイッチも出来ます。なかなか便利ですね。 HTML_CodeSniffer
PCサイトをスマホに最適化するツール、Googleがリリース 1年間無料
Google日本法人は11月28日、PC向けWebサイトを簡単にスマートフォンに最適化できるツールの提供を始めた。最初の1年間は無料。2年目以降は月額1180円。中小企業が低コストにスマートフォン向けサイトを作成できるようにするのが狙い。 PCサイトのURLを入力すると、スマートフォンに最適化した画面を自動で表示。テンプレートや色、ボタンの配置などを調整するだけで、スマートフォン版の簡易サイトを作成できる。ワンクリックで電話をかけられるボタンを付けたり、地図を挿入することも可能だ。 サイトデザインが完成するとURLを発行。PCサイトにアクセスしたスマートフォンユーザーを、スマートフォン版にリダイレクトさせる設定もできる。 Googleのモバイル化プロジェクト「GoMo」パートナー企業のDuda Mobileのツールを活用。Duda Mobileのアカウントを登録して利用する形だ。 関連記事
耳から外したイヤホンを首にかけてスグに装着できる位置にキープする「Props」
使用していないイヤホンはカバンに入れるとスグに絡まってしまうし、かといってそのまま首にかけたりしているとポロンと落っこちて地面を引きずって汚れたりしてしまうので割と置き場所に困るもの。そこで、そんな悩みを解決するために、イヤホンをおしゃれに首から提げて着脱がしやすい場所にホールドしておくためのアクセサリーが「Props」です。 quirky - Props カラーバリエーションは黒、灰色、水色、ピンクの4種類。 「Drop the beat,not your buds（ビートをドロップ、でもイヤホンは落としちゃ行けない）」というキャッチコピーが書かれたタグ。 成人男性の手に載せてみるとこんな感じ。 イヤホンを取り付ける部分は以下のような形状。 パーツの隙間にケーブルを引っかけるだけでOK。 取り付け終わるとこんな感じ。 実際にPropsの黒を使ってみるとこうなります。 長さ調節用のプラスチ
グリッドレイアウトなレスポンシブWebデザイン対応のテンプレートを手軽に生成出来るジェネレーター・Responsify
オンラインで手軽にレシポンシブWeb デザイン対応のテンプレを生成できる というジェネレーター・responsify.it のご紹介。グリッドレイアウトにも 対応可能です。 この手のはいくつか同じツールがありますけど、これはかなり使いやすい印象でした。操作もシンプルですし、スターターキットを生成するのに使えそうです。 レスポンシブWebデザイン対応のテンプレートを手軽に生成出来るグリッドの調整が可能なジェネレーター。スマフォやタブレットでの表示確認も出来ます。 操作感はよくあるグリッドレイアウトのテンプレジェネレーターと変わりません。 使い方は上図の通りです。 ダウンロードできるテンプレートにはjQuery、modernizrが装備されており、IE6と7にも対応したclearfixも含まれていました。総合的に見て、結構いい感じのジェネレーターじゃないかなと思います。 Responsify
Webサイトの品質をアップさせる便利ツール＆機能のまとめ | ベイジの社長ブログ
成熟市場においては、品質の高さでは優位性を築けなくなると言われます。しかし、だから品質にこだわらなくても大丈夫、と考えるのは早計です。裏を返せば、品質の高さが当たり前になっているため、少し品質が低いだけでブランドを大きく傷付けやすい環境になっているとも言えます。 そういった考えもあって、今年行っている当社のブランド再構築活動の中では、高い品質を担保するためのレギュレーションの整備に力を入れてきました。あわせて、当社として利用する品質を維持するためのツールや機能も改めて洗い出してみました。今日はこの内容を公開させていただきます。 JavaScriptエラーを無くす JavaScriptのエラーは、大きな問題が起こっていないように見えても、大事な機能が動かなくなったり、スペックの低いマシンで極端に挙動が遅くなったりすることがあります。各ブラウザのデフォルト機能で簡単にチェックできますので、エラ
Mac × TextExpanderで爆速HTMLコーディングを突き詰めてみる - loveMac.jp
どーも！こんちわ。サイトリニューアル後初投稿です。って書いたけど、実際は投稿順序が逆転したので2つ目になりました。最近ひたすらコーディングに明け暮れる毎日で、ブログ投稿さぼってました。でもネタはちゃんとためてるよ！ちなみに今回は、細かすぎて伝わらない可能性大の（そして需要なさそう）、最近とことん突き詰めようと考えてきた、爆速HTMLコーディングについてのTipsです。どうぞよろしく。 目次 はじめに、爆速目指す上で意識すべきこと 準備するもの 爆速コーディングの基本〜キーボードショートカット TextExpanderを導入・設定する 日本語入力時に変換されないバグを修正する TextExpaderにスニペット（省略語）を登録する TextExpanderの優れた点 変換後のカーソル位置を指定する 変換時にクリップボードのテキストを埋め込み可能 爆速のためのスニペット登録のコツ 基本はタグ名
無料で仮想マシンやISOイメージファイルをマウント可能にする「OSFMount」
VMwareの仮想マシンのVMDKイメージファイルやISO・NRG・AFFイメージファイルなどをマウントできるフリーソフトが「OSFMount」です。VMDKイメージファイルをマウントさせれば、わざわざ仮想マシンを起動せずに、仮想マシンのファイルの確認やファイルを取り出せます。インストールやマウント操作などは以下から。 まず、VMDKイメージファイルをマウントさせるとどうなるか確認します。 仮想マシンのCドライブをマウントさせると、Eドライブとして表示されました。 中身の確認やコピーも可能です。 サポートしているイメージファイルはRaw Images (IMG, DD)・Raw CD/DVD/Blu-ray Images (ISO, BIN)・Split raw Images (Eg. raw_split.001, raw_split.002, raw_split.003)・Nero Bu
これは便利！Webデザイナーのための検索エンジン『WebDesignBlogSearch』｜男子ハック
僕はWebデザインを仕事にはしていませんが、WordpressのことやWeb制作絡みで気になった記事や役立ちそうな記事は全部Evernoteに保存していました。特にWebクリエイターボックスさんやWebデザインレシピさんなんかの記事はほぼ全部Evernoteにあるんじゃないか？っていうほど参考にしています。 WebDesignBlogSearchを使えば参考になる超有名ブログを横断して検索することができちゃいます。 例えば「Wordpress プラグイン」と検索すれば以下のようにズラーっと検索結果が。 単純にGoogle検索をする時よりも信頼が高く、役立つ記事が結果として表示されるので便利ですね。 またよく検索されそうなキーワードとして「CSS」「まとめ」「jQuery」などがタブとして表示可能です。 タブを選択することで「Wordpress プラグイン」の検索結果から「Wordpress
【自転車乗り必見】セブンイレブンで入れる月額約400円の自転車向け保険がお手軽で良いかも | ロケットニュース24
近距離の通勤や通学にも便利で、われわれの生活に欠かせない乗り物といえば『自転車』だ。ちょっとした運動にも良いし、こだわる人は競技用の自転車で爽快にサイクリングを楽しむ人も少なくない。だが、自転車を利用する人が多くなるとどうしても増えてしまうのが、衝突や転倒などによる事故である。 車と違い大きな事故につながることは少ないと思われがちだが、平成19年には東京都で自転車を信号を無視し高速で運転していた男性が横断歩道を歩行中の女性と衝突、女性は亡くなり男性は5438万円の賠償金を支払う大事故も起きている。 もちろん毎日注意深く運転し、事故が起きないように心がけるのがイチバンだが、保険に入り備えておくのも賢い選択肢の一つ。簡単に加入できる保険としては、全国のセブンイレブンで加入できる『自転車向け保険』がお手軽だ。 加入の方法はとっても簡単。近くのセブンイレブンのプリンターで加入に必要な情報を入力し、
厄介なCapsLockキーを完全に「封印」する方法 | ライフハッカー・ジャパン
キーボード入力をしていて、あれ？ 英語入力に切り替わっている...。よくよく見てみると「Caps Lockキー」を誤って押していて誤作動していた...。そんな経験はありませんか？ このCaps Lockキー、日本語入力ではあまり使うシーンがありません。誤作動を防ぐためにも、このキーをオフにできたらいいですよね。 そこで今回は、このCapsLockキーを作動しないようにする方法を扱います。ネット上にはいくつか方法が載っていますが、ここでは完全にCapsLockキーを封印する方法をご紹介。 まず、こちらのサイトから『SharpKeys』というアプリをダウンロードし、自分のPCにインストールします。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【これは便利】あなたのWebサイト表示のどこが遅いかを一発で調べるブックマークレット | 初代編集長ブログ―安田英久
TechCrunch | Startup and Technology News
YouTube動画を無料でmp4形式に変換してダウンロード保存できる最高に簡単な方法とサイト
TechCrunch
ビジネスでも使える！ ブラウザでも動くチャットサービス | ライフハッカー・ジャパン