53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine
CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isn’t it great? Well, actualy, it is. Over the la
Automatic colored rows - Example for BiteSize Standards
Are you a content creator looking to take your first steps in website design? You’re precisely where you need to be. HTML stands for HyperText Markup Language. Visualise HTML as the structural backbone of any website. A foundation that organises all the text, graphics, videos and overall layout. It operates behind the scenes, instructing web browsers how to render content for viewers. HTML is used
CSS Layout - 100% height
CSS layout: 100% height with header and footer Sometimes things that used to be really simple with tables can still appear pretty hard with CSS. This layout for instance would consist of 3 cells; two with a fixed height, and a third one in the center filling up the remaining space. Using CSS, however, you have to take a different approach. Min-height The #container element of this page has a min-h
CSS Bullets - Autoreloading Browsers
Autoreloading Browsers English Japanese 概要 CSS Bullets はネットワーク内のブラウザをエディタの保存と同時にリロード するためのパッケージです。 ネットワーク内のリロード対象ブラウザを自動的に発見する機構 リロードするための実行ファイル エディタ用スクリプト サポートブラウザ Mozilla Firefox (Mac, Windows) (MozRepl が必要です) Safari (Mac) Opera (Windows) Microsoft Internet Explorer (Windows) ダウンロード Mac OS X (requires Ruby/Cocoa) Windows できるだけ新しいもの（数字が大きいもの）をダウンロードしてください。 インストール Mac OS X Ruby/Cocoa がインストールされていない
Wii と CSS ／miniturbo::Blog
自己紹介 詳細 しょうの です。 最近は、Wiiにはまっています。 Wiiを持っている方は、是非「Wiiばんごう」交換してください＞＜ 3395 2337 7032 7974です！ 本日のアジェンダ インターネットチャンネルとは CSSの対応状況 ネックとなる"解像度" いつでもどこでも"screen" CSS3のMedia Queryを利用する インターネットチャンネルってなに？ Wii用に作られたWebブラウザ ...とはいっても、中身はほぼOpera 9 CSS1, CSS2, CSS2.1にほぼ対応 Ajax, Flash (～7)に対応 現段階ではお試し版(正式版は3月末リリース予定) （これよりインターネットチャンネルをWii Operaと表記します）
artcodeグループ - 2007 CSS Study Meeting
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
【特集】正式版完全対応! Internet Explorer 7 CSS攻略法 | クリエイティブ | マイコミジャーナル
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
早く、安く、確実に！ すべてを実現することが可能
早くユーザビリティ評価を終えられれば終えられるほど、デザインプロセスにもたらされる影響は大きくなる。時間のかかる手法は、年に一度のユーザビリティ検診で採用すべし。 Fast, Cheap, and Good Usability Methods: Yes, You Can Have It All by Jakob Nielsen on January 2, 2007 コンサルティング業界では古くから“早く、安く、確実に! ～いずれか２つを選べ～”と言ってきた。何かを短期間でかつ安く仕上げたいならば、質を諦めなければならないし、短期間でかつ上等な仕事をしようとすれば、料金がかさむことになる、といった意味である。多くの分野で言い得てはいるものの、ユーザビリティのある重要な側面、“方法論”については含意されていない。 ユーザビリティに関しては、もっとも迅速で、もっとも安価な手法こそが最良の選択とな
ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」:phpspot開発日誌
ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」 2006年12月27日- Particletree Dynamic Resolution Dependent Layouts ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」。 読み込んでおくだけで、750px以下、750px以上/950px以下、950px以上の３つのウィンドウサイズに応じて自動でCSSを切り替えることが出来ます。 JavaScriptの知識が一切なくとも、利用者の端末に合わせて、最適なUIを選択することができ、なかなか面白い＆便利。 アイデア次第で凄く優れたWEBサイトになりそうな感じですね。 (750px 以下) (750px以上/950px以下) (950px以上) 関連エントリ AjaxでSS
イラストレーターの文字選択 - 教えて！goo
こんばんは ＞何故かマウスでドラッグしても文字が選択できません クリックする時どのツールが選ばれていますか？ポイントツール（ツールボックスの一番左上の矢印）だったら、１クリックでそのテキストボックスが選択されます。 テキストボックス全体でなく、その中の一部の文字を選択したいのだったら、テキストボックスの中の目的の場所をダブルクリックするとそこにカーソルが入るので、そこからドラッグして選択します。あるいは予めツールボックスの中の文字ツール（"T"）を選んでおくと、直接ドラッグで文字列が選択出来ます。 ＞文字入力をしてもカーソルがある位置に文字が直接書き込まれることは無くひとまず欄外に（ウィンドウの左上）文字が現れ、enterキーを押すとそこでやっとカーソルの位置に文字を挿入することができます。 日本語入力の場合ですよね？これは仕方ないです。日本語入力で、入力したい部位に直接候補文字
窓の杜 - 【NEWS】Excelファイルのドラッグ＆ドロップでWebデータベースを作成できる「Wagby」
各種のデータを格納したExcelファイルをもとに、Webアプリケーション型のデータベースを自動生成できるソフト「Wagby」R5.2.1が、10日に公開された。Windows 2000/XP/Server 2003に対応するフリーソフトで、動作には「Microsoft Excel」2002/2003が必要。現在作者のホームページからダウンロードできる。 「Wagby」は、Excelファイルを読み込んで、Excel上の1行を1レコードに、列を各レコードのフィールドに対応させたWebデータベースを作成できるソフト。プログラミングやデータベースの知識がなくても、全自動でWebデータベースを生成できる。また、本ソフトにWebサーバーも同梱されているため、難しい設定を必要とせず即座にデータベースを運用可能。なお、WebデータベースはLinuxやSolaris、Mac OS X上でも動作する。 本ソフ
モバゲータウンが1日2億PVを達成--モバイルではmixiの2倍に
ディー・エヌ・エー（DeNA）は1月18日、同社が提供するモバイル向けソーシャルネットワーキングサービス（SNS）「モバゲータウン」のページビュー（PV）が、1月7日の時点で1日2億を突破したことを明らかにした。 モバゲータウンは2006年2月にサービスを開始したモバイル向けのSNSだ。約50種の無料ゲームやアバター、日記やサークル（コミュニティ）などのサービスを提供しており、サービスは既存ユーザーの紹介を必要としない登録制となっている。利用は無料だが、アバター用のアイテム購入には「モバゴールド」と呼ばれるポイントが必要となる。モバゴールドはモバゲータウン未登録ユーザーに同サービスを紹介した際や、提携するECサイトで商品を購入した際に入手できる。 DeNAによると、2006年12月末の会員数は259万人、月間PVは48億6700万となっている。サービス開始当初のユーザー割合では10代が圧倒
WEB標準なレイアウトを作成するレイアウト言語「Bamboo」:phpspot開発日誌
The Bamboo Projekt - About Bamboo helps you to create standards-based, cross-browser page layouts more easily by providing a new layout language that is more natural than CSS for defining layouts. WEB標準なレイアウトを作成するレイアウト言語「Bamboo」。 次のようなレイアウト指定をすることで複雑なHTML&CSSなレイアウトを作成できます。 <layout> <grid> <rows> <row height="200px" /> <!-- Jumbo Banner --> <row height="20px" /> <!-- Global Navbar --> <row height="
nitoka blog: IEだとimgタグをlabelで囲んでも動かない
FireFoxだとこんな感じで、imgタグをlabelで囲めばlabelの動きをしてくれるのですが、 <input type="radio" name="q1" value="1" id="q11" > <label for="q11"><img src="images/hoge.gif" alt="値1" /></label> <input type="radio" name="q1" value="2" id="q12" > <label for="q12"><img src="images/huga.gif" alt="値2" /></label> <input type="radio" name="q1" value="3" id="q13" > <label for="q13"><img src="images/fuga.gif" alt="値3" /></label> IEだと
リアルな資産運用の結果をお見せします。海外投資が調子良い！
「私のリアルな海外投資の結果をお見せします」を運営している管理者です。お越しいただきありがとうございます。 投資全般が好きな私は国内株式や海外への不動産投資や株式・定期口座など多くの投資をしています。 情報収集で多くの投資ブログを閲覧していますが、圧倒的に「投資に失敗している人」が海外投資を批判する内容の記事が多いことに驚きました。 海外投資に失敗している方の特徴はどれも中間業者の選定に間違いがあると感じています。そう海外投資には必ず資産を運用する会社があってこの運用会社の投資の腕にかかってるのです。この選定さえきちんとすれば確実に海外投資はよい結果が期待できます。投資なのでリスクは必ずありますがそのリスクを極力少なくする私の経験を交えて情報を配信したいと思います このサイトは「将来の日本は大丈夫だろうか？」「国家破たんもあるの？」「日本に資産を置いても全然増えない！」でも海外投資は怖いし
SEOをマーケティングの一部だと考えるのなんてもうやめたらいいのに：DESIGN IT! w-LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 これはもう前々から思っていることではありますが、もう一度、書いておくことにします。 いまだにWebマーケティングだとかいうと、SEOを思い浮かべる人がいます。 はっきり言います。 そんなのもうやめなさいって。 SEOはWebデザインの一部また、それが何か特別なことだと考えるのも、もうそろそろやめたほうがいいです。 SEOなんて単なるWebデザインの基本にすぎません。 そう。それはデザインであって、Webサイトの設計者が行なうべき仕事です。 まぁ、どんなキーワードが市場で有効かを知りたければ、それは調査担当者にお願いしてもいい。 でも、調査をいくらやったところで、それがサイトに反映されなければ意味はありません。 じゃあ、誰がそれを反映できるかといえば、設計者以外にありません。
マイクロソフト、VistaでPC間の移管を制限--著作権侵害対策の一環として - CNET Japan
Windows Vistaではモバイル機能が改善されている。だが、Vista自体の移植性は制約されている。 Microsoftが提示した新しいライセンスによると、Vistaのリテールパッケージ製品で、新しいマシンへのOSの移管が許されるのは、1ライセンスにつき1回だけだという。 従来のWindowsリテールパッケージ製品では、元のマシンからOSを削除すれば、別のマシンにWindowsを移すことができ、これを何度繰り返しても問題はなかった。 MicrosoftのWindows Vista部門ゼネラルマネージャーShanen Boettcher氏は、「これまではこの仕組みが、著作権侵害の足がかりとなっていた。ライセンスで許可されているマシン間の移動が、一度限り有効であることを明確にする必要がある」と語った。 同社は、先ごろ発表した「Software Protection Platform」など
ユーザは意外な情報から判断している (ユーザビリティ実践メモ)
自社のサービス・商品をウェブサイトでいかに効果的にユーザに見せることができるかどうか、頭を悩ましているウェブマスターの方も多いのではないでしょうか。 テストで発見された顕著な例をご紹介します。 【ケース1】：インターネットセキュリティ製品の場合 この製品は品質、価格など全体的に優れている点が多く、ウェブサイトでも効果的にアピールできていました。 ところが、下位階層にあるメンテナンスに関するページの更新日付が、かなり古いままになっていました。 それを目にしたユーザは、「セキュリティ製品は常に最新にアップデートされていることが重要なのに、ずいぶん昔のまま放置されている。この製品のセキュリティ情報の更新頻度は大丈夫なのでしょうか・・。」と不安を持ってしまいました。 【ケース2】：特化型の中古車販売店の場合 この販売店は、特定の車種のみを専門に扱っており、このコンセプトはターゲットユーザに
IEの様々なバグの真相らしきもの｜CSS HappyLife
IEには様々なバグが報告されていますよね。 もうコーダーからしたら勘弁して下さいって泣きが入りそうになるくらいに... 背景色が指定された要素内でfloatがある時、要素内の文字が消えるとか、floatに後続するmarginの値が無視されるとか、widthを指定しているとボックスの中身にfloatしている要素があっても、自動的に高さが伸びるとか。 こういったIEのバグに有効な手段として、IE6まではheight:1%を指定する事で回避したり、IE7でもwidthを指定して回避したりと色々やってると思います。 その他、IE独自拡張のzoomを使った方法なんかもあります。 今まで理由とかは分からないけど取り合えず解決するんだって事で、widthやheight、zoomを指定しておけばいいんだ。 と認識していましたが、つい先日ちょっと気になる内容をみつけましたのでご紹介。 ソレはhasLayou
アメリカのSOX法で「LifeHack」はつぶされたの？: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 これって本当でしょうか？ プロセス標準化の理解が違うんじゃないでしょうか？ 内部統制の整備で重要とされるのは業務プロセスの標準化だ。同じ業務を行うにしても各個人が別々のやり方で行うと、不正やミスが入り込むリスクが大きくなる。 （中略） で、そこで割を食うのがITツールやWebサービスを使うLifeHackだ。内部統制の観点では、生産性を上げるためであっても、ITツールや Webサービスを個人の判断で自由に使うことができなくなることが考えられる。社内の標準プロセスに外れるPC利用はご法度だ。 そもそも、内部統制というのは日本版SOX法の中に組み込まれているものです。とうぜん、「日本版」とつくくらいで、アメリカのSOX法が元になっています。 どのくらい元になっていて、どれくらい
第2回 全国自治体・上場企業・官公庁のRSS導入・配信 調査状況レポート 2007/1 - RSSフィード.cc
本資料は2007年1月10日〜2007年1月12日の間で、全国自治体などのホームページを調査し、RSS配信を実施しているサイトを抽出・集計したものです。(第一回調査結果はこちら 第3回調査結果はこちら) 対象サイトについては、インターネットの検索などにより独自にリスト化したものを使用しています。抽出条件等の制約により、すべてを完全に網羅していることを保証するものではありません。 調査段階でなんらかの障害によりホームページに接続できなかった場合、RSS未配信として取り扱っています。 RSS配信対応サイトについては、各ホームページのトップページから実際にRSS配信が確認されたサイトのみ抽出しています。 調査の目的 RSS配信という新しい形式の情報公開の取り組み方について公共性・社会的責任の高いサイトでの対応状況を確認するため。 調査対象 官公庁（中央省庁および関連機関）、全国都道府県・庁市町
使いやすさ日記: 316. 対応するインクが分かりやすい！～EPSONプリンタのパッケージ情報～
316. 対応するインクが分かりやすい！～EPSONプリンタのパッケージ情報～ 2007年1月19日 インクジェットプリンタで出力をしていたときのことです。インクの残量が少なくなったことを知らせるために、パソコンの画面にこのような「パッケージ情報」というものが表示されました。 よく見ると、替えのインク購入時の目印としてイルカのイメージ写真が示されていました。また、「印刷」をクリックすると、このウィンドウをプリントアウトできるようになっています。 プリントアウトしたものを持ってお店に行くと、確かにイルカの写真がパッケージに載っていました。パッケージ全体のデザインとウィンドウに示されている絵が似ているので探しやすいですね。 お店で替えのインクを探す際、持っているプリンタの型番を正確に覚えておかないと、間違えてしまうこともありますし、「シアン」や「マゼンタ」など、一般のユーザには馴染みの無い色の
僕がWebやブログを見ていて悲しくなる7つの場面：DESIGN IT! w-LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 こんなときは涙が出そう。 1.「所詮、○○だからねｗ」とかという記述をみつけたときごめん。それで何かを言った気になっているのでしょうか？ いまどきニヒルを気取ってでもいるのでしょうか？ というか、そういう他人を見下した態度するあなたはどなた？と感じます。 2.他人のブログへの批判的なコメントが完全に手のひらにのっちゃってるとき誰かが他の人のブログに批判的なコメントをしているんだけど、それが批判対象となっている人が書いている内容にすでに織り込まれていて、完全に相手の手のひらの中で遊ばれちゃってる状態なのを見つけたとき。それ、懸念事項に含まれてるよ、なんで批判するならもっと脳みそ使ってからにしなかったのかなって感じちゃいます。 3.エントリー内の文章の比率として言い訳がかなりの
東急電鉄、「遅延証明書」をネット発行－JR東と同時開始へ
東急電鉄（渋谷区南平台町）は1月30日より、同社各線の列車に遅れが生じた場合に自社ホームページ上で遅延証明書を発行するサービスを開始する。 列車が定刻通りに運行しなかった際に駅窓口などで配布してきた遅延証明書は、これまでラッシュ時などの混雑時に客が集中し「お待たせすることがあった」（同社）と同社。こうした混雑状況の改善を図るため、ネットでの発行に踏み切るという。 同様の試みについては昨年12月にJR東日本が発表しており、同じ1月30日にサービスを開始するとしている。証明書発行の手順はいずれも、自社ホームページ内の専用バナーをクリックし画面上で日時を選択後、表示された証明書をプリントアウトするというもの。 東急電鉄発行の証明書は、「X月X日、東急線は最大でX分程度遅れたことを証明します」（Xには数字が入る）などと書かれたもの。列車が遅れた具体的な時間帯については、始発から朝10時までのラッシ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新春CSSかくし芸大会の資料を公開します - 日向夏特殊応援部隊
https://lowreal.net/2007/0117-css/pp.html?content.txt
株式会社イー・エージェンシー
JavaScriptを利用してフォームの二重送信を防止する
ハケン - ドブログ[Do-Blog] - ドブロク[DOBUROKU]
BIG IDEAS ARE SMALL, DESIGN BARCODE. デザインバーコード
COULD：Webデザインに関する 15 の調査結果