Build your own PHP style sheet switcher | 456 Berea Street
Want to have a style switcher that lets your site's visitors choose a different style sheet? Want it to work even if there is no JavaScript support? The trick is to use a server-side language like PHP, which is what I used to use for my style switcher. Note: I have now taken the style switcher offline since I kept forgetting to maintain multiple stylesheets. It's not because having a style switche
Using JavaScript instead of target to open new windows | 456 Berea Street
Update: The technique described here is not ideal. Read why in New windows with JavaScript and the target attribute. In my recent post about The target attribute and opening new windows, I stated that when I am faced with no other choice but to open a link in a new window, I prefer using unobtrusive JavaScript instead of the target attribute. The reason is that I always use a strict doctype, which
CSS Frames | 456 Berea Street
Sidebar Lorem ipsum dolor sit amet consectetuer adipiscing elit Donec risus Lorem ipsum dolor sit amet consectetuer adipiscing elit Donec risus Lorem ipsum dolor sit amet consectetuer adipiscing elit Donec risus Background One of the arguments for using frames has always been that they allow you to keep parts of the layout on-screen at all times. This can be emulated with CSS, as described here. T
Transparent custom corners and borders | 456 Berea Street
Have you ever wanted to make a resizable box with rounded (or any shape) corners, custom borders, and a transparent shadow? Did you also want to do that without cluttering your markup with a bunch of non-semantic div elements? Now you can. In June last year I wrote about a way of creating a Flexible box with custom corners and borders. While that method works, it needs some extra markup and has a
CSS tips and tricks, Part 1 | 456 Berea Street
As I stated in my recent article on CSS shorthand properties, I get a lot of questions about CSS from people who haven’t spent quite as much time working with CSS as I have. Their CSS is often not as efficient as it could be, and I come across some mistakes that are easy to make when you’re starting out with CSS. Since I’ve been using CSS extensively for a couple of years I’ve picked up some trick
CSS tips and tricks, Part 2 | 456 Berea Street
This is the followup to last week’s post, CSS tips and tricks, Part 1, where you can find tips on shorthand, default values, colours, inheritance, cascading, and more. In this part I’ll be giving you some tips on grouping selectors, clearing floats, horizontal centring, importing CSS, and a couple of troubleshooting tips. If you think something is missing, check part one in case it’s been covered
Bring on the tables | 456 Berea Street
Something that often seems to confuse people that are new to CSS-based layouts is the use of tables. I’ve seen plenty of cases where people interpret “avoid using tables for layout” as “don’t use tables at all”. It’s important to remember that tables are still perfectly fine to use — if used correctly. Yes, do your best to avoid using tables for layout, but for tabular data, tables are what you sh
Efficient CSS with shorthand properties | 456 Berea Street
I get a lot of questions about CSS from people who aren’t crazy enough to have spent the thousands of hours working with CSS that I have. Sometimes I’m asked to take a look at something they’re working on to see if I can figure out why it doesn’t work as expected. When I look at their CSS I often find that it’s both bloated and unorganised. One of the reasons for using CSS to layout websites is to
Turning a list into a navigation bar | 456 Berea Street
I’ve received a couple of requests for a description of how I created the navigation bar that is currently used on this site. The CSS used isn’t all that advanced, and I hadn’t really thought about describing it in detail, but after being asked about it I decided to do a write-up. Note: Since this article was published I have changed the markup and CSS for the navigation bar a bit, so the techniqu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Basics of search engine optimisation | 456 Berea Street
The perils of using XHTML properly | 456 Berea Street