Smashing Magazineのエントリーから、XHTML/CSSのフリーのテンプレートを配布しているサイトを紹介します。 100 Free High-Quality XHTML/CSS Templates 上記では、厳選した100のテンプレートが紹介されています。
2008年07月30日04:00 カテゴリTips CSS - font-familyを明示指定してみた ごもっとも。 はてなブックマーク - turing_patternのブックマーク / 2008年07月29日 もし可能ならば Vista&IE7 にもフレンドリーにしていただけないでしょうか VistaのIE7でsans-serifがGulimになる - 三日坊主と呼ばせない!日記自宅マシンをVistaに入れ替え、本運用を開始してから2週間くらいたつわけなのだけれど、今日たまたまとあるサイトを表示したときに???な事態に。というわけで、CSSを以下のように変更しました。 Before: font-family:san-serif /* ... */ font-family:serif After: font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku G
2008年07月29日03:00 カテゴリTips 本blogをiPhone/iPod Touchフレンドリーに Apple iPod touch アップルコンピュータ してみました。 具体的に行ったのは、以下の通りです。 以下をCSSに追加 @media screen and (max-device-width: 800px) { /* iPhone + small display friendly */ .amn { display:none } #links { display:none } #content { min-width:800px; max-width:1280px } } 以下をテンプレートに追加。charset指定の直下。 <meta name = "viewport" content="width=728" /> 解説すると、AMNのラージバナーとサイドバーを非表
2008年03月18日06:30 カテゴリLightweight LanguagesTips javascript - tableの横列・縦列をハイライト これの「横列・縦列をハイライト」をDHTMLで。 Learn Cool Microsoft Excel Conditional Formatting Tricks - Be a Rock star (Tips | How tos - Save time, impress everyone) | Pointy Haired Dilbert - Chandoo.org エクセルのデータを見やすくする5つの簡単なテクニック | コリス まずは邪、じゃなくて横縞。 現金・預金株式以外の証券株式・出資金金融派生商品保険・年金準備金預け金未収・未払金対外証券投資その他合計 1979FY1,948,234242,722452,2410432,1241
Natalie Downe Blog Archive Inline image quotes I have been meaning to write about this technique for some time now. The aim is a block quote looking something like this, with speech marks at the front and termination of the text but without the nastiness of inline images. blockquoteでの引用を美しく表示するCSS。 次のようなシンプルなblockquoteのHTMLがあったとします。 <blockquote cite="Brian Littrell"><p>Shoot for the moon. Even if
ruby でスクレイピングして web の情報を取得するのには、今まで正規表現か xpath でやってたので、わりと面倒でした。で、ふと scrAPI というスクレイピングツールキットを知ったのですが、これがかなり便利そう。 このツールキットを使うと、CSS3 なセレクタを記述することで、要素を取得することができます。 という Ruby の scrAPI での CSS セレクタがいい感じでございますなあと指をくわえて見てたんだけど、 Per discussions in CSS Selector in Perl, I made a quick perl module HTML::Selector::XPath, which is available at http://svn.bulknews.net/repos/public/HTML-Selector-XPath/trunk/ now.
オンラインで動く、色, CSS, robots.txt, .htaccess等のジェネレーター色々 2006年11月13日- Smashing Magazine Blog Archive Online Generators One can discuss, whether web-generators are useful or not. On the one hand, they don’t challenge our creativity, but on the other hand they make our life easier and save our precious time. However, it doesn’t matter really. オンラインで動く、CSSや画像ジェネレーター色々。 色、CSS、METAタグ、htaccess、パスワード、robots.txt
岡村 直樹(にゃるら)『輝かしい青春』なんて失なかった人。 2023年10月現在、アルバイトが退職となったので次に備えて待機中。 ※なおゲームのシナリオ・企画を担当された『にゃるら』さんとは別の人間です 略歴1988 年代の早生まれ。『輝かしい青春』なんて失なかった人。 2003 年代後半の高校生時代、自滅的にメンタルを病み、そこから 2023年 10月現在も治療中。 とはいえ 2019年 9月頃に N 高等学校を卒業し、 その後 2022年 8月から 2023年 9月末まで Web アプリケーションエンジニアとしてアルバイト就職をするなどした。 2023年 10月現在、次回の備えて精神科でリハビリに通う日々を送っている。 プログラミングスキルは 2005 年頃、 blosxom のために Perl を扱う事を通じて修得し、 そこから 2023年 10月に至るまで継続して腕を磨いている。
Perl に HTTP::BrowserDetect というモジュールがあるんですが、これを使うとサーバサイドでブラウザの判定ができます。 my $browser = HTTP::BrowserDetect->new($user_agent_string); if ($browser->is_firefox) { ... }とかして使う。 CSS を静的なファイルではなく動的コンテンツとして提供してるサイトなら、このモジュールを使えば CSS Hackless でクロスブラウザなスタイリングができるよという話。TT で CSS のテンプレートを書いてるのであれば、 div#body ul { [% 'line-height: 120%' IF browser.is_ie %] }とかできて幸せ。というのを思いつきました。Catalyst::Plugin::Browser とかはこのために作
CSS で行ボックスの高さを指定する line-height 値に、em(length) や %(percentage) などの単位を付けて指定しているサイトを意外と見かける。それは間違いではないし、例えばナビゲーションとかでブロック要素の垂直センターに配置するために意図的に指定しているんであれば良いんだけれど、そうでないなら line-height 値には単位なし (number) で指定した方が良いのにとか思ったりする。その理由は Eric's Archived Thoughts: Unitless line-heights でも分かりやすく説明されているんだけど、ちと劣化コピーしてみる。 単位ありと単位なしの違い 手っ取り早く説明するために、サンプルを作ってみた。p 要素があって、その中にインライン要素の em で一部分を強調している。分かりやすいようにそれぞれの font-size
mixiのデザイン変更から学ぶ、ウェブサイトの最小横幅を800px以下にすべき理由 2006-02-09 mixiのレイアウトが大幅に変更された。右側にサイドバーが出現して、全体の横幅が大きく広がったのだ。全体の横幅は900pxほどだ。このため、私の環境ではブラウザの横スクロールバーが現れるようになってしまった。以下がその様子だ。 これはユーザビリティ的にかなりよくない状況だ。横スクロールは可能な限り避けなければならない。なぜなら多くのユーザーは横スクロールすること自体に不慣れだから。 しかし、画面を見てお気づきの方もいると思うが私はWindowsのタスクバーを縦に配置している。このレイアウトはマイノリティな類であろう。このレイアウトのためにブラウザの横幅が縮まっているので「それは例外だ。みんなブラウザの幅は900px以上にしてるよ」という声が聞こえてきそうだ。しかしこれには反論の余地があ
クロスブラウザで動作可能なカレンダーウィジェット「Cross browser javascript calendar」 2006年10月30日- Cross browser javascript calendar クロスブラウザで動作可能なカレンダーウィジェット「Cross browser javascript calendar」。 dhtmlgoodiesにてまたまた便利なライブラリを発見 設置方法も非常にシンプル。 JavaScript/CSSを読み込み inputタグのonclickイベントでdisplayCalendarメソッド呼び出し ソースは次のようにとてもシンプルに実装できます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <
2007-01-30更新 Yahoo UI Fonts CSS使用時の各要素のフォントサイズを変更する際の注意点を追加しました。 defalut.cssちょっとだけ修正 2007-01-18 更新 記事の内容も古くなり、Yahoo Libraryなどがでて更に差異を減らすことが簡単になったことから、これを利用し、スタイルも簡潔にシンプルに記述しなおしましました。前よりも使いやすくなったはずです。前回配布していたものとの変更点は次のようになります。 定義グループにアウトライン番号を記述 ベーススタイルのデザインをシンプルに記述し直し 使用していたカラーを一部を除いてモノトーンに変更 Yahoo Library Fonts CSSを組み込み、各ブラウザで文字サイズが同一になるように修正 プロパティ記述順序をhail2u.net「CSS2 Specificationでのプロパティの出現順序」に沿
自分のサイト外へのリンクにマークをつける。スタイルシートで実現が可能。 サイト外へのリンクだけにアイコンをつけたい。Movable Type 用のプラグインはないようだし,JavaScript なのだろうか? と思っていたら,何と CSS だけでできるらしい。知らなかった。もしかして当たり前? CFDN | 外部リンクにアイコンを付ける さんで解説されていた。簡単でビックリ。 このサイトでは,外部リンク用のアイコンを external-link.gif という名前で用意して,スタイルシート用の MT テンプレートには次のように書いている。少々特殊ではある。 .blogbody a[href^="http:"]:after, .blogbody a[href^="https:"]:after { content: url(/images/external-link.gif); vertica
CSS Property Index = Index DOT Css by Brian Wilson = Main Index | Property Index | CSS Support History | Browser History All | Fonts | Text | Colors/Backgrounds | Scrollbars | Outlines | Lists | Tables Classification | Dimensions | Positioning | Margins | Padding | Borders Dynamic Content | Generated Content | International | Printing | Aural | Extensions A/B accelerator azimuth background backgro
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く