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のアカウントを登録して利用する形だ。 関連記事
ビジネスでも使える！ ブラウザでも動くチャットサービス | ライフハッカー・ジャパン
ライフハッカーでは先日、Skypeでやり取りしたメッセージが意図しない相手に送信されてしまうバグについてお伝えしました。現在このバグは修正されているようです（該当記事）。修正版が提供されているので、Skype利用者は念のためアップデートしておきましょう（Skype本体の「ヘルプ」から確認できます）。 さて、先日の記事では「Skypeのバグ対策に...代替となるチャットアプリ3選」ということで、「Facebook」、「Googleトーク」、「TorChat」の3つを紹介しました。今回はビジネス編として、仕事上でも使えるチャットサービスを3つ紹介します。 Photo by Thinkstock/Getty Images. ■SkyDesk SkyDeskはいわゆる「コラボレーションツール」と呼ばれているツール。メールや連絡先管理、スケジュール管理などがまとまっており、複数人で仕事をする上で便利
グリッドレイアウトなレスポンシブ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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
TechCrunch