Making the web more beautiful, fast, and open through great typography
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
黄金比にも対応したグリッドレイアウト用のシンプルなCSSのフレームワーク -The Square Grid
2, 3, 4, 6, 9, 12, 18の均等分割をはじめ、黄金比の分割にも対応したグリッドレイアウト用のCSSのフレームワークを紹介します。 The Square Grid [ad#ad-2] The Square Gridのグリッド設計 グリッドの全幅は994pxで、両端に余白7pxをとり、残りの980pxを均等に35分割したものをベースにしています。 均等分割のカラム
デザイナは要注目！ 明日から語れるHTML5＆CSS3（1/4）- ＠IT
デザイナは要注目！ 明日から語れるHTML5＆CSS3：一撃デザインの種明かし（13）（1/4 ページ） ※本稿では特に断りがない場合、Firefox、Google Chrome、Opera、Safariは2010年7月時点の最新バージョン、IEはInternet Explorer 6/7/8の総称です。 いま世界で一番熱い「HTML5」「CSS3」とは？ 最近、「HTML5」「CSS3」といった言葉をよく耳にしませんか？ これらはWebの表現をもっと豊かにするために策定中の言語です。いままでのHTML 4.01やXHTMLでは実現できなかったことができるようになったり、CSS3はCSS 2.1よりさらにグラフィカルな部分まで表現できるようになりました。 FirefoxやOpera、Safari、ChromeといったHTML5＋CSS3に対応するWebブラウザが増えてきたことで、HTML5
Top Computer Lifehacks for 2024 – Boost Efficiency and Performance
Explore the best lifehacks to optimize your computer. From faster performance to smoother workflows, these hacks will transform how you use your PC or laptop The tech community is buzzing with concern following a recent teardown of Google’s Pixel 9a by a prominent tech YouTuber. The video, which has garnered millions of views since its release, revealed what appears to be a significant design flaw
作ろうiモード：iモードブラウザ2.0対応i-CSS2について | サービス・機能 | NTTドコモ
i-CSS2はiモードブラウザ2.0以降で利用できるスタイルシートで、CSS2、WCSSに準拠しています。 i-CSS2を使用するには次の3つの方法で記述します。 link要素により外部ファイルを読み込む。外部ファイルは1ページあたりの読み込みサイズに含まれ、最大ファイルサイズは500KBです。 例: <link rel=”stylesheet” href=”aaa.css”> style要素に記述する。 例: <style type=”text/css”>body {color:red;}</style> 各要素のstyle属性に記述する。 例: <body style=“color:red;”> 属性名、値、疑似クラスは、半角大文字・半角小文字の区別をしません。ただし、-wap-input-format属性の値についてのみ半角大文字・小文字の区別を行います。 スタイル適用の優先順位につ
PSDファイルをCSSレイアウトのHTMLに変換してくれる『psd2css Online』 | 100SHIKI
PSDファイルをCSSレイアウトのHTMLに変換してくれる『psd2css Online』 March 13th, 2009 Posted in その他 Write comment 便利だか便利じゃないのだか判断に迷うところだが、意欲的な試みなのでご紹介。 psd2css OnlineはPSDファイルをCSSレイアウトのHTMLに変換してくれるというツールだ。 肝となるのはPSDファイル中のレイヤーである。このレイヤーを判別してCSSのブロックにしているようだ。 Photoshopなんかでまずレイアウトを組んでいる人はまぁ、試してみてもいいかもしれない。 ただ、いろいろと癖があるようなので（テキストを配置するには？とか）、このツールの使い方を習得するまでに時間がかかりそうだ。だったらCSSを学んだ方が・・・という気がしないでもない。 ただ、用途を限定すればそれなりに便利、という人もいるだろ
A CSS Sticky Footer
A CSS sticky footer that just works We've all tried to use a sticky footer one time or another, but they never seem to come out right, do they? Well, the days of a hard to understand CSS-based sticky footer are thankfully over. In just a few simple CSS classes with minimal extra HTML markup, I've fashioned a sticky footer that even beginners can get a handle on. It's been tested in IE 5 and up, Fi
[CSS]日本語と英語で異なる最適なフォントサイズの指定方法
日本語・英語のサイト制作に使用しているCSSのフォントサイズの指定で、2007年用デフォルトとしているものです。 %指定を採用している理由の１つは、font-size、line-heightとともに組み合わせにより微妙に異なり、その組み合わせの最適な値を採用するためです。 日本語サイトのフォントサイズの指定 英語サイトのフォントサイズの指定 line-heightの指定 日本語サイトのフォントサイズの指定 body{ font-size:16px; /**/ font-size:100%; /**/ } 上記を基準サイズとして、下記を指定。 標準： font-size:82%; 大きめ： font-size:94%; 小さめ： font-size:69%; 英語サイトのフォントサイズの指定 body{ font-size:13px;*font-size:small;*font:x-smal
![[CSS]日本語と英語で異なる最適なフォントサイズの指定方法](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)
TwitterでfollowするとCSS本がもらえるサービス
ビジネスで利用される機会も多くなってきたTwitter。 Twitterでfollowするだけで、なんと無料でCSS本「The Art & Science of CSS 」がもらえてしまうサービスまであります。 もらい方は簡単で、SitePoint : The Twitaway Free Book Giveawayのページを読んで、Twitter / sitepointdotcomをfollowするだけです。 followするとダウンロード用のアドレスが書かれたメッセージが届きます。 もらえるCSS本はPDF版で、全て英語で書かれています。 日本のアマゾンで購入すると￥4,424（税込）ですから、かなりお得ですね。 現在までに、Twitter / sitepointdotcomをfollowしたユーザーは一万人以上。Twitterのfollower数を増やすには面白い作戦のひとつかもしれま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Under Maintenance
CSSでスタックされた棒グラフを作成するサンプル:phpspot開発日誌