WinとMac共通のフォント < サイト制作 < Alumnat
2007-07-21 Sat 17:10 CSS 以下のフォントは Windows と Mac に標準で入っているため、CSSに用いた時に同じように表示される。 serif ひげつき。印刷に適している。 Times Times New Roman Century Georgia sans-serif ひげなし。画面での表示に適している。 Helvetica Arial Verdana cursive 筆記体。 Zapf Chancery Comic Sans MS Monotype Corsiva fantasy 装飾文字。 Cottonwood alba monospace 等幅。プログラムのソースコードなどに適している。 Courier Courier New Andale Mono Lucida Console serif ABCDEFGHIJKLMNOPQRSTUVWXYZ a
RedLine Magazine : よく使うhtmlとCSSのソースセット
よく使うhtmlとCSSのソースセット 読んで字のごとく、よく使うhtmlとcssのソースセット。プロパティはよく使いそうなやつで値は全部空。自分用ストックだったりするので、もしコピペする場合は状況に合わせていろいろ追加やカットしてくらさい。 ナビゲーション部分用のソース サイトのナビゲーション部分によく使ってるソース。意外とこれ毎回書くの面倒なので個人的にこの雛形は気に入ってる。背景画像は通常時もhover時も全部まとめて１枚もの画像になってる前提。 <ul id="navi"> <li id="menu01"><a href=" " title=" "> </a></li> <li id="menu02"><a href=" " title=" "> </a></li> <li id="menu03"><a href=" " title=" "> </a></li> <li id="m
Safari 3.1でWebフォントを利用する--SafariのCSS対応 - builder by ZDNet Japan
現在、Webページで利用できるフォントはユーザーの環境にインストールされたものだけで、文字の表現の幅は非常に限られている。しかし、Webフォントの機能を利用できるようになれば、制作者がサーバー上に用意したフォントでWebページを表示できるようになる。 3月18日から提供されているSafari 3.1では、CSS 3やHTML 5で提案されている機能への対応がさらに進んだ。そこで、新しく対応したスタイルシートの機能の中から、CSS 3の「Webフォント」について2回に分けて紹介していきたい。 サーバー上に用意したフォントでWebページを表示する ユーザーの環境にないフォントでWebページを表示するため、まずは、利用したいフォントをサーバー上に用意する。OpenTypeやTrueType形式のフォントファイルを利用することが可能だ。 ここでは、exljbrisのFontin Sansというフォ
逆引きCSSハック(IE8,Firefox,Opera,Safariを含めたブラウザ別CSSハック)
cat888 live เว็บไซต์ของเราได้รับการรับรองว่าเป็นเว็บพนันที่มีคุณภาพเยี่ยมที่สุดในประเทศไทยสำหรับการพนันออนไลน์ เว็บพนันที่มั่นคงและปลอดภัยที่สุดสำหรับการเดิมพันออนไลน์ที่ทำการเงินอย่างมั่นคงและปลอดภัยและรับรองความเป็นส่วนตัวของคุณในการเล่นเกมพนันที่นี่. ทางเรามุ่งเน้นให้ประสบการณ์การพนันออนไลน์ที่ไม่ซ้ำซากและน่าสนุกที่สุดเลยค่ะ! cat888 หวย เมื่อคุณมีความระมัดระวังในการพนันออนไลน์ คุณจะมั่นใจได้ว่า
Adobe - デベロッパーセンター : Dreamweaver CS3 拡張機能 for Movable Type 4.1 によるテンプレートカスタマイズについて
Dreamweaver CS3 拡張機能 for Movable Type 4.1 によるテンプレートカスタマイズについて はじめに ブログが注目されている理由は、以下に挙げられるように、ウェブにおける表現の自由が個人レベルまで高められた点にあります。 誰もがカンタンに投稿し即時にウェブ公開できる ウェブサイトの更新情報を RSS 技術により効率的に配信できる 検索エンジンとの親和性が高い Movable Type （ムーバブル・タイプ） は、シンプルでカスタマイズ性が高いと定評のあるブログ作成ソフトウェアです。図1のように投稿データと出力用のテンプレートを個別にデータベースへ格納し、公開のタイミングにデータベースより取得した投稿データとテンプレートを使い、XHTML とスタイルシートを自動生成します。 図1 これまで、Web 制作を自社で行わない企業などは、デザインの変更・ウェブコンテ
ブラウザに依存せず文字の大きさを統一させる方法 - デザインテンプレート無料配布 || Cool Web Window
404 Not Found お探しのファイルは見つからないようです。 お手数ですが、下記リンクからトップページへお戻りください。 CoolWebWindow Copyright (C) Cool Web Window All Rights Reserved
もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife
class名やid名って付ける時悩みませんか？ 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ！？ 2010年6月10日追記： この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
Space Yourself — Smashing Magazine
Did you ever take a walk through the entire Unicode table? It’s the history of our civilization expressed in typography. It might be organized in an arbitrary fashion and not explained well, but it’s all here: languages, cultures, concepts. Spaces are here, too. There’s the one with an agent good enough to have gotten it the biggest key on everyone’s keyboard, but there are many more: the very nar
CSS-Based Footers: Modern Solutions | Smashing Magazine
There are specialized terms referring to all sorts of aspects of web design. For someone just getting started in web design, or someone looking to have a site designed, all the technical jargon can be overwhelming. Especially the acronyms. Below is a guide to industry terms that should get you well on your way to understanding what web designers are talking about. In addition, we’ve provided some
Where can I find textures and background images? | Graphics | Smashing Magazine
Photoshop can be used for so much more than just retouching images or manipulating photos. You can create your own textures . In this article, Stephen Petrany will present a foundation of techniques to help you build custom textures. He’ll go over three Photoshop features that he relies on to do most of his texturing — filters, layer styles and brushes. You’ll see that creating high-quality textur
Mastering CSS Coding: Getting Started — Smashing Magazine
CSS has become the standard for building websites in today’s industry. Whether you are a hardcore developer or designer, you should be familiar with it. CSS is the bridge between programming and design, and any Web professional must have some general knowledge of it. If you are getting your feet wet with CSS, this is the perfect time to fire up your favorite text editor and follow along in this tu
Online Generators | Developer's Toolbox | Smashing Magazine
Responsive design is a default these days, but we are all still figuring out just the right process and techniques to better craft responsive websites. That’s why we created a new book — to gather practical techniques and strategies from people who have learned how to get things done right, in actual projects with actual real-world challenges. Neatly packed in a gorgeous hardcover, the book featur
Flexbox Is As Easy As Pie: Designing CSS Layouts — Smashing Magazine
Flexible box layout is a new box model optimized for UI layout, and it makes a lot of tasks much easier, or even possible at all. Flexbox’s repertoire includes the simple centering of elements, the expansion and contraction of elements to fill available space, and source-code independent layout, among others abilities. Flexbox (or flexible box layout) is a new box model optimized for UI layout. As
XHTML+CSSでの効率的な制作をおこなう上でのポイント Part5 | F+R (FplusR)
XHTML+CSSでのWeb制作は以前よりは普及してきたといえるが、まだまだノウハウを持っている人は足りないのは現状です。よくWeb制作関連のセミナーとかに出ると、「XHTML+CSSでサイト構築ができる人材がいない」とよく聞きます。そこで、XHTML+CSSでの効率的な制作をおこなう上でのポイントをいくつか考えてみました。 予告しなかった第5回目です。今回は残りの部分を一気に行きたいと思います。すごく長くなるのでお覚悟を。 Web標準に準拠したブラウザを基準に制作する よく、Internet Explorer 5 or 6を基準にして作成してFirefoxやOperaやSafariでレイアウトが崩れるという話を聞きます。しかし、制作思想が根本的に間違えています。Internet Explorer 7が（いや、Microsoftが）、批判はともあれ、（曲がりなりとも）Web標準に準拠してい
XHTML+CSSでの効率的な制作をおこなう上でのポイント Part3 | F+R (FplusR)
XHTML+CSSでのWeb制作は以前よりは普及してきたといえるが、まだまだノウハウを持っている人は足りないのは現状です。よくWeb制作関連のセミナーとかに出ると、「XHTML+CSSでサイト構築ができる人材がいない」とよく聞きます。 そこで、XHTML+CSSでの効率的な制作をおこなう上でのポイントを何回かに分けて書いていきたいと思います。今回はPart3です。CSS編のPart 2です。うそみたいな話が多いですが、すべて実話ですので世の中怖いです。 マージンの方向は原則的に下と左右に統一する フロートも絶対配置もされていないブロックの場合、マージンは相殺します（参考：「マージンの相殺 - CSS Dencitie」）。見出しや段落、リストなどレイアウトブロック内での要素のマージンは原則的に下と左右に設定するように統一しましょう。 上マージンを使うのは原則としてブロック内の最初の要素だ
HTML+CSSに足りない要素 | F+R (FplusR)
XHTML+CSS (r)evolutionに反応してなにか書いて見る記事のPart 1です。 「XHTML+CSSに足りないコト、ご意見募集」なんてネタに反応してみたりする（笑）。XHTMLには結構足りない要素があるとおもうので思うところを書いてみました。 サイト名に関するタグ Webサイトを見ていると、サイト名を必ずページの上部に示しています。サイト名がないWebサイトのページは見たことがありません。また、企業のブランドサイトでは、ブランドロゴと、企業名が両方入っている例（東京電力「Switch」など）もあります。 不思議なことに、XHTMLではサイト名に関するタグがありません。そこで、ある人は<h1>タグをサイト名に、ある人は<p>タグをサイト名にしています。そして、<h1>タグは、ページのもっとも重要なタグに付加しています。その基準は、人によってバラバラです。人によってばらばらな「
XHTML+CSSでの効率的な制作をおこなう上でのポイント Part2 | F+R (FplusR)
XHTML+CSSでのWeb制作は以前よりは普及してきたといえるが、まだまだノウハウを持っている人は足りないのは現状です。よくWeb制作関連のセミナーとかに出ると、「XHTML+CSSでサイト構築ができる人材がいない」とよく聞きます。 そこで、XHTML+CSSでの効率的な制作をおこなう上でのポイントを何回かに分けて書いていきたいと思います。今回はPart2ということでCSS編です。長くなったので、今回はPart 1です。 最初は設計図を書くこと 慣れたら頭の中でできますが、最初はデザイン案を印刷して紙の上でどこにどのようなidやclassを振っていくか、幅や高さをどう指定するか書いておくといいでしょう。 当然ながら、1枚では書ききれないので複数に分けて書くといいと思います。また、デザイン案のPSDファイルの中に記録しておく手もあります。 CSSはブロックごとに設定する XHTMLの構成
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.fixture.jp/blog/0711/15-1954.html
http://www.s-cut.net/memo/archives/web/070523_fontSizeTable/
img要素のタグ付けについて考える | F+R (FplusR)