[B! html] tpircsのブックマーク

ファイル編集したら即ブラウザー再読込させる LiveReloadX を作った

Web 開発してると、ソースを編集して、ブラウザーをリロードして、という作業の繰り返しになりがちだ。ソースを編集したら、自動でブラウザーをリロードしてくれるような夢のツールがあれば便利そうだ。この分野では CodeKit や LiveReload などが有名なんだけど、もれなく有料だったり GUI だったりする。そこで、LiveReload のオープンソースな部分を参考にしつつ、コマンドラインで使える LiveReloadX というものを作ってみた。特長はこんなところ。 Node.js を使ってるので Windows/Mac/Linux 問わずに動かせる開発環境のブラウザーだけでなくスマートフォンのブラウザーもリロードできる無料インストール方法インストールは超簡単！ Node.js をインストールする。コマンドラインで npm install -g livereloadx を

tpircs 2013/02/27

リンク

エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)

STEP1. エクセルとかからCSV (TSV)をコピーしてを貼り付け STEP2. オプションを選択して変換細かい設定列目までをTHEADとする。(0でTHEADなし) TBODYの行目までをTHとする。 TBODY THに深度を埋め込んだクラス名を追加する。(1〜) クラス名： " + n" ひとつめのTHに深度クラスを追加しない。(lv1を追加しない) n列ごとにTRにクラス名を追加する。(0〜) クラス名：列数　　：クラス名に列数を追加する。(nrow0, nrow1,,)

tpircs 2009/01/16

リンク

これは便利だ！Excel→Table化するjQueryプラグイン

Webページに掲載する面倒な表（テーブル）の作成を楽にしたい――。以前、本サイトではExcelファイルを簡単にHTML（Tableタグ）に変換するExcelアドイン「XLS2HTMLTable」を紹介した（関連記事）。XLS2HTMLTableはとても便利なツールだが、それでも表が大量に必要な時にはやはり手間がかかる。今回はさらに楽をできて便利なアイテムを紹介しよう。それが、CSVファイル（カンマ区切りテキスト）を読み込み、Tableに整形して表示するJavaScriptライブラリ「jquery.csv2table.js」だ。 JavaScript関連の著書も多い高橋登史朗氏が作った「jquery.csv2table.js」は、名前のとおりjQueryのプラグインとして動作するもので、HTMLにわずか数行のスクリプトを書き加えるだけで使える手軽なライブラリだ。さっそく実際にjquery.

tpircs 2008/12/18

リンク

エクセルデータからHTML Tableタグの表を作成してくれる「Tableizer」

↓画像のようにエクセルデータをコピペするだけでOKです。バイナリデータのタブ区切りで認識しているみたいです。生成されたタグ厳密に言うと、HTMLタグとCSSが生成されます。 CSSは <head> </head> 間か、外部ファイルに移しても良いかもしれませんね。 <style type="text/css"> table.tableizer-table {border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .tableizer-table td {padding: 4px; margin: 3px; border: 1px solid #ccc;} .tableizer-firstrow td {background-color: #FDA500; color: #

tpircs 2008/12/15

リンク

Webサイトの制作／運用の効率化を図る　「ガイドライン策定」のすすめ（前編）（1/4）：CodeZine

Web標準に従うことは、SEO効果、ユーザービリティ、メンテナンス性の向上など、Webサイトの利用者と制作者の双方にさまざまなメリットをもたらします。しかし、実際にWeb標準の仕様書に従ってWebサイトを制作しようとすると、制作者の頭を悩ませる多くの問題が待っています。本連載では、Web標準のメリットを最大限に生かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口をたらしていきたいと思います。はじめに Web標準に従うことは、SEO効果、アクセシビリティ、ユーザービリティ、相互運用性、互換性、メンテナンス性の向上など、Webサイトの利用者と制作者の双方にさまざまなメリットをもたらします。しかし、実際にWeb標準の仕様書に従って「正しい（X）HTML+CSS」でWebサイトを制作しようとすると、制作者の頭を悩ませる多くの

tpircs 2008/12/09

リンク

HTML表示だけではない、近未来のWebブラウザとは

16日に開催されたイベント「Firefox Developers Conference 2008～次世代Webとプラットフォーム～」では、Firefoxに関するセッションが中心となったが、Firefoxの枠を超えたWebブラウザのあり方や、次世代のHTML規格「HTML 5」に関するセッションも行われた。 ● LEDもデジタルサイネージも服も「Webブラウザ」？ Webブラウザの進化はめざましい。レンダリングエンジンの改良はもとより、プラグインによるリッチ化、タブインターフェイス、検索エンジン窓、携帯電話やゲーム機などへの組み込みなど数多くある。しかし、“コンピュータ上でHTMLを表示する”という根本の部分は変わっていない。未来のWebブラウザもその延長線上なのだろうか？　パネルディスカッション「近未来ブラウザの形を考える60分―ユーザエクスペリエンスの視点から―」では、3年から5年先のW

tpircs 2008/11/18

リンク

CSSのレイアウト作成に役立つ便利なリソースいろいろ

最近のページやサイト作成に欠かすことのできない「CSS（カスケーディング・スタイル・シート）」ですが、そのレイアウト作成を行う際に便利なリソース22種類です。ゼロから作るよりは楽に製作できるはず。詳細は以下の通り。 40種類のCSSレイアウトがそろっています。 Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download! CSSのフレームワーク blueprintcss - Google Code 16種類の異なるCSSベースのレイアウト intensivstation :: CSS Templates :: Templates 12種類のCSSによるレイアウト Dynamic Drive CSS Layouts- CSS Frames CSSのレイアウトを作成する