ふつうのユーザが知らないHTML5コーディングツール10選 - YAMAGUCHI::weblog
はじめに こんにちは、Python界の情弱です。今日はChrome+HTML5 Conferenceのお手伝いに来てます。いままで全く触れてこなかった世界ですが、結構HTML5はXMLのようにセマンティクスに重点を置いてるんですね。CSS3も動的なエフェクトを簡単にかけられるようになってるし、とてもいいですね。 さて、YouTube Live Streamのお手伝いしながらRSS見てたら、ちょうど今日のテーマに沿ったエントリがdiggで紹介されてたので、翻訳しました。 10 Excellent HTML5 coding Tools Many Users Don’t Know About 10 Excellent HTML5 coding Tools Many Users Don’t Know About （オリジナル） HTML5はウェブサイトの作成方法を根本から変えることになるでしょう。
CSSをチェックするツール「CSS Lint」オープンソースで登場 | エンタープライズ | マイコミジャーナル
CSS LINT WebデザイナやWebデベロッパの多くはCSSの記述や微調整に多くの時間を費やした経験があるだろう。CSSは肥大化するにつれ編集が難しくなり、さらに多くの時間を必要とするようになる。チェックツールを通じてCSSを常に健全な状態に保つことができれば、こうした開発や編集における手間を削減しやすくなる。 こうした場合に利用できるチェックツールがNicholas C. Zakas氏およびNicole Sullivan氏より発表された。「CSS Lint」だ。Webアプリケーションとしても提供がはじまったためブラウザからオンラインでCSSのチェックを実施できるほか、Node.jsで動作するスクリプトとして提供されているのでダウンロードしてきて手元で動作させることもできる。現状のCSS Lintで利用されているチェック規則は次のとおり。 パースエラー検出 隣接クラスは使用禁止 ルール
ココを押えておけばCSS3がだいたい分かるツール集 | 日刊ウェブログ式
CSS3 Generator CSS3の各ブラウザごとの対応状況の確認とソースコードの生成が同時に行える便利ツール。対応状況はブラウザのアイコンの上にカーソルを持っていくと表示されます。 Official Site CSS3 Gradient Generator v2.0 グラデーションのコードを吐き出すツール。カラーピッカーなどを使って直感的に操作できる Official Site CSS Border Radius ボーダーの角丸を表現するコードを吐き出すツール。四辺の周囲にある数値を変更するだけです。 Official Site Button Maker 画像を一切使わずにCSSだけでクールなボタンを作成。グラデーション、角丸、影などの調節が可能 Official Site CSS3, please! 左側のコードを書きかえると、プレビューが右上のプレビューが変化します。CSS3テス
時間の節約になるWeb制作関連ツール 12+1
2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト！ Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな
無料で使えるSEOやホームページ制作に役立つツールまとめ | パシのSEOブログ
SEO対策に無駄なコストをかけないためにも、無料で使えるツールたちは欠かせない存在です。その中でも使えるヤツに限定してまとめておきます。 サイト分析ツール SEOチェキ！ URLからサイトの総合的な分析を行う。SEOチェック、Whois情報、順位チェック、HTTPヘッダ情報、ページランク偽装チェックなど。とても軽いのでかなりオススメ。 Website Explorer インストール型のサイト分析ツール。ウェブサイトの構造を探査・解析し、情報を階層表示。リダイレクト、リンク切れ、404エラーなどの調査が可能。Web型リンク切れチェックツールとしては、リンクチェッカーが便利です。 SEO-Browser サイト内のイメージやFlash、CSS、JavaScriptなどの視覚効果を排除し、検索エンジンの目線でサイト構造を分析。文字化けする場合はエンコードを指定（IEであれば、表示→エンコード→日
インド生まれでフリーの高機能デフラグソフト「Puran Defrag Free Edition」
Windows XP/2003/Vista/2008/7に対応し、64ビット版もネイティブサポートしているフリーのデフラグソフトがこの「Puran Defrag Free Edition」です。開発元であるPuran Softwareはインドにある会社で、もともとこのソフトは「Puran Defrag」という2007年にリリースされ、今年でバージョン7となる19.95ドル(約1700円)のシェアウェアなのですが、そのフリー版という位置づけ。フリーだからといって何か機能制限があるかというとそんなものはなく、機能的にはなんと同じなので、お得感はかなり強いです。ただしフリー版は個人利用と非商用利用に限られています。 機能的にも根本的に有料だった機能がほぼそのまま使えるため、Puran Intelligent Optimizer、略してPIOZRという最適化デフラグ機能、速度上昇のためのディレクト
Firefoxでモバイル端末をシミュレートする独自アドオン「FireMobileSimulator」を公開します - 遙かへのスピードランナー
★重要★2008/11/15追加：公式サイトFireMobileSimulator.org開設にともない、この記事の更新はストップします。今後のアップデート情報は公式サイトで行いますのでよろしくお願いします。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリアの提供するシミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法は、それぞれに不足している機能があったり、またITに詳しくない人とかだと導入段階でつまづいてしまったりします。 そこで、もっと簡単にモバイルサイトをPCで見るために便利なツールを作成しました。 Firefoxを簡単に携帯シミュレータにできるアドオンです。モバイル端末のHTTPリクエストや絵文字表示をシミュレートすることができます。３ヶ月
Tomblooこそ自分をGoogle化する最強のツール - Future Insight
ぶっちゃけこの題名は書きたかっただけなのですが、ついこの前行われたFirefoxのアドオンであるTomblooにブラウジングを進化させる革命的な機能が追加され、ブラウンジングを行いながら快適にノーストレスでGoogle Bookmarksに自分の気に入ったページを登録することがだれにでも可能になったのでその方法を紹介したいと思います。まず、ほとんどの人はTomblooというFirefoxのアドオンがなんなのかわからないと思うので、そこから説明します。 Tomblooとは何か Tomblooとはid:brazilさんが作っている自分が現在ブラウジングしているサイトの情報を自分が利用しているWebサービスに投稿、登録、ポストするためのFirefoxのアドオンです。 Google Code Archive - Long-term storage for Google Code Project H
MOONGIFT: » クリックする場所を測定するアクセス解析「ClickHeat」:オープンソースを毎日紹介
アクセス解析からは様々な情報が読み取れる。これを無視してサイト改善はあり得ない。だが、取れる情報は断片的なものだけで、実際にユーザがどういったアクションを起こしているのかは仮説を立てて検証していくしかない。 MOONGIFTのヒートマップ その仮説に役立てるのに便利なソフトウェアがこれだ。 今回紹介するオープンソース・ソフトウェアはClickHeat、クリックされた場所をビジュアル化するアクセス解析ソフトウェアだ。 これは面白い。ClickHeatから生成されるJavaScriptのコードをサイトに埋め込んでおき、しばらくするとサイトのスクリーンショットをバックグラウンドに、クリックされた場所がポイントとして表示される。 JavaScript生成画面 何度もクリックされる場所があると、そこがさらに色濃くなっていく。青から赤へと、まるで炎の温度やサーモグラフィのようだ（なのでヒートマップなの
最高のオンラインメモツールとしてのEvernote
Evernoteは、ひさびさに現れた超弩級のWebサービスかもしれません。なぜなら、従来のオンライン系のメモツールの弱点が全部つぶしてあるからです。 最初は、Evernoteに関しては、ちょっと勘違いをしていました。それは、以下のTechCrunchの記事のイメージが強かったせいです。 リンク: TechCrunch Japanese アーカイブ >> Evernoteで自分の脳を拡張する（プライベートベータご招待）. Evernoteを使うと、ウェブページの好きな部分を選択してクリップしたり、カメラ付携帯で撮った写真をPCやウェブに送ることができる。 たしかに、Evernoteのクリップ機能はすごい。でも、私は当分そのクリップ機能を使いことはないと思います。なぜなら、私には既にtumblrがあるからです。 ところが、クリップ機能というのは、Evernoteのすさまじさのごく一部でしかなか
富士フイルム、顔検出技術をWebアプリに APIも公開 - ITmedia News
富士フイルムは1月15日、顔検出技術を使ったアプリケーションを体験できるサイト「顔ラボ」をオープンした。第1弾として、写真から顔を検出して加工できるWebアプリを公開。画像から顔の位置を指定してくれるAPIも、28日に公開する予定だ。 顔検出技術は、コンパクトデジタルカメラ「FinePix」などに搭載した技術。複数の顔が入った画像から1秒足らずで顔の部分だけを切り出し、被写体の顔に自動的にピントを合わせたり、顔色を補正したりできる。横向きや斜め向きの顔でも検出できる精度が売りだ。 顔ラボでは、同技術をネット上のアプリケーションに応用し、トラックバックやコメントでユーザーから意見を募って技術の向上に役立てたり、新たな活用法を探る。 ブログに載せる顔写真にぼかし 「顔シークレット」 まずは、ユーザーがアップロードした画像から自動で顔を検出し、顔にぼかしをかけたり、横線で目を伏せたりといった加工
イラレで便利 for Adobe Illustrator - アドビ・イラストレーターのツール集
イラストレーターってほんとに便利だけれど、こんな機能があったらもっといいのに、この作業をもっと素早くできたらいいのに… このサイトでは、そんな不満をお持ちの方に役立つかも知れない、フリーウェアの Adobe Illustrator 用スクリプト（JavaScript）を配付しています。Mac版とWin版、バージョン10・CS・CS2で使える、各種の補助ツールです。(CS3・CS4でもだいたい使えます(確認中・対応予定)) なにぶんフリーウェアなので、「ものすごく便利！」というほどではありませんが、ちょっとだけ、かゆいところに手がとどく感じで、便利だと思います。 他のいろいろなサイトで配布されているIllustrator用プラグインやツールと同じように、ダウンロードしたスクリプトのファイルを特定のフォルダに入れるだけで、機能のひとつとしてメニューから使えるようになります。ぜひ、作業の効率化・
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CoolCoding.com is for sale | HugeDomains
SEO（検索エンジン最適化）に役立つ日本語対応の無料ツール集
トップ-ウェブアクセシビリティチェックサイトHAREL
無料で使える画像編集WEBアプリ集 - DesignWalker
ブラウザだけでHTMLをPDFに変換してくれる『html2pdf』 | IDEA*IDEA