mycasty.jp 2024 著作権. 不許複製 プライバシーポリシー
Published on May 10, 2007 (↻ February 5, 2024), filed under Web Development and Art and Design (RSS feed for all categories). This and many other posts are also available as a pretty, well-behaved ebook: On Web Development. And speaking of which, here’s a short treatise just about managing the quality of websites: The Little Book of Website Quality Control (updated). A quality website doesn’t fall
Get the most popular Phaser 3 book Through 202 pages, 32 source code examples and an Android Studio project you will learn how to build cross platform HTML5 games and create a complete game along the way. Get the book You may call it Lightbox, or Greybox, or Thickbox, but it’s always the same effect. When you are on a page, and click on a photo or trig some event, a Lightbox is an effect that fade
These materials are copyright Western Civilisation Pty Ltd. www.westciv.com They are brought to you courtesy of Style Master CSS Editor and Westciv's standards based web development courses. Please see our website for detailed copyright information or contact us [email protected]. articles Are the semantics of HTML all the same? Or are there different kinds of semantic classifications of elements
You can find me writing science fiction and fantasy short stories on my Substack, Future Thief.
久々に興奮する中、movatwitterの機能拡張をしました。 Macで画面を範囲選択するだけで画面キャプチャをWebにアップできるサービス「gyazo.com」という素敵なサービスがあります。 これを作ったのは僕がリスペクトしてやまないユーザーインターフェースのプロフェッショナルである増井 俊之さん 増井さんと言えば、丁度、iPod touch(iPod touch 16GBを見る)の日本語入力機能(予測変換)の開発を担当されたと話題になっていますね。 gyazoを使うと、簡単にブラウザの画面や、写真、手書き画像などをWebにアップロードできます。 そして、今回、gyazoで生成されたURLをtwitterにpostすると、movatwitterでは自動的にサムネイルと携帯に最適化した縮小画像を表示するようにしました。 今までも紙に書いた手書きのメッセージを携帯で撮影し、movatwit
2007-08-30 Kentaro Ohno 1/71 次へ 前回までのあらすじ 前回までのあらすじ Strict 重要 Strict な XHTML を書くためには Valid な XHTML が書けなければならない DTD 通りに書かないとどうなっても知らないよ? How to describe a "Strict" XHTML document Part1 前へ 2/71 次へ 今回の予定 今回の予定 今回はやっと本題の Strict の話をします ほんのちょっとだけ長くなるけどうざがらないでください Part 1 と Part 2 を合わせて読めばもう XHTML に関して怖いものなしです じゃあ始めるよ 前へ 3/71 次へ xmllint 1 xmllint で簡単に validate xmllint コマンドを使えば簡単に validate できる。 # xmllint -
2007-08-09 Kentaro Ohno 1/42 次へ Strict とは Strict とは 辞書的な意味ではきびしい、厳格な 文書に正しいマークアップを施すこと Valid とは違う 前へ 2/42 次へ 正しいマークアップ 正しいマークアップとは 見出しには hn 要素 強調は em、strong 要素 リストは ul、ol 要素 など、当たり前のこと。 むしろ、これ以外のマークアップをする意味が分からない。 前へ 3/42 次へ なぜ Strict? 1 Strict な XHTML を書くと ユーザビリティの向上 アクセシビリティの向上 検索エンジンのロボットがページを正しく解釈してくれる (SEO) 前へ 4/42 次へ なぜ Strict? 2 というのも重要だけど…… 一番の理由は、それが当たり前のことだから。 当たり前のことができないのは技術者として恥ずかしい!
タイトルは誇張ではありません。僕も読み始めたときは何のことなのか分かりませんでしたが、途中で出てくるコードを読んで、やっと分かりました。「本当に、これは今のWebデザインやCSSを変えるかもしれない」と。元記事は、A List Apart: Articles: CSS @ Ten: The Next Big Thingより。著者はCSSそのものの草案者であり、今はOperaのCTOを務めるHåkon Wium Lie氏です。 追記 id:iwaimさんのはてブコメントに対する返答を文末に書きました。(2007年9月11日19時ごろ) CSS @ Ten: The Next Big Thing CSS は去年10年の節目を迎えた。このような節目は、過去に立ち返り、未来の計画を立てるための機会である。CSSは構造から見た目を分離することによって、根本的にWebデザインを変えた。CSSはデザイナ
情報は伝わるか? そもそも情報は伝わらない… 生命情報:生物が世界と関係することで出現する、意味のある(識別できる)パターン 観察者(主体)が世界をどのように捉えるか(関係)を表すパターン。人によってその関係=パターンは異なるので、完全には伝えられない。 社会情報:生命情報を人間が(ことばとして)記述する 共同体(国家、コミュニティ…)での共通了解=意味のとりあえずの固定(規範化作用) 機械情報:言葉の記号作用の「記号表現」だけを取り出したもの コンピュータ、ネットワーク上のデータとして蓄積、交換される (西垣通 『ウェブ社会をどう生きるか』) そこを何とかうまく伝えるためには 明晰な論理と文章 分かりやすい情報のかたち 互いに理解できる名前 情報の伝達と名前 機械情報を介した情報のコード化と再構築 情報が伝わるためには、まず社会情報が適切に再現される必要がある 同じ社会情報でも人によって
CSS2.1がようやく(再度)勧告候補にこぎつけた。今度こそは草案差し戻しなどということなく進んでいくだろうが、テストケースや実装確認もあるので、年内はCRに留め置くということだ。このCSS2.1は、PDF版で405ページ。1998年のCSS2勧告は338ページだから、単純に分量だけでも2割増で、記述の修正なども含めると、実はかなり大きな違いがある。バグ修正やブラウザの実装に合わせただけのものではなく、よりモデルを厳密に定義したり詳しく説明しているので、CSSに関心がある人は、そろそろ2.1の内容を確認しておくのがよいかも。 今回の勧告候補は、昨年11月の草案をおおむね引き継いでおり、かなり安定しているといえるが、多少の修正や明確化もある。11月草案との違いが検討事項リストの形で示されているので、主なものを確認しておこう(以下、項目名の数字は検討事項番号、リンク先は検討事項リストの対応する
前回のIE編の冒頭で、私は「CSS自体の正しさとか美しさを優先し、そのためには古いバージョンのブラウザは犠牲になってもしょうがない」と書いた。その流れでいえば、マイクロソフトもサポートを打ち切ったMac版IEにそもそも対応する必要があるのか、IE編でWin版IE5.0を無視したのだから、Mac版IEも無視していいのではないか、という疑問が当然わく。至極もっともなことである。が、しかし、それで終わってしまっては本稿自体が成り立たない。しぶしぶではあるが、Mac版IE(5.x)でfloatをクリアする方法を探ってみよう。結論はもうすでに出ている。以下の通りである。 .clearfix:after { content: url(pixel.gif); display: block; clear: both; height: 0; } .clearfix { display: inline-blo
inline-blockとは、displayプロパティの値のひとつで、表示形式を「インラインに流し込むことのできるブロック要素」にするためのもの。まともに対応しているのが、OperaとSafari、それになぜかMac版IEくらいというマイナーな存在だが、なかなか興味深い振る舞いをする値なので、いろいろと検証してみた。 まず、「インラインに流し込むことのできるブロック要素」とはどういうものなのかを見てみるために、.inlineblockというクラスを作り、div要素に指定してみた。また、「インラインに流し込むことのできるブロック要素」とは、言い換えれば、「幅と高さを指定できるインライン要素」ということだから、span要素にも指定した。 インラインブロックの検証 その1 【スタイルシート】 .inlineblock { display: inline-block; width: 100px;
今回は、floatバグ対策における鬼門ともいえるIEのclearfixに挑戦する。しかし、その前に、何をもって「決定版」とするか、あらためておさえておこう。本来なら、ひとつでも多くの種類、バージョンのブラウザでfloatをクリアできる(もしくは同じ効果を得られる)ことをもって、決定版とすべきなのだろうが、ここでは少し違う方針をとりたいと思う。簡単にいえば、CSS自体の正しさとか美しさを優先したいということだ。逆に、そのためには古いバージョンのブラウザなどは犠牲になってもしょうがない、と考えている。ここでいう「決定版」を定義してみよう。 1. 文法的に正しいこと このこととイコールとするには異論があるかもしれないが、「W3Cのvalidatorを通ること」と言い換えることもできる。少なくとも、通らないより通るほうがいい。 2. 内容的に理にかなっていること、意味不明でないこと いわゆるCSS
前号ではDreamweaver CS3に組み込まれているSpry Widgetを使い、Web制作にいつも用いる各種入力フォームに「知性」を与えてみました。今回は、Webページに動的なインタフェイスを付加することで、よりリッチなユーザー体験を提供する土台を作っていきましょう。これまで解説してきたXMLデータセットのハンドリングと組み合わせて使うと、完全にデータドリブン型の動的なWebページを構築できます。ぜひ、そのための手法をあなたのノウハウに加えてください。 インターフェイス作成用 Widget Dreamweaverにはインターフェース作成用に「メニューバー」、「タブ付きパネル」、「アコーディオン」、「縮小可能なパネル(折りたたみパネル)」の4種類のSpry Widgetが搭載されています。これらも「挿入」メニュー等から簡単に作成することができます。 項目 1 項目 1.1 項目 1.2
「Ajax したい!」Web デザイナーのための Spry 集中講座 第四回:Dreamweaver CS3 + Spry Widgetで 一歩先行く UI をあなたの Web ページに 前号では Spry の基本ともいうべき XMLデータセットの作成と表示を Dreamweaver CS3 で行う方法についてご紹介しました。そこで今回は、Spry のもうひとつの特長である「Widget」(ウィジェット)について見てみましょう。Ajax 化された Web ページの醍醐味は、ページ上で扱うデータの内容によって、動的にページが変化していくことです。Spry Widget は、その動きを司る重要な技術ですが、今回はその中でも理解しやすい「入力フォームの内容チェック」について、実践的に解説してきます。 Dreamweaver CS3 の Spry Widget Spry Widget とは、構
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。
iGoogleは世界中で人気を得ていて、そのガジェットの数は既に25,000以上もあるそうです。 そこまで増えてしまうからこそ、何を選んだらいいのか分からなくなるというもの。今日はその中から厳選されたWEB担当者のためのガジェットが紹介されていたので書き留めておきます。 07年9月 9日 このブログをRSSリーダーで購読 ⇒ほかの情報をリサーチ(ブログランキング) 仕事で使えるiGoogleガジェット15選 今回の成果物 ↑15個のガジェットを追加するとこんな感じになります。 ここからさらに自分仕様にそぎ落としていきます。 あらかじめ知っておいたほうが良い技 ↑の画像でも利用しているiGoogleのレイアウトを1カラムから4カラムまで設定する方法は必須です。 1. 今日のTodoリスト To doリストガジェット一覧の中で、あなたが一番使いやすいと思うものを使うべきです。iGoogleで
昨日、Twitterな仲間たちで行われたプログラマのためのデザイン勉強会でスピーカをやってきました。 本来なら、僕はデザイナではないのでスピーカやる人ではないはずなんですけど、ベジェ曲線の描き方をお話ししてきました(この辺の事情は資料を参照のこと)。 ベジェ曲線はドローツールを使いこなす上で重要なのだけど、苦手意識を持っている人が多いみたい。 これが少しでも解消するといいなーと思って、プレゼンしてみました。 当日使った資料とおまけを公開するので、実際に自分で試してもらえるとうれしいなーと思います。 資料一式ダウンロード 解凍すると次のファイルが出来ます。 bezier.pdf プレゼンで使った資料のPDF版です drawing.svg プレゼンの実演で使った、トランプのマークの下絵入りのsvgファイルです。Inkscapeとか、Illustratorで開けます card-mark.svg
http://d.hatena.ne.jp/colindisc/20070907 さきほど契約してるCDの流通業者の方とお話したのですが、いわゆるインディーズ系のCDがほんまに危機的状況に陥っているようです。初回のオーダー数が激減しているそうです。特に体制が変わったらしいタワーレコードとか。要はもうあらかじめ売れるだろうと予想されているものしか取らなくなってきているということで。細かいとこまではここでは控えておきますが、確かに経営的な面を考えたら、うーん、わからなくもないんだけどって感じなんですが、とにかくお金の匂いがぷんぷんっ! ほんの数年前までは、○○店は大体○○枚くらい取ってくれるみたいな、ある程度の見込み実数は見えてたのに、今では聞いて愕然とするようなオーダー数・・・。先日、HEADZの方と話をした時も同じようなことゆうてましたので、どこも似たような状況なのかなぁと。 マカロニレコ
はじめに 起床時間 40 時間超えました。なんか、色々考えさせられることがあって寝れません。 いろいろ思うことがあったのです。 お金って何に使えばいいんだ? 僕はただ、漠然とお金は貯めて「まとまったお金」を自分のためではなく社会的な何か「良いこと」に使いたいなと思っています。 でも、何が「良いこと」なのかはまだ分からない。僕はまだそこまで自分の「思想」が豊かじゃないし、育ってない。 物で満たされるのが怖い 生活レベルがいったん高くなると、首にナイフを突きつけられる(それほどの苦労をする)までそれを戻すのは難しいんだと思った。 豊さを「当たり前」にしないことは簡単だけど、「当たり前」にしてしまったあとに、それを「当たり前」じゃなかったと振り返るのはすごく難しいと思う。 だから、シンプルに生きたい だって、自分自身の「豊かさ」に縛られてフットワークが重くなるのは嫌だ。 最低限の物と最低限の金と
Firefox利用時に動作が遅い、頻繁にクラッシュするなどと感じているならアドオンを疑うのは基本ですね。 複数の導入により衝突して動作がおかしくなったり、メモリリークを起こしているなどの問題があり、それらを探し出し、捨てながら快適な環境を取り戻すことも一つの方法です。 今週のCyberNetの記事にメモリリークやある一定のアクションでクラッシュすることが確認されているアドオン一覧がありましたので抜粋してみました。 ■Adblock 症状:Gmail Chatを利用しようとするとFirefoxが落ちる。 対策:Gmail Chatを利用するのならアドオンを削除する。 ■All-in-One Gestures 症状:Linux、またはOSXの環境で利用するとFirefoxが落ちる、およびインラインスペルチェッカーと衝突を起こします。 対策:同環境での拡張機能の削除 ■Fasterfox 症状:
iPodが久々にラインアップ一新となった。 今年前半のアップルは、iPhoneの出荷に全力を注いだため、Macの新ハード、新OS、新アプリケーションの出荷も、iPod新製品の出荷も先送りされ続けていた。製品を仕上げて出荷するのは、大変な労力を要するもの。6月末まではiPhoneにかかりっきりになっていたのだ。 しかし、そのおかげで今年後半に入ってからは、数製品がまとめて発表されるため、なかなか面白い状況になっている。 今回もわずか1時間強の基調講演でiPodシリーズ全ラインアップ、なんと4製品計13モデルが一挙に発表された。これだけ発表されると、新製品の展示もなかなか壮観だ。発表された4製品のいずれもが、強烈な個性と魅力を発揮しているのだから恐れ入る。 最も魅力薄はshuffle!? あえて筆者の主観を交えて、いちばん魅力が薄い機種を挙げるとしたら、色以外に特に変わらなかったiPod sh
デザイナーをしています。おもしろいコト大好き。イベントに参加したりカンタンなwebサービスを作ったりもときどき。twitterだけがとりえです。twitter id ; woopsdez Category Archives Monthly Archives January 2008(14) December 2007(22) November 2007(33) October 2007(21) September 2007(18) August 2007(24) July 2007(19) June 2007(40) May 2007(30) April 2007(97) March 2007(20) February 2007(11) January 2007(18) December 2006(26) November 2006(35) October 2006(50) Septemb
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く