[B! css][design] mogwaingのブックマーク

CSSデザインカタログ | table

テキストテキストテキストテキストテキストテキストテキスト。テキストテキストテキストテキストテキストテキストテキスト。

mogwaing 2007/12/27

リンク

WEBデザインに便利なリソース100:phpspot開発日誌

The Open Source Web Design Toolbox: 100 Tools, Resources, and Template Sources at DesignVitality WEBデザインに便利なリソース100リンクが紹介されていました。フリーテンプレート OSWD OpenWebDesign Open Designs CSS Tinderbox デザインテンプレート TemplateNavigator TemplateBox Template Monster Art for the Web Free CSS Templates CSSレイアウト集 Layout Gala AndreasVilkund.com CSS Template Directory BenMeadowcroft.com Mollio CSS自動ツール、ジェネレーター CSS Creator -

mogwaing 2007/07/30

css
design

リンク

2カラムサンプル13種

2カラムのサンプルを色々作ってみました。事の発端は、Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!を見ててですが、こういうレイアウトサンプルサイトは色々あって、P O P * P O Pさんでも紹介されていますね。 IE7もサポートしているCSSレイアウトがダウンロードし放題の『CSS Layouts』 | P O P * P O P http://www.popxpop.com/archives/2007/04/ie7css css_layouts.html で、まぁ日本語のサイトがあんまり無いっていうのと、どーにもこーにも使い勝手が悪い気がしてならないので、自分が使いやすいだろう2カラムのサンプルを作ったという訳です。細かく作っていけば限りなく出来

mogwaing 2007/07/29

css
design

リンク

Yahoo! UI Library: Fonts CSS を使うのなら、Opera には気を付けて！

Yahoo! UI Library: Fonts CSSを知ってから、CSSを書く際にfont-sizeは大体このライブラリを読み込ませてから使っています。ただし、Operaで表示する際には、気をつけたほうがよさそうな点があったので、メモしておきます。 Fonts CSSはどういう構造になっているのか詳細は分かりませんが、とりあえずクロスブラウザで同じフォントサイズを実現してくれる摩訶不思議なライブラリ。デフォルトのフォントサイズ、つまりfont-size: 100%;は13pxになっており、それからfont-sizeをパーセントで指定することによって、pxでフォントサイズを指定するような感覚で、フォントサイズを指定することができます。ただし、Operaにおいては、フォントサイズを100%以下、つまり12pxなどにするときはフォントがほかのブラウザより、小さく表示されるバグがあるようです

mogwaing 2007/06/25

リンク

CSS:ボックスのおはなし

この資料についての説明と謝罪この資料は公開時より24時間内において他サイトの内容を無断で使用しておりました。これに関して、kzは以下のエントリにおいて説明及び謝罪をしております。社内勉強会の資料についての説明及び謝罪

mogwaing 2007/06/07

リンク

CSSだけでイメージマップを作る有用サンプル:phpspot開発日誌

CSS Image Maps - Flickr-like Technique? Below is a sample image map that's built entirely using CSS and XHTML. CSSだけでイメージマップを作る有用サンプル。画像の特定部分にカーソルを合わせると、説明を画像上に表示できるCSSとXHTMLサンプルが公開されていました。 JavaScript を一切使っておらず、CSSだけで実現されているところがすごいですね。 JavaScript が要らず、次のような綺麗なHTMLで実現できるところも嬉しいですね。実装も簡単そうです。 <dl id="officeMap"> <dt id="monitor">1. Monitor</dt> <dd id="monitorDef"><a href="#"><span>Here's my 17" M

mogwaing 2007/06/06

リンク

Inkscape で Web 2.0 的ボタンを作成 - WebOS Goodies

WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。少し前、いくつかのサイトで Photoshop を使った Web2.0 っぽいボタンの作り方が頻繁に紹介されていました（MYCOM PC Journal の記事など）。それらを読んで、これなら Inkscape でもけっこう簡単にできるのでは、という気がしたので、試してみました。 Inkscape なら SVG 形式で出力されますので、サイズ変更も自由自在ですし、

mogwaing 2007/06/04

リンク

JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]

代表中山陽平ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。最新の記事一覧

mogwaing 2007/05/29

リンク

アンチエイリアスがかかったCSS角丸を作るWEBツール:phpspot開発日誌

Spiffy Corners - Making anti-aliased rounded corners with CSS Anti-aliased rounded corners using pure CSS. No Images. No Javascript. No fluff アンチエイリアスがかかったCSS角丸を作るWEBツール。 FG,BG Colorを入れるだけで簡単にアンチエイリアスがかかったCSS角丸枠が作れます。もちろん、画像やFlashは一切使わない、CSSオンリーで実現されています。次の図のように美しい角丸が実現可能。作成されるタグは<b>タグで構成されているので、この部分を修正すればよいかもしれませんね。関連エントリ： Javascriptで指定のHTML要素を動的に角丸デザインにする方法

mogwaing 2007/05/29

リンク

フロートとネガティブマージンまとめ:CSS | Tech de Go

mogwaing 2007/05/22

ちゃんと理解しよ

リンク

Artistic & Creative Art Wallpapers for Android & iPhone

Owner Please provide full name, company name, address and other information of the material owner Copyrighted Work Please provide description of the copyrighted work that you claim has been infringed, including the URL (i.e., web page address) of the location where the copyrighted work exists or a copy of the copyrighted work. Unauthorized Content By checking this box, I confirm I have a good fait