こちらのブログには認証がかかっています。 ユーザー名 パスワード Powered by Seesaa
覚えておくとちょっと便利なHTML要素(1) - sup，em | オトコのキモチ
こちらのブログには認証がかかっています。 ユーザー名 パスワード Powered by Seesaa
hail2u.net - Weblog - CSSで指定するフォント
CSSで指定するフォントは、訪問者のマシンにその指定したフォントがインストール済みでないと(大抵の場合は)反映されないため、手に入れやすいまたは多くのOSでインストールされているフォントを指定することが多い。手に入れやすいフォントとして代表的なものはCore fonts for the WebというMicrosoftが提供しているフォント群で、具体的にはArialやTrebuchet MS、Verdana、Georgia、Times New Roman、Courier Newなど。あえてLucida GrandeやTahomaを使うというのなら違和感の少ない代替になりそうなフォントを指定しておいて挙げると良いかもねとかいう話。 Core fonts for the Webに含まれる多くのフォントはWindows 98以降では予めインストールされており、Mac OSでもInternet Ex
Lucky bag: : blog: 背景画像に使える透過 GIF
斜線やストライプの背景画像を Photoshop とかで作ると、色を変えたくなった時にそのたび作り直しってのが面倒。便利で使ってる人も多いかもしれない secondlife さんの Background Image Maker でもそれは同じかな。んで、Photoshop とかで作る場合に、線に色を付けて作るんではなくて、色を付けたい部分を透過にして作っておいて CSS で background-color を指定するやり方にすれば、色を変えたくなった時はCSS で背景色を変更するだけで良いじゃんって、Super Stripes を見て目からうろこ状態。早速インスパイヤしてみた！ 使ってみたい GIF 画像をダウンロードして、CSS で背景画像に。あとは、背景色で好みの色を指定するだけ。ちなみに、サンプルでは背景色を #fa0 と指定している。 斜線 oblique-line_1px.gi
割と正しいWebPage
星の数程もあるWebPageの中で、HTML、CSSを割と正確に使いこなすWebMasterを結ぶ同盟のようなものです。 どんな環境の人が見ても割りと快適に見れるWebPageを増やすことと、すばらしきCSSを布教することを目的としています。 「割と正しいWebPage」が世界に溢れるといいなと思います。 参加資格 参加方法 活動内容 何故”割と”か… その他 参考リンク集 このサイトの軌跡(別ページ) 割と正しいサイト(別ページ) 参加資格 割と正しくHTMLとCSSを使っている。 物理的フォントタグ(fontやb)は原則禁止です。CSSでやってください。 だいたい[AnotherHTMLlint]で普通以上。 ただ、借り物カウンタやアクセス解析、ウェブリングなどによりやむおえない場合は低得点でもOK。 自分で出来る限りのことはやっている！と自信を持って思えるのならば十分です。 CSSは
CSS Allstar
企业概况 Survey 董事长致辞 Speech 发展历程 Course 百诺荣誉 Honor 企业文化 Culture 产业集群 Colony 山东百诺太阳集团2007网站股份有限公司（百诺太阳集团2007网站，股票代码836534）成立于2000年8月，总部位于山东省济南市，致力于打造国内领先的太阳集团2007网站研发技术平台公司，通过ISO9001国际质量管理体系和知识产权管理体系认证，成立研发行业“院士工作站”，全国工商联太阳集团2007网站研发分会副会长单位，先后荣获“中国太阳集团2007网站研发公司十强”、“新三板创新百强榜”、“国家技术转移示范机构”、“国家高新技术企业”、“山东省企业技术中心”、“2018中国（行业）最具影响力品牌”、“中国技术市场金桥奖”、“2019年中国太阳集团2007网站工业最具投资价值企业”等多项荣誉。目前公司已成功开发了各类新药330余个，240余
hxxk.jp - CSS の記述ルール記事のまとめ
記事データ 投稿者 望月真琴 投稿日時 2006-08-17T00:37+09:00 タグ CSS まとめ デザイン 実践 Web Standards Design 概要 CSS の中身をどう記述するかという絶対的な正解はありません。それでも、記述ルールを公開している記事などを集めて最大公約数的なルールを模索してみることにしました。 リプライ 3 件のリプライがあります。 CSS の記述ルール いまだに私自身「これだ ! 」という答えを見出していないのですが、 CSS の記述ルールって絶対的な正解ってありませんよね ? ちょっと私が知っている範囲で明文化されている CSS の記述ルールを集めてみましたので、それを元に絶対的な正解のルールではなく、最大公約数的なルールを模索してみたいと思います。 ちなみに、今回模索するのは Lucky bag::blog: CSS を作成する際のお約束やデフ
グリッドレイアウトのための背景画像 - lucky bag
ウェブページをグリッドレイアウトするのであれば、あらかじめ CSS で背景画像にルーラーみたいな画像を指定しておけば制作時に便利じゃね？ってアイデア。 Subtraction: Grid Computing… and Design Airbag - Ruler. Using a Background Image Grid to Lay Out Your Web Site | Smiley Cat Web Design つうことで、自分が使いやすいと思う方眼画像をちゃちゃっと作ってみた。 gif画像（ご自由にどうぞ） grid.gif (GIF 画像, 200x200 px) 実際に適用してみたサンプル グリッドレイアウトのための背景画像のサンプル ルーラーの最小単位は 5px で、それより若干濃い線が 10px 、さらに濃い線が 50px、んでもって薄いグレーの背景が 100px 単位って
【特集】CSS実装徹底検証! そこが知りたいInternet Explorer 7 (24) 08-02 未対応のプロパティ | クリエイティブ | マイコミジャーナル
IE7 beta2では、これまで未対応だったCSS2.0のプロパティには対応していない。対応していないプロパティは以下のようになっている。 border-spacing テーブルの隣接するセルの罫線から罫線までの間隔を指定するプロパティ。 caption-side テーブルのキャプションの表示位置を指定するプロパティ。 empty-cells テーブルのセルが空のときに、セルの罫線の表示を指定するプロパティ。 content 自動挿入するコンテンツを指定するプロパティ。コンテンツの挿入先を指定する疑似要素「:before」「:after」にも対応していない。 quotes contentプロパティで引用符を挿入するとき、引用符の種類を指定するプロパティ。 counter-increment / counter-reset contentプロパティでカウンターを挿入するとき、カウンターの値を
スタイルシートを書く時のガイドライン - 2xup.org
2006-07-11T19:56:28+09:00 会社ではやっているのだけれど、自分のウェブサイトでもやってみよう。と簡略記述を利用する場合の値の順序やらもまとめとく必要があるのかもしれないけれど、セットフォーマットルールやプロパティの順番だけをサクッとまとめて資料にしてみました。課題は残したもののこれだけでも相当すっきり。詳細やセットフォーマットルールに関しては、ダウンロードできるようにしている資料を参考にしていただくとして、このエントリーではプロパティの順序についてまとめることに。自分自身が実際に作業を進めていくことを考慮し、その考えに基づいて設定したモデル別の順序は以下の通り。 生成 内容, 自動番号付け及びリスト (Generated content, Automatic numbering, and Lists) 利用者インターフェイス (User Interface) ビジュ
Harukiya Archives
2006/07/09 category / HTML いかにも息切れネタ切れな、苦しさすら感じるタイトルである。以前もちょっとふれたIE独自拡張のexpression()を使いつつ、広い範囲で読むことのできるWEBページをデザインしてみよう。 ekken♂： １カラムにはmax-width レイアウトにはそれぞれ利点欠点があり、ワンカラムにも当然それはあります。例えば<body>要素直下の<div id="main">というブロックをリキッドレイアウトし、かつ800px以上には広がらないようにスタイリングするには div#main { width: auto; max-width: 800px; } のようにしますね。しかし、IEでもmax-widthを取り入れてくれないかなぁ……と、えっけんさんもこぼしてるように、IEはmax-widthを理解しません。これにはsvendtofte.co
１カラムにはmax-width：ekken
この109の１カラムテンプレートを「表示領域・可変」で絞り込むと34個しかヒットしませんでした（固定でのヒット数94と合わせると128となり、上記の表での結果109と合致しないのが気になるところ）。 ううむ、あまり人気がないのですね、１カラム可変幅テンプレ。 ブログ主としては自分のトップページをポータルサイト的にして、さまざまな情報を表示したいのかもしれないけれど（というか、僕がそうなんですけど）、他者のブログを読みにいった時に「実はサイドバーって、あまり重要視していない」ということに気付きました。 サイドバーを表示させていると、その内容も読みやすくしたいものだから、ある程度の幅を占有させる必要があります。その為にエントリ本文の表示領域狭くしたり、文字を小さくしたりするのはなんか本末転倒だなぁ、という気がしてきました。サイドバーを読みやすくするために本文を可変幅にして読みにくくなってしまっ
Lucky bag::blog: CSS だけで Mac OS X の Dock 風ナビゲーション
Paul Armstrong Designs - Weblog - CSS マウスオーバーした時にグニュって拡大する Mac OS X の Dock っぽい動きを CSS だけで実現させるってアイデア。このギミックがユーザビリティ的にどうかは置いておくとして、隣接セレクタを使ってフォントのサイズを段階的に変えるってのは面白いなぁ。試しに自分でもサンプルを作ってみた。ちなみに動作するブラウザがかなり限定されしまい、 隣接セレクタ未対応の IE はもちろん、Opera や Safari でもうまく動作しない。まぁほぼ Gecko オンリーって感じ。 対応ブラウザ Firefox 等の Gecko 系 Internet Explorer 7 beta 2 テキストをズーム CSS だけで Mac OS X の Dock 風ナビゲーションのサンプル その 1 li { font-size: 1em
リキッドデザイン CSS i@GoLive CS
1. 基礎 CSSとは 外部CSS テキスト リンク テーブル 見出し リスト 2. レイアウト ナビゲーション 段組 リキッドデザイン 3. ブラウザ対策 Safari IE for Win Choice Width 35em Liquid Accessibility Check ここではリキッドデザインをCSSでデザインするための方法の一部を記述します。 いわゆるアクセシビリティと名がつくWebページで横幅を固定したところがあります。ディスプレイの幅が800ピクセルであっても横スクロールを発生させない要件のためにしているのですが、本来、アクセシビリティを追求していくのであれば矛盾を抱えているデザインです。 リキッドデザインをテーブルでレイアウトするのは幅の単位を%で指定するだけで容易に作成できますが、テーブルをレイアウトのために使わないことが望ましいとJIS 834
実践アクセシブルHTML - 可変フォントサイズとレイアウト
フォントサイズ固定に残念な思い 6月20日に、Macromedia Flash Conferenceへ行ってきました。その一番最後の時間枠は、FlashのコンクールというかコンテストというかでFlashの作品をいろいろ募集している、さまざまなサイトの紹介をするスペシャルセッションでした。こういった場では、かなり大きいスクリーンに画面を表示させて、たくさんの受講者みんなで見るというスタイルが採られるわけですが、いくら大きなスクリーンであっても小さな文字なんかを判読するのは困難です。 そのスペシャルセッションのスピーカーの方が、サイトの内容の一部を読み上げたりしながら、「あ、これはちょっと見づらいですね」などといいながら、フォントサイズを大きくしようとブラウザを操作したのですが、そのサイトは文字の大きさを固定しているようで、大きくできませんでした。ちょっと、その中のどのサイトだったかは定かでは
Amazon.com
Счет в символах ведется слева направо, начиная с самого крайнего левого барабана. Стоимость символов и их комбинаций игроки найдут в таблице выплат. Для этого нужно нажать одноименную кнопку на панели управления. Также здесь публикуются правила риск-игры и другие условия слота. Размер ставок, дисперсия и RTP Несмотря на то, что слот вышел еще в далеком 2005 году, RTP составляет 92.13%, что являетс
CSS Remix
Cascading Style Sheets Explained If you’re new to Cascading Style Sheets, or CSS, then this short guide is for you. After a brief introduction to CSS and some of its benefits, we’ll move on to CSS frameworks to help you decide if you should use one and if so, which one would be best for your needs. What is CSS? CSS is a computer programming language used for describing the visual presentation of a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Blogmarks : Public marks with tags design & css
個人的に思う、よろしくないCSS - Personnel
Clean CSS - A Resource for Web Designers - Optmize and Format your CSS
CSSelite