10.08.2008.

Once you have your rough draft laid out in CSS, and you need to start adding style, Rounded Cornr can save you a lot of time. Rounded Cornr quickly and easily creates images and CSS code for different box styles in an easy to use interface. It also offers an option to code it using only one image for all four corners, saving a minimal amount of bandwidth.

sIFR is meant to replace short passages of plain browser text with text rendered in your typeface of choice, regardless of whether or not your users have that font installed on their systems. It accomplishes this by using a combination of javascript, CSS, and Flash. Here is the entire process:

1. A normal (X)HTML page is loaded into the browser.
2. A javascript function is run which first checks that Flash is installed and then looks for whatever tags, ids, or classes you designate.
3. If Flash isn’t installed (or obviously if javascript is turned off), the (X)HTML page displays as normal and nothing further occurs. If Flash is installed, javascript traverses through the source of your page measuring each element you’ve designated as something you’d like “sIFRed".
4. Once measured, the script creates Flash movies of the same dimensions and overlays them on top of the original elements, pumping the original browser text in as a Flash variable.
5. Actionscript inside of each Flash file then draws that text in your chosen typeface at a 6 point size and scales it up until it fits snugly inside the Flash movie.

This all happens in a split-second, so all of the checking, replacing, and scaling is not visible to the user. It is not uncommon to notice a very short delay as the Flash loads, but to the user, none of the internals of this process are exposed.

23.01.2007.

2006 was rich on creative, beautiful and unusual design concepts. We’ve seen a lot of whitespace, many examples of readable and usable text-design, badges, stars, rounded corners, shapes, gradients, mirror and 3D-effects - just name it. Let’s take a close look at some of the most beautiful designs we’ve seen in 2006. Some gorgeous designs are missing? Let us know - comment on this article!

21.01.2007.

A List Apart publishes articles written for working web professionals, but we appreciate the predicament of new web designers and builders who aren’t sure where to begin. As we promised in our primer for readers new to ALA, we’ve collected a set of starting points for the next generation of people who make websites

31.10.2006.

This is Dynamic Drive’s new CSS layouts section. Here you’ll find tableless, CSS based page templates to quickly define the skeleton of your pages. Please help us spread the word by giving it a digg (see right)!

13.07.2006.

Box Model
Just in case you’re wondering what the hack is wrong with the Box Model, let me remind you that IE5 Win does not apply borders and padding the way other browsers do. A “good” browser adds border and padding to the width/height of the box while IE5 Win - a bad browser - does exactly the opposite; it subtracts border and padding values from the box itself. And this is ugly.

3) Swat - Developed by silverorange, Swat is an open source web application toolkit built with PHP.

4) ColorCombos - Who would’ve thought a color library would end up mixed in with a bunch of JavaScript and PHP libraries? Well they do have a pretty sweet little color library for finding color combinations, all you do is select the color and they show you some nice combos that work with that color.

21.12.2005.

If you’ve been creating sites with CSS for a while you may be getting frustrated with having to recreate and retest basic layouts on a regular basis. In this article I’m trying to illustrate a simple way of skipping the tedious startup on your average project, letting you get to the interesting stuff as quickly and efficiently as possible. I’ve not attempted to explain the layouts included here so it may not be suitable if you’re a CSS beginner. Sorry about that… Feel free to dissect them yourself if you’re interested; I’ve kept them as simple as possible.

Web stuff Various information on Server Side Includes, our Lightweight pop-out menus, Javascript, DHTML and CSS notes, PHP4, regular expressions, Browser ID strings and other stuffOpen Guides Our first Open Guide tries to unravel the mysteries of installing and running (and even understanding) DNS. Our second struggles with LDAP.Languages Some information about PHP and Ruby. We are in the process of migrating our development methodology to Ruby - and a painful, but worthwhile, experience it is proving to be.DOM stuff Collection of information about the W3C DOM including the beginning of our in-house reference section.CSS stuff There is a lot more to CSS than getting rid of all those stupid font tags. We missed the whole point. This section documents our contrite journey to a better placeWiring Collection of cable pin-outs (RS232, V.35 etc), NULL Modems, LAN wiring standards, USB, telephone wiring standards, cable information. Now includes some PC stuff e.g. DIN and Mini-DINs, monitors etc..PCs We get confused real easy. We just bought some new PCs and were staggered by the changes. This is our attempt to keep a modest handle on all that USB, Firewire, DIN, IDE/EIDE/SATA stuff.Protocols Ragbag of protocol information including frame formats and some backgrounders. Includes TCP/IP, 802.3 LAN and VLAN, some VoIP stuff, Video conferencing, SS7, SIGTRAN, H.323, SIP, MGCP (MEGACO) and ISDN protocols.SS7/SIGTRAN Some material on SS7 and SIGTRAN. Includes a walk through the alphabet soup of SS7 and SIGTRAN, layer primitives, SIGTRAN stacks and applicable standards.Wireless Collection of stuff about 2.4GHz and 5.8 GHz Wireless, wireless backgrounders, definitions of decibel, our wireless link calculators (budgets, free-space loss, fresnel zones, system power, watts to db conversion etc.), links to some heavy stuff, 802.11 formats, MAC layer etc.ASCII Lots of places to find ASCII tables but we always forget em. In case you do as well here is a list of ASCII characters. And IA5 which is almost the same.Speeds Definition of Telecom Speeds e.g. T1, E-5 (CEPT5), OC-3, STS-48 etc.Telephony GSTN Network Tones, ring patterns, E&M signaling (North America and RoW)Mechanical Even us electronic guys need to know which screws to use. Screw thread sizes, head types etc.HOWTO We just replaced our Primary Domain Controller (PDC) with a Samba3.x + LDAP configuration. We found it all horribly confusing to configure - but works like a dream. Well add more as we stumble through a series of major system upgrades. In the meantime weve provided a couple of guides on DNS and LDAP.Electronics Includes a Glossary of electronic terms, information on 3.3V and 5V isolation, BDM interfaces for both the PowerPC and ColdFire ranges.RFCs RFCs by topic (all the RFCs relevant to a particular topic e.g. IPSec, NAT). We update em from time to time.