無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
i-sourceviewというのをGAE/Pythonでつくってみました。 i-sourceview hokaccha’s i-sourceview at master - GitHub 同じようなことはアプリとかJS(Bookmarklet)でできるんですけど、アプリだと別途立ち上げが必要だったり、JSだとDOCTYPEが取れなかったりシンタックスハイライトがなかったりします。なのでサーバー側からリクエストしてHTML取得してシンタックスハイライトしたり行番号もつけてみたりしました。 それでつくってみたものの、認証がかかってるページがとれなかったり、JSで書き換えた後のソースが見たい場合もあるなあと思って結局JSで取得するのも用意しました。この二つを併用すれば大体ことたりるかなと。 シンタックスとかはchromeのソースビューに合わせてみました。 こんな感じになります。
RecRec - Image to HTML WEBレイアウトの画像をアップしてドラッグ&ドロップでHTMLに変換できる「RecRec」。 サイトのレイアウトの画像をアップロードして、ブロック部を選択するだけでHTMLとCSSを出力できるWEBベースのツールです。 生成されるHTMLはdivベースのデザインになります。 簡単なものならこれで仕上げちゃうこともできそうです。 関連エントリ チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル そのまま使えるWEBレイアウトのPhotoshopテンプレート40 スタイリッシュなWEBレイアウト作成Photoshopチュートリアル PhotoshopによるフレッシュなWEBサイトレイアウト作成チュートリアル集80
HTMLを書いていて、心がけていても時間に追われているとだんだんと乱れてきて、インデントされていなかったり、ルールがバラバラなソースになってしまうなんてことも多いと思いますが、今日紹介するのはHTMLのインデントをキレイにしてくれるWEBサービス「Ham Cutlet」です。 利用方法は非常に簡単で、WEB上で、HTMLをコピペ、その後設置されている「COOK!ボタン」をクリック。これだけです。 詳しくは以下 このサービスにはHamlというHTML/XHTMLを生成するためのマークアップ言語が使われているみたいで、「HTML → 一旦hamlにする → HTMLに戻す」という流れでインデントの整頓を実現しているとのこと。hamlに興味のある方は「日本Hamlの会」もどうぞ。 実際、インデントが無くても問題なく、動作しますし、整ったからと言ってオモテ面に影響があるわけでないのですが、メンテナ
Ham CutletはRuby/Sinatra製のフリーウェア(ソースコードは公開されている)。時々見かけるのだが、インデントが全く無視されたソースコードはとても見がたいものだ。Pythonだったら動きようもないが、他の言語の場合無視しようと思えばできてしまうので、とても辛い。 こんなに汚いソースコードが… プログラミング言語の場合、それでも統一はある程度できているのではないだろうか。問題はHTMLだ。時々ものすごいソースコードに出くわしたりすることがある。そんな時に使いたいのがHam Cutletだ。 Ham Cutletは既存のHTMLソースコードを貼付けて実行し、インデントを綺麗にして表示してくれるソフトウェアだ。インデントがきちんとすれば、タグの関連性が分かりやすくなりデザインの問題も発見しやすくなる。完了したソースはそのままコピーして利用できる。 こんな綺麗なHTMLに! 最近は
人気のサービス クロノドライブでは、お客様のコーディングに関するすべてのお悩みを解決するべく、多様なサービスを準備しております。その中でもご要望の多いサービスをご紹介致します。 PCサイトコーディングPCサイトのコーディングプランです。短納期案件や大規模案件でもご相談ください。 スマートフォンサイト・ レスポンシブWebデザイン コーディングHTML5+CSS3でのスマートフォンサイト構築を行います。レスポンシブWebデザイン対応も可能です。 WordPress構築WordPressの新規構築から、既存サイトの修正・カスタマイズまで幅広く対応いたします。 JavaScript対応フルオーダーのJavaScript構築のほかに、JavaScriptカスタマイズや修正も行なっております。 クロノドライブのコーダーがTipsをご紹介しております。 jQueryを使うなら知っておきたいjQuery
HTML5の開発に取り組んでいるWHATWG(Web Hypertext Application Technoloty Working Group)のブログ「Quality Assurance tools for HTML5 « The WHATWG Blog」で、HTML5文書を記述する際のクオリティチェックに使えるツールが紹介されていました。 どんなツールなのか、試してみることにしましょう。 Validator.nu (X)HTML5 Validator Validator.nuは、その名の通り入力されたHTML文書がHTML5として有効かどうかをバリデートしてくれます。入力はURLを指定するか、ファイルをアップロードするか、テキストをペーストするか、いずれかです。 YouTubeのHTML5用サンプルページを指定してみました。エラーメッセージとともにエラーの箇所を指摘してくれています
mPDFというPHPのクラスを見つけました。UTF-8エンコードのHTMLからPDFを作ってくれます。 I wrote mPDF to output PDF files ‘on-the-fly’ from my website, handling different languages. It is slower than the original scripts e.g. HTML2FPDF and produces larger files when using Unicode fonts, but support for CSS styles etc. ということで、元となるHTML2FPDFより遅いけれど、CSSなどをサポートしているとのことですね。 デモは以下から。 » examples 一度見てみてください。 » mPDF 今日もいい天気ですね〜。気持ちいい♪
About RSSで購読する swfやflvなどのファイルをHTMLに埋め込むタグは検索すれば出てくるようなものですが、たまにやろうとするときにサクッとタグを生成して埋め込めるのが良いですよね。 そんなときに役立ちそうな便利WEBツールをご紹介。 ※3月9日追記:WMVファイルの埋め込みタグはFirefoxで再生できないものになっているのでそれ以外のファイルでご利用ください。 momdoさん ご指摘ありがとうございます。確認不足で申し訳ございませんm (_ _)m ※8月16日追記:Firefoxがバージョンアップしたことで再生可能になったようです。coffeeさん、教えていただいてありがとうございます。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! FLVやSWFファイルの埋め込みタグをサクッ
「Baresite」はウェブサイトから、画像やフォーマットなどの余分な要素を引っ剥がし、WEB黎明期のような姿にしてしまう、というウェブアプリ。 上の写真の右が「Baresite」使用時のGoogle News、左が通常表示のGoogle News。サイトからニュースフィードが配信されている場合は、そちらが優先されますが、その他の場合はHTMLから不要な情報を取っ払い、シンプルなサイトを作成。全てのサイトで作動するわけではないですが、特に携帯からWebを見る場合などには重宝するかも知れませんね。デザインに気を取られて情報が全く入ってこない、ってことは作る側も見る側も避けたいもんです。 他にも「Finch」(直リンクはこちら)と言う名のサイトストリッパーがありますので、気になる方はこちらもお試しあれ。 BareSite [via MakeUseOf] Jason Fitzpatrick(原文
WordOffは、WYSIWYGエディタでの作成時に生じるような不要なソースコードを削除できるオンラインサービスです。 WordOff 使い方は簡単で、ソースコードをフォームに入力し、「clean up」ボタンをクリックすると、不要なソースコードを削除します。 削除対象は、下記の通りです。 a要素以外のすべての属性 すべての<span>と<div> 空の要素 ソースコードはページのすべてを対象にするというよりは、テーブルだけなど一部を対象にするのが実用的かと思います。
Google Sitesが一般ユーザも無料で使えるようになった Googleからコラボレーションサービス『Google Sites』の一般公開が5月23日から始まった。それまでGoogle Appsの一部として提供されていたが、一般公開によって誰でも無料でこのサービスを利用できるようになった。Google Sitesは、HTMLを知らなくてもサイトを構築できる「Webベースのコラボレーションサービス」などと言われている。では、他の類似Webサービスと比べて何が違い、何が魅力なのか。実際に触れてみることで色々分かってきた。とくにGoogle Sitesは"Googleならでは""Googleだからこそ"ここまでできると言えるような魅力がたくさん詰まっている。 「Google Sites」のトップページ このレビューではGoogle Sitesの紹介や基本的な使い方、そしてGoogle Sit
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く