そろそろブラウザにはマルチパネルを常備すべきじゃないだろうか・・・
はてブラウザー 弾さんが、こんなの作っていたので、最近思う題名のようなことをこの場を借りて表明。 で、なんだけど、弾さんの「はてブラウザー」は、ブラウザ内にブラウザみたいのを作って、フレーム内にコンテンツを出すという奴ね。かなり便利で使いやすい。 著作権的にどうなのって話が出ているけど、とりあえず、ああいう仕組みがあると便利なのは確か。 で、本題はここから。 僕は、メインのブラウザはfirefoxを使っているんだけど、その中で、もう絶対に離せないっていう拡張機能があって、それが「All-In-One Sidebar」。拡張の中では定番中の定番なんですが、これが激しく便利。 All-In-One Sidebar こっちに日本語での説明が書いてあるんだけど、firefoxは、標準だとサイドバーに表示できるのはブックマークと履歴だけなわけです。 けど、この拡張をインストールすると、サイドバーにア
[CSS]スタイルの初期化(後編) -body内の個別タグ編 | コリス
2007年春現在よく使用している、ブラウザがもつスタイルを初期化するスタイルシート「body内の個別タグ編」です。 スタイルの初期化 -テーブル関連 スタイルの初期化 -リスト関連 スタイルの初期化 -画像・オブジェクト関連 スタイルの初期化 -フォーム関連 スタイルの初期化 -テキスト関連 スタイルの初期化 -その他 スタイルの初期化(前編) -全称セレクタとhtml, body編 スタイルの初期化 -テーブル関連 テーブル関連では、table、th、td、caption の初期化を行います。 table{ border-collapse:collapse; border:none; border-spacing:0; } th,td{ vertical-align:top; border:solid 1px #000; font-weight:normal; text-align:le
![[CSS]スタイルの初期化(後編) -body内の個別タグ編 | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
はじめてのApolloプログラミング
お知らせ1：Apolloは正式名称がAIRに決まりました。はじめてのAIRプログラミングを書きましたので、そちらも参考にしてみてください。 お知らせ2：当サイト管理人ZAPAが、Adobe AIRプログラミング入門を執筆しました！ Adobe期待の「Apollo」アルファ版がリリースされ、早速「Apolloでニコニコ動画みたいなアプリを作ってみるテスト」を作ってみました。 まるで、何の問題もなく「Apolloアプリ」を作成できたかのようなエントリでしたが、本当はコンパイルエラーが起きたりして、実は一日で作成することができませんでした。 というわけで、自分がハマった部分も交えて、Apollo SDKによる「はじめてのApolloプログラミング」を解説したいと思います。 1.Apolloアプリケーション開発に必要なものをダウンロード 2.Apolloアプリケーション開発環境インストール 3.A
id名、class名の最近の自分の傾向
以前に「もう、class名やid名で悩まないんだからっ！！」というエントリーを書いたのだけど、自分がよう使うid名とclass名のまとめと、その辺の理由付けをしてみよーかなぁと思った。 後、idとclassの使い分け絡みもちょっと書くかも。 こーいう内容を書くと反応が怖かったりするけど、ソレもまた勉強なり。とか思って自分なりの今の考えを書いてみようと思います。 先に言っておきますが、コレから書く事が正解とかこう付けるべきって解釈はしない感じでお願いします。 コイツはこう考えてるんだ。くらいで読んでいただければ幸いです。えぇ。 全体を囲む際によく使うかなっていう系 #page idでコレをつける事が最近多いです。 wrapperとかwrapを使わないのは、脳内がサランラップに犯されているからっていうやる気の無い理由もありますが、「このサイトのこのページ。」なんだからpageがしっくり来たなぁ
Apollo コンパイルではまった... - てっく煮ブログ
無駄につまづきました。メモ代わりに。Flex SDK 2.0.1 が必須。2.0.0 ではダメ。2.0.0 が既に入っている場合は、上書きインストールではなく、新規インストールのほうが無難。 Flex SDK 2.0.1 を入れた上に、Apollo SDK を上書きコピーする。apollo_docs_alpha1_031907.zip にあるサンプル「Create your first Flex-based Apollo application using the Apollo」がそのままだと動かない。XML で visible="false" となっているが、これを visible="true" にしなければならない。 appId が同じアプリケーションは２重起動できない。visible="false" で表示されないアプリを作ってしまうと、何度コンパイルして実行しても表示できない状態に
[CSS]スタイルの初期化(前編) -全称セレクタとhtml, body編 | コリス
2007年春現在よく使用している、ブラウザがもつスタイルを初期化するスタイルシート「全称セレクタとhtml, body編」です。 CSSのスタイルの初期化が必要な理由 スタイルの初期化 -全称セレクタ（*） スタイルの初期化 -html, body スタイルの初期化 -全称セレクタとhtml, body のメモ スタイルの初期化(後編) -body内の個別タグ編 CSSのスタイルの初期化が必要な理由 HTMLの各タグは、ブラウザごとに初期スタイルが異なり、スタイルシートでレイアウトを行う際、ブラウザごとに異なる指定を行わないと期待通りのレイアウトを再現しない場合があります。 そのため、同一のスタイル指定で意図したレイアウトが再現できるように、このブラウザごとのスタイルの差異を無くすスタイルシートの設定を行います。 対象としているブラウザは、最近の僕の受注案件の多くは下記のブラウザが対象にな
あるデザイナーが一つのロゴを作り上げるまでのデザインプロセス | POP*POP
こちらのサイトであるデザイナーの仕事っぷりが披露されていました。コンセプトからデザインにいたるまでの過程を順を追ってみることができます。 » Ideabook Tutorials | Step-by-step logo – Mozilla Firefox デザイナーさんってこういう風に仕事をするのか・・・と大変勉強になりました（もちろんデザイナーさんそれぞれに違った仕事のやり方があるかと思いますが）。 では以下にそのデザイナーさんの頭の中身とでもいうべきデザインプロセスをかいつまんでご紹介。 今回依頼があったのは「Metro Aviation」というヘリコプターの輸送会社。 まずは紙にスケッチをしていきます。 ↑ ヘリコプターの概念をさらさらと。 ↑ もちょっと具体的に。 ↑ 社名も入れつつ違った角度から。 この時点でクライアントから「ハチドリ」のイメージが欲しいなぁ、と言われます。 ↑
class属性とid属性に関する議論リンク集 - 徒委記
class属性とid属性に関する議論リンク集 発端 過去の経緯や参考情報 2007年3月18日 2007年3月21日 2007年3月22日 2007年3月23日 2007年3月25日 2007年3月28日 「私はheaderやfooterはidじゃなくてclassだと思うけど、皆さんはどう思います？」 (CSS Nite公式ブログでのレポートより) 発端 CSS Nite Vol.18交流会「HTMLへの回帰」 CSS Nite Vol.18 謝恩会「HTMLへの回帰」の資料公開 過去の経緯や参考情報 CSS Nite Vol.3の企画「木達さんに聞いてみよう」 id属性とclass属性 | Web標準Blog | ミツエーリンクス Tips/WebPage/class と id の違いとは？ - outsider reflex idとclassの違い 2007年3月18日 WEBTECH
CSSの最適化とファイルサイズ削減をしてくれる無料ネットサービスいろいろ
ページの制作において必須とも言えるCSSですが、そのCSSファイルを最適化することによってページの読み込みを早くしてみたり、トラフィックの多いサイトであれば転送料の節約にも貢献できるらしい。 というわけで、現時点で存在するCSS最適化ネットサービスをいろいろと探して列挙してみました。最適化といってもサービスによって方法はいろいろなので、この中から自分の目指す方向の最適化サイトが見つかるかも。 CSSの最適化とファイルサイズ削減をしてくれる無料ネットサービスのリストは以下の通り。 Clean CSS - A Resource for Web Designers - Optmize and Format your CSS http://www.cleancss.com/ コメントを残したり、並べ替えたり、圧縮したり、最適化レベルやオプション指定によってかなりカスタマイズできるCSSファイルの容
Yahoo!UIライブラリとjQueryをミックスしたJavaScriptライブラリ「DED|Chain」:phpspot開発日誌
Yahoo!UIライブラリとjQueryをミックスしたJavaScriptライブラリ「DED|Chain」 2007年03月22日- DED|Chain JavaScript Library DED|Chain is free open source software (BSD License) that will allow you to build first class, high-quality websites without the cruft.Yahoo!UIライブラリとjQueryをミックスしたJavaScriptライブラリ「DED|Chain」。 DED|Chain を使えば、jQueryの使いやすさそのままに、Yahoo!UI Library の便利さも享受できるようです。 このように、JavaScriptライブラリと他のJavaScriptライブラリを組み合わせてお互
第1回：ばかにならない開発環境の構築費
いよいよ適用期へと移行した仮想化技術。この仮想化技術が，コスト削減圧力，構築の難易度向上，人材育成など，悩みの尽きないシステム開発現場の「救世主」になりそうだ。1回目は開発者を取り巻く経営環境と，コスト削減効果の実際について解説する。（ITpro） システム構築をスムーズに進めるためには，充実した開発環境は必須――。こんなことは開発者なら，誰しもが分かっていることです。だからといって，開発チームにふさわしい開発環境が提供されているとは言い難いのが現状です。 お客様（ユーザー企業）のシステムを実現するのに特殊なハードやソフトが必要であれば，開発環境を用意するコストをお客様にご負担して頂くことが可能かもしれません。ただ，一般的なハードやソフトを使うのであれば，お客様にご負担して頂くのは難しいと思います。ほかのプロジェクトにも利用できるわけですから。 こうした開発環境の費用負担は，大きな問題を抱
HTMLのリスト要素を視覚的に階層表示する「StyleMap」:phpspot開発日誌
Scott Jehl, Designer/Developer, Boston, MA | Process: StyleMap: Visual Sitemap If you've ever had to produce a sitemap for a client using tools like Visio or OmniGraffle, you know that it can be tedious to visual organize a complex hierarchy of pages. Having experienced this myself, I developed a simple and efficient way to make a sitemap through the benefits of standards-based HTML and CSS. HTMLの
Another HTML-lint gateway
HTML文書の文法をチェックし、採点します htmllint.cgi 1.28 / htmllint.pm 3.58 33,323 lints / 0 visits / since Jan 6, 1998 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下の
第４回 HTMLからXHTMLへの移行方法（1）：ITpro
HTMLからXHTMLにスムーズに移行するには、「書式の違い」をきちんと押さえておくことが不可欠。今回は「XML宣言」「文書型宣言」「XML名前空間と言語コード」「MIMEタイプ」「style要素とscript要素」について見ていこう。 HTMLよりも書式が厳格なXHTML XHTMLはHTMLをXMLで再定義したマークアップ言語であり、HTMLの簡便さを残しつつXMLの論理的厳密性を備えている。そのため、HTMLのようにルーズなコーディング（たとえば終了タグがないなど）でもブラウザで問題なく表示される、ということはほとんどない。したがって、書き方にエラーがないかどうか少し神経質にならなければならない。 また、CSSがきちんと適用されないというトラブルも、実はXHTMLが正しく書かれていないことに起因していることが少なくない。 これらの問題を避けるべく、エラーのないソースにするには、バリデ
XHTMLを編集できるWYSIWYMエディタ「WYMeditor」:phpspot開発日誌
WYMeditor WYMeditor's main concept is to leave details of the document's visual layout, and to concentrate on its structure and meaning, while trying to give the user as much comfort as possible. XHTMLを編集できるWYSIWYMエディタ「WYMeditor」。 HTMLを出力できるWYSIWYGエディタは多いのですが、XHTMLをはいてくれるものはあまり無かったですね。 H1やH2などの論理構造を上記のように表示してくれ、ブラウザベースの簡単なHTML編集などに便利そう。 ダウンロードして独自アプリに組み込むことができます。ライセンスはMIT and GPL。 関連エントリ
Adobe AIRメモ
AIR 「AIR(Adobe Integrated Runtime)」(コードネームApollo)とは、Adobe社が開発中のFlash技術を利用したデスクトップアプリケーションの実行環境。 Flashとの違いは、WEBブラウザに束縛されず、 デスクトップのハードディスクへのアクセス、クリップボード、ドラッグ&ドロップ、拡張子登録といった機能を利用できる点。Flashだけでなく、HTML/JavaScript/CSSやPDFも動作する。フルスペックのHTML/JavaScript/CSSに対応しているため、Ajaxのページも表示可能。 OSに依存しないデスクトップアプリケーション実行環境としては.NetとJavaもあるが、.Netは事実上Windowsのみしか対応してなく、Javaはランタイムのインストールがユーザーには敷居が高いという欠点がある。それに対しAIRはWindows
ブレインストーミングを活発にさせる4つのツール
アイデア出しに効果的なブレインストーミング。このブレストの効用を高める4つのツールを1人用、グループ用に分けて紹介しよう。 うまくかみ合えば、たくさんのアイデアを生み出すことができるブレインストーミング（＠ITの用語辞典）。そんなブレスト用のツールをいくつか紹介しよう。アイデアに困ったときに利用してみてほしい。 1人で使えるブレストツール 通常、参加者が多いほうが、たくさんの意見が出てくるのがブレストだが、1人でいろんなアイデアを出して、それぞれを比較・検討するのも効果的だ。ただし、1人ブレストの場合は確実にメモを取っておかないと、ただ“妄想しただけ”となりかねない。また、アイデアの重要度などが分かるようにメモを書きたい。単なるテキストよりは、連想がつながるって見えるマインドマップのようなツールを使うといいだろう。そんな1人ブレストを行うときは、こんなソフトが有効だ。 無料のマインドマップ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Python開発統合環境の決定版！
本をめくるアニメーションでスライドショー表示するFlash （Dynamic Page Flip ） - youmos
http://www.designwalker.com/2007/03/line-design.html
仕事で使えるショートカットキーのまとめ (手帳2.0)
http://youmos.com/news/parallax_backgrounds.html
画像をアップし、他の画像を複数枚組み合わせて元画像にする「Image Mosaic Generator」:phpspot開発日誌
http://mynotes.jp/blog/2006/11/reliability
人力検索はてな - XHTML（HTML）＋CSSで構築されたデザイン性の高いサイトのリンク集
php,ruby,perl,pythonなどの言語で『Webアプリケーション』を作成している方に質問です。…