Wednesday, December 3rd, 2008 A great example of sharing; Sizzle Engine in Dojo Foundation Category: CSS, JavaScript, Library Voting has started in Dojo land to take in John Resig’s Sizzle next-gem CSS selector engine. This is incredibly exc... 続きを読む
CSS | 22:40 | 最近記事部をリキッドレイアウトにして、サイドバー部を固定幅にするっていうのが個人的なブームで、下の記事で書いた公開デザイン「muffler」もそういう形で作られているのですが、これが割と変わった方法が必要でかなり苦労したのでメモとして... 続きを読む
A wall of design ideas, web trends, and tutorials. Home About Archives Contact RSS Design Jobs on the Wall 17409 Subscribers Subscribe RSS! Contact Last tutorial, I showed you how to design a watercolor effect menu in Photoshop. This tutorial... 続きを読む
CSS3 properties tests for webkit based browsers, including the iPhone While the assumption has been that the version of Safari in the iPhone is very close to Safari 3 for the Mac and Windows in terms of support for CSS, that does not seem to ... 続きを読む
Typically when a site is architected with a structure that is both deep and wide, we look to elements like secondary and tertiary navigation and/or traditional breadcrumbs to help a user navigate. They’ve been around a long time and are now ... 続きを読む
Horizontal Navigation; nine ways to skin a cat In an attempt at being unique and innovative, deciding on your navigation structure and presentation can sometimes seem like the most challenging. If content is truly king, your navigation is you... 続きを読む
Smashing Magazine does an excellent job of providing quality resources for web developers. Today while checking out Digg, I noticed that they have a new article entitled 70 Expert Ideas For Better CSS Coding. The article contains lots of good... 続きを読む
If I (or the rest of the guys here at Webreakstuff) have been unresponsive in the last few months, you can - in South Park fashion - blame Canada. It’s finally time to spill the beans because the project we’ve been working on with the New V... 続きを読む
I would like to share some insight on a piece of CSS I’ve used for the homepage for a website a while ago that I’ve built together with Roger Johansson. I’m talking about the hover effect on the 4 tabbed boxes shown on this page. The HTML ... 続きを読む
The concept of floats is probably one of the most unintuitive concepts in CSS. Floats are often misunderstood and blamed for floating all the context around it, causing readability and usability problems. However, the reason for these problem... 続きを読む
After a bit of time to bake and a few more suggestions from readers, I have what I’m willing to call the final version of my take on the topic of reset styles. To wit: html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,... 続きを読む
At AEA Boston, I advocated using a “reset” or “baseline” set of styles, but not one based on the universal selector. Instead, I said the styles should list all the actual elements to be reset and exactly how they should be reset. During t... 続きを読む
A Single Article Read it, comment, and share it with your friends I’m always learning new things with CSS. It’s interesting because I’ve thought of myself as a CSS expert for a while now (I’ll challenge anyone to a competition, seriously)... 続きを読む
Styling form controls with CSS, revisited Over two years ago, in September 2004, I posted an article called Styling form controls. My intention with that article (and its follow-up, Styling even more form controls) was to show that attempting... 続きを読む
Dolphin CSS Menu This menu is called “Dolphin” because it’s blue… not very creative, I know. The Menu Customization You can get the original Photoshop file as part of the 13Styles.com Photoshop Pack. FAQ Entire menu system is less than 6K... 続きを読む
Zeniltuo.com - inspiration journey - All website galleries in one page 続きを読む
CSS-based liquid layout has proven successful during the reign of 800-pixel to 1024-pixel screens, but as we use a wider range of devices to access the web, we need more powerful and flexible ways of managing layout. If we want to serve devic... 続きを読む
Forms pose a series of usability and accessibility challenges, many of which are made more complex when you need to build a form to fit into a small space. Tightly spaced forms can look great on paper, but they often ignore accessibility issu... 続きを読む
■ 18:38 <h3 class="wii-title"><img alt="〜日記に動画を貼って「Wii欲しい!」と叫ぼう!任天堂「Wii」が1名様に当たるキャンペーン実施!〜" title="〜日記に動画を貼って「Wii欲しい!」と叫ぼう!任天堂「Wii」が1名様に当たるキャンペーン実施!〜" src=... 続きを読む
Nidahas » Musings on design, web standards and free software from a Sri Lankan geek. Skip to navigation menu Text links (ads) Discount hotel & travel deals Forms markup and CSS - Revisited 2006.12.06 Earlier this year I posted an article on a... 続きを読む
Is your browser compatible? After starting the test-suite it will automatically run a large number of small tests which will determine if your browser is compatible with a large number of CSS selectors. If it is not compatible with a particul... 続きを読む
Pressure is nothing more than the shadow of great opportunity. - Michael Johnson Creating equal height columns with tables is easy. Of course we shouldn't use tables for layout. With CSS it's a little harder. If, for example, you create a thr... 続きを読む
Got something to say? Share your comments on this topic with other web professionals In: Articles By Aaron Gustafson Published on September 25, 2006 If there’s one element I think doesn’t get enough respect, it’s gotta be button. It’s pla... 続きを読む
Posted at 2006-08-30T06:48:00+09:00 in Web Design 全面的に作り直そうというか色を変えようと思っていたのだけど、面倒になったので考えていたアイディアの一部を使って少しだけリニューアル。メニューのカラムを突き出る感じ(どんな感じだ)にし、それに合わ... 続きを読む
These postings are provided "AS IS" with no warranties, and confer no rights. Use of included code samples are subject to the terms specified at Microsoft - Information on Terms of Use Rules for Comments on the IEBlog What We Talk About on IE... 続きを読む
Posted at 2006-08-23T02:24:00+09:00 in Web Design all about blosxomのサイトを作った時にハマった、:first-letter絡みのInternet Explorer 6のバグにまたハマった(学習していない)のでまとめておいてみる。そのバグは、display: block;としたa要素に対して:... 続きを読む
Stuff and Nonsense Malarkey is Andy Clarke, a UK based designer, author and speaker who has a passion for design, CSS and web accessibility. Andy has been working on the web for almost ten years. He is a visual web designer and author and he ... 続きを読む
/Tutorials/ 20 pro tips 18/07/2006 | Filed under Design > Tutorials The difference between a good web designer and a great one is the ability to know how to take short cuts and save time without compromising the quality of work. Pixelsurgeon... 続きを読む
■ [CSS]IE7で使えるセレクタハック 15:52 このスタイルを書いてるときにやっぱりボックスモデルの解釈で困ったのでハックを使うことに。ただIE7ではアンダースコアハックが効かない。困った困った。 ここでふと「そういえば*を代わりに使ってたところがあった... 続きを読む
Internet Explorer extended underscore hack - Anne’s Weblog Anne van Kesteren: Weblog 4.2 Weblog on W3C, WHATWG, HTML, CSS, DOM, XML, HTTP and more. Home About Archives Contact Test I guess most people know the invalid, but well-formed, under... 続きを読む
About Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size. → More JavaScript required I'm very sorry, but this page n... 続きを読む
The finished Hoverbox Menu can also be seen on Rob Schrab’s new blog, along with some other CSS techniques including a CSS Image Map. Discuss this article If you're new here, you may want to subscribe to my RSS feed, or follow my updates on ... 続きを読む
Warning: include() [function.include]: open_basedir restriction in effect. File(/usr/home/0chroot/johnoxt/home/johnoxt/public_html/bitesizestandards/textpattern/publish.php) is not within the allowed path(s): (/usr/local/share/pear:/home/john... 続きを読む
Warning: include() [function.include]: open_basedir restriction in effect. File(/usr/home/0chroot/johnoxt/home/johnoxt/public_html/bitesizestandards/textpattern/publish.php) is not within the allowed path(s): (/usr/local/share/pear:/home/john... 続きを読む
/* background-color */ body, div.navigation { background-color : #fff } div.contents { background-color : #e0e0e0 } /* color */ body, div.navigation { color : #000 } div.contents { color : #333 } /* font-size */ div.contents { font-size : 100... 続きを読む
YUI Grids CSS The foundational YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layout combinations. ... 続きを読む
A Single Article Read it, comment, and share it with your friends I have noticed quite a few trends across various sites in the May 2006 CSS Reboot that are worth mentioning. Here’s the trends I found. 1024 px There were a few 1024 px width ... 続きを読む
You are viewing an older version of my site. The latest version can be found at www.jasonsantamaria.com. In Progress: Site Design Last time with “In Progress: Logo Design” we talked about the client project I’m working on with Cameron Moll... 続きを読む
In Progress: Site Design ~ 26 April 2006 ~ On the heels of logo work for National Gazette (see “In Progress: Logo Design”), Jason Santa Maria and I teamed up again, this time to provide layouts for the revival of this 200-year-old newspaper... 続きを読む
Stuff and Nonsense Malarkey is Andy Clarke, a UK based designer, author and speaker who has a passion for design, CSS and web accessibility. Andy has been working on the web for almost ten years. He is a visual web designer and author and he ... 続きを読む
この記事が属するカテゴリー CSS CSS で行ボックスの高さを指定する line-height 値に、em(length) や %(percentage) などの単位を付けて指定しているサイトを意外と見かける。それは間違いではないし、例えばナビゲーションとかでブロック要素の垂直センターに... 続きを読む
Cross Browser Multi-Page Photograph Gallery No javascript - Just CSS - and it validates 30th March 2006 If you like this one you will LOVE the NEW version Information Based on the look of Suckerfish HoverLightbox, this one uses my multi-page ... 続きを読む
text-indent: -xxxxemの弊害 CSSを使ってJavascriptのロールオーバーイメージを実現する方法は既に一般的になって、あちこちのサイトでも見られるようになりました。 ところが、問題点をいくつか見つけたので書いておきます。 自分のサイトの粗が出る「諸刃の刃... 続きを読む
てんぽ : CSSレイアウトの定石 WinIE6バグ回避法 CSSやHTML、FC2ブログのカスタマイズ、共有テンプレートなど CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考とし... 続きを読む
This is div is centered both horizontally and vertically, without the use of tables. Note that the top left corner of this div does not disappear when the window is smaller than this div is. Back to article. 続きを読む
Is table pagination not you’re cup of tea? It’s certainly not mine. Because of this I recently decided to sit down and re-work the vertical scrolling table example from cssplay.co.uk in order to produce a stationary table header solution fo... 続きを読む