CSS Instant Results (Programmer to Programmer) by Richard York

By Richard York

This ebook supplies, and it offers. i used to be a piece skeptical concerning the identify, simply because there are such a lot of quick-fix items on hand, few of which truly paintings. despite the fact that, CSS fast effects is correct to its identify, delivering strategies a number of universal website design occasions. not just does this e-book handle many various difficulties, it additionally exhibits you many precise methods to take on each. I in particular cherished that every one the resource code got here incorporated on a CD. This was once a welcome switch from the common "download code at this URL" approach.

The writer, Richard York additionally wrote starting CSS for Wrox Publishing, so while this man talks approximately CSS, you recognize that he's talking with authority. which means, to be licensed to put in writing one other publication at the comparable subject, by means of an analogous writer, displays that one is aware very much approximately that specific topic. His factors are thorough, good written and methodically immediately forward.

Here is a run-down of every of the themes lined: Tab-based navigation, Multi-column layouts, Dynamic drop-down menus (2 approaches), Web-based slideshow, customized borders and rounded corners, Webmail interface, enter types, dossier viewer, and Web-based calendar. let me to expound upon what I loved approximately every one of these chapters.

In the tab-based navigation bankruptcy, he describes how one can do a two-stated historical past roll-over utilizing photos and CSS. He additionally indicates how one can create "liquid" tabs, that extend to slot the scale of a observe therein. for example, this might let you use an extended word like Employment rather than Jobs, and nonetheless manage to reuse an analogous code and graphics.

In the multi-column structure bankruptcy, he describes numerous how one can take on the liquid 3-column structure. This has been affectionately dubbed the Holy Grail via internet designers, simply because many have misplaced their lives looking for the correct format (okay, perhaps no longer died, yet shed tears). This was once a superb bankruptcy, since it condensed the various recommendations noticeable at structure Gala, explaining why a selected procedure works in a given context, and whilst to exploit each.

He then strikes directly to conceal natural CSS drop-down menu tools, with a tip of the hat to Eric Meyer for the unique rules. this does not paintings in IE6, so he indicates the mandatory CSS hacks and JavaScript wizardry for you to trick IE into compliance. all through this e-book, the recognized IE7 JavaScript is used and referenced, initially concieved by way of Dean Edwards. basically, it forces IE6 to stick to net criteria approximately kind of like Firefox, Safari and different sturdy browsers. it is a disgrace any such repair does not exist for Opera's quirkiness.

I digress. The web-based slideshow bankruptcy is admittedly cool, and you'll have noticeable this in use at a number of internet expertise meetings. primarily, rather than utilizing a proprietary application like PowerPoint or Keynote, it makes use of a full-screen browser view to simulate a slide established presentation. related implimentation has been performed by means of Eric Meyer, with a later Ajax-ified model by way of Robert Nyman.

The customized borders and rounded corners subject used to be additionally really appropriate. we know the trick of getting the ground component of a rounded field in a box, after which giving another inside of point the head half. York indicates you ways to have rounded corners in a cross-browser, liquid / versatile structure state of affairs. it is a very convenient and universally re-usable technique.

The final 3 chapters of this e-book care for skinning particular interfaces, modeled loosely after the appear and feel of Mac OSX. He exhibits tips on how to emulate or re-create the performance of e mail buyer components, often obvious in Microsoft Outlook or Thunderbird. He additionally makes a per month / each year calendar. What i discovered the good of the entire examples notwithstanding, used to be the sneak-peek of his Hierophant venture. In his personal words:

"[It is] an open resource PHP-driven framework and content material administration procedure. In case you are curious, the time period "Hierophant" refers to old Greek monks, who're acknowledged to have had the power to make the mysterious or esoteric effortless to appreciate. I selected this identify simply because i needed to write down a fancy Hypertext Preprocessor framework that made complicated and infrequently tough projects effortless for the typical user."

While the procedure isn't but on hand to be used, he does supply away the entire code essential to write the front-end of it. I inform you, simply from having glimpsed on the interface, i cannot wait to determine how the whole lot will end up. It appears to be like to take the performance of a standard working approach, and follow this to looking one's personal on hand directories and documents on-line, through an online browser.

I wager that approximately wraps up this evaluate. while you're searching for a few hands-on, functional code examples for the way to totally harness the flexibility of CSS on your personal upcoming initiatives, then positioned this in your record of books to think about. In a nutshell, it is a booklet I want had existed whilst i used to be first studying CSS.

Show description

Read Online or Download CSS Instant Results (Programmer to Programmer) PDF

Similar web-design books

Drupal 7: Visual QuickStart Guide

Visible QuickStart courses, designed in an enticing educational and reference structure, are the fastest, least difficult, and so much thorough solution to research purposes, initiatives, and applied sciences. The visible QuickStart publications are a sensible selection and advisor the learner in a pleasant and respectful tone. Visually provided with copious screenshots, the targeted discussions through subject and initiatives make studying a breeze and speedy take you to precisely what you must research.

iPhone and iPad Web Design For Dummies

A full-color advisor to designing state-of-the-art websites for the iPhone, iPad, and iPod contact! Apple’s touchscreen units have created around the world techno-lust, conjuring a record-breaking marketplace out of skinny air. iPads, iPhones, and iPods are so favourite that they outsell some other equipment of their different types.

Additional resources for CSS Instant Results (Programmer to Programmer)

Sample text

The alternative approaches discussed in this section are as follows: ● Using background images instead of solid colors and square borders ● Using background images that include text without compromising accessibility ● Using background images in such a way that the tabs are liquid and can be fluid between a minimum and maximum constraint Naturally, these alternative approaches increase the complexity and difficulty of the project, but they are included to provide maximum flexibility and to cover as many scenarios of tab implementation as possible.

5 and 6 compatibility without Edwards' IE7 JavaScript Covering every conceivable variation that a designer might envision would be impossible. I have chosen the top four most likely variants in the design. The first is the easiest to implement, a simple two-column layout. Most designers would see how this is done immediately, but for the sake of completeness, the next section reiterates the steps to take to create a two-column layout from the original design. Two-Column Layout For a two-column layout there are only a few subtractions to make from the original design.

Alternatively, percentage width can be applied to the columns, and percentage margins applied to the content

, which will achieve a similar effect, but still without the possibility of defining minimum and maximum constraints, which are often desired on liquid designs to prevent the design from breaking. Percentage width also makes it more difficult to apply borders, padding, and margin directly to the columns. If this is desired, another

can be placed within each column, and the borders, padding, and margin can be applied to those.

Download PDF sample

Rated 4.63 of 5 – based on 14 votes