テーブルタグをExcelで：Excel エクセルの使い方-数式/関数
Excelは基本的に表計算ソフトなわけですが、計算の不要な普通の表を作成するソフトとしても優れています。 Webページで表を作成する場合、tableタグ・trタグ・tdタグを使ってHTMLソースを書く必要がありますが、こんなときにも 「Excelで表を作っておいて簡単にHTMLにできないかなー」 と考えたことのある方は少なくないでしょう。 そのため、ExcelからHTMLソースを吐き出すようなツールを作っている方も少ないないようです。 ですが、そんなツールを利用することなくマクロを組むこともなく、相対参照と絶対参照を利用して簡単にテーブルタグを生成する方法を、2ちゃんねるのWeb制作管理板の中で先日みつけました。 ・エクセルでテーブルを組んでますが馬鹿ですか？ ↑こんなタイトルのスレッドですが、馬鹿なんてとんでもありません。とても賢い方法だと思います。 ▼操作手順：ExcelでHTMLのテ
ブラウザ幅に応じて変わるレイアウト | 秋元@サイボウズラボ・プログラマー・ブログ
via clagnut ブラウザの幅が狭いと2段、広いと3段になるようなページレイアウトをいくつか紹介している記事。 見てもらうのが一番早い。以下のページを開いて、ブラウザの幅を狭くしたり広くしたりすると、縦列の数が変化する。 UX MAGAZINE Redesign Notes 1: Width-based layout 著者自身のサンプルは、幅によってはあまり美しくならないが、何段にも可変にできる。 画面の大きな人でも小さな人でも、それなりのページが返せるというのはいいかもしれない。もっとも、逆に表示サイズがどうであれ同じレイアウトになることを望む人もいるだろうが。 日頃、だいたいブラウザの幅なんて一定で使ってるので、こういうレイアウトのサイトがかなり普及してたとしても気づいてないわけだが。こうやってブログで特集されてはじめて気づいた。僕は横にスクロールさせるよりはこっちの切り替えのほ
「デジタル情報を活用する７つ道具」-情報考学 Passion For The Future
最終日は、４人のブロガーの記憶に残る平成の３重大イベントを紹介しました。 いしたにまさき 1. 9.11同時多発テロ 2. 地下鉄サリン事件 3. ライブドアショック 橋本大也 1. 9.11同時多発テロ 2. Windows95の発売 3. インターネットとの出会い Netscape 1994年 たつを 1. インターネット : 世界とつながる 2. 米不足 3. ライブドア事件 聖幸 1. 雲仙普賢岳 火砕流 2. 地下鉄サリン事件 3. iPhone3GS 日本で発売 「ツイてる！ポッドキャスト新春2019」 3日目 平成のベスト３ ブログエントリー 今日は、４人のブロガーが、平成のベスト３ ガジェットを語ります。 ついてる！ポッドキャスト新春2019 (2019/1/3) - YouTube https://www.youtube.com/watch?v=WBr26AvwbB4 各
Web::Blogoscope: XHTMLの最適化手法
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
www.siteprocentral.com
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
HTMLリアルタイム編集（ブックマークレット） @ ZEROBASE BLOG
quickedit by ZEROBASE'+b.innerHTML.replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"')+'');var t=x.getElementById('t');t.onchange=t.onkeyup=function(){b.innerHTML=t.value;};}())">[HTML編集] このリンクをブラウザのブックマークバーにドラッグ＆ドロップするなどにより登録してください。 使い方 編集したいページで上記ブックマークレットを実行します。ためしに上記リンクをクリックしてみてください。 テキストエリア内にHTMLが表示されますので、それを編集してください。変更が即座に反映され、もとのウィンドウが書き換わります。 書き換えているのは、ブラウザのメモリ上のHTMLです。サーバには何の影響もありません。 便利
[ajax] DOMコードジェネレータ @ ZEROBASE CAST
<div class="popup"> Let's access <a href="http://zerobase.jp/">ZEROBASE</a> & have fun. </div> キーボード入力も大丈夫。即座に下のDOMコードが変化します。 不完全なHTMLを入力すると正しい結果になりません。例えば<table>タグに囲われていない<tr>タグなど。あくまで上記テキストエリア内でDTDに反しないHTMLを入力してください。 ダウンロード ファイル dom2code.js ※気が向いたら改善しますので、ダウンロードするより、このページをブックマークするほうがおすすめです。 動作環境 WinXP(SP2)上のInternet Explorer バージョン6.0.29で動作確認しました。 動作だけなら幅広いブラウザで可能ですが、出力するDOMコードがブラウザにより異なります。というのは
ジャケット画像のポップアップ #3
およそ9か月前とついこの間に書いたジャケット画像のポップアップをInternet Explorerに対応させてみました。対応させたといってもHTMLコードを書き直さなきゃならないので、CSSハックというわけではありません。Internet Explorerに対応させるための鍵になったのはoverflowプロパティとvisibilityプロパティでした。 Internet ExplorerとFirefoxそれぞれで動く(Operaでもそれなりですが怪しい)動作サンプル以外に語る術を持たない。というわけにもいかないので、もうひとつInternet Explorer向けのサンプルを作ってみました。このページのHTMLコードとCSSコードが基本になります。 HTMLの方は、 <p> <a href="https://www.amazon.co.jp/exec/obidos/ASIN/B0009AJ
Web標準で作るプレゼン資料 | Web標準Blog | ミツエーリンクス
プレゼンテーション向けの資料を作成する場合、PowerPointもしくはその互換アプリケーションを用いることが最も一般的かもれません。しかし最近では、特にWeb関連のカンファレンス等において、(X)HTML、CSS、そしてDOMといったWeb標準を活用した資料を目にすることが多くなってきました。 より具体的には単一の(X)HTML文書を、Webブラウザ上であたかもスライドのように表示させるというもので、かつてはOpera ShowというOpera固有の機能を使う方式が流行しました。しかし以下にご紹介するツールを用いて作成したものは、Operaに限らず、モダンブラウザの動作する多くの環境で同様のプレゼンを行うことができます。 S5 HTML Slidy DOMSlides ちなみに弊社のWeb標準セミナーにおいては、S5を利用して作成した資料を用いています。Web標準の利点をご説明する際のデ
ポップアップウィンドウ用のスクリプト｜JavaScript::Bookmarklet Blog
ポップアップウィンドウ用のスクリプト 別ウィンドウでリンク先ページを開くときよく書くJavaScriptは以下のようなものです。 <a href="page.html" onclick="window.open(this.href)">リンク</a> でもこれだとメンテナンス性があまりよくありません。 そこでCSSを利用したページデザインのメンテナンスのような方法でこうしたリンク先を指定する方法です。ページのロードの終了時にJavaScriptでDOMを操作します。 まず、適当にpage1.htmlといったファイルを作っておいて、以下のHTMLを試して見てください。 <HTML><HEAD><TITLE>TEST</TITLE> <script language="JavaScript" type="text/JavaScript"> <!-- function doPopup() { i
最速インターフェース研究会 :: テンプレートエディタを作ってみた
こんなのを作ってみました。 http://la.ma.la/misc/tmpledit/ HTMLソースを貼り付けて、ページの構造をダンプすることが出来ます。 とりあえずどんな感じかわかるように、このBlogのアドレスを入れてあるので取得ボタンを押すと出て来る様になってます。XMLHTTPでソース受信してるので外部ドメインのソース取得は無理です。ローカル保存+IEの場合は外部ドメインのソースも解析できます。 こういう感じの作るやつ、と言えばわかりやすいかも。 http://d.hatena.ne.jp/kamioka/20050609/1118324980 まあ、これがやりたかっただけなのですが、ついでにCSSの編集もできるようにしてみました。CSS編集モードに切り替えると、タグ名とクラス名とIDを確認しながらプレビューしつつその場でCSSを編集できます。 CSS適用ルーチンはこれの丸パク
2005-06-12
「ほんとに時間が足りないなら泊まりで合宿だよ。宴会付で！」 誰もが賛同(笑)。本当に時間が足りなくて綿密に打ち合わせなければ決まらない事があったなら、こういうのもいいですよね。お客様と仕事で合宿！ 自分があこがれている事をふと考えてみた。その中で「自分には縁がないなぁ」という事がいくつかあった。なぜ最初から諦めているんだろう？確かに今の自分には無縁で、到底実現が不可能かもしれないが、本当に実現したいなら諦めないべきだと思った。たとえば １億円の豪邸に住みたいなぁ。でも、現状の自分を考えると到底そんな未来は想像できない。普通のサラリーマンの自分には無縁の話だよなぁ。宝くじで３億円当たったら、住んでもいいかもね(笑) これは例え話ですが、こういう現状の自分から考えたら現実味の無いあこがれは誰でもありますよね。あこがれはするが、自分には無縁だと思っている事。さて、本当に無縁だろうか？確かに現状の
サイト作成における問題
簡略目次 リンクの諸問題 やってしまいがちなテクニック HTML/CSS解説 文書作成のはじめに HTMLリファレンス 要素索引 HTML文書サンプル CSSの書き方（製作中） CSSリファレンス（製作中） レイアウトサンプル -メニュー配置 レイアウトサンプル -3カラムデザイン レイアウトサンプル -擬似フレーム CSSデザインサンプル（製作中） このサイトについて 詳細目次 このサイトについて 著者名 Rju メールアドレス rju@rju666.com 掲示板 サイト作成関連BBS このサイトはサイトを作成する際に生じる問題を取り扱っています。 多くの問題は間違ったネチケット（ネット上でのエチケット）サイトや間違ったリファレンスサイトが原因でしょう。 今や誰でも手軽にウェブサイトを作成することが出来る時代となりました。特別な技術や特殊な知識をさほど必要としないため多くの情報が提供さ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
今日のブックマーク／rssモジュールを日記本文で使ってみる - まんぷく::日記
https://labs.cybozu.co.jp/blog/kazuho/archives/2006/02/utilizing_cache.php
http://textocean.com/article/172/%E3%E3%E3%E3%E3html%E3%E3%E3%E3
HTMLクイックリファレンス
サービス終了のお知らせ
やってしまいがちなテクニック