Frederik Van Zande's Bookmarks tagged css →  View Popular

Emastic is a CSS Framework, it's continuing mission: to explore a strange new world, to seek out new life and new web spaces, to boldly go where no CSS Framework has gone before. * Lightweight (compressed weight less then 4kb) * Personalized width of the page in (em,px,%) * Use of fixed and fluid columns in the grid. * Elastic Layout with "em"s

Tags: css, framework, em, fluid, flexible on 2008-07-17 and saved by3 people -All Annotations (0) -About

more fromcode.google.com

Tags: css, commenting on 2008-07-06 -All Annotations (0) -About

more fromperishablepress.com

This is now the 3rd part of my current adventures in looking into CSS performance and how it performs in various states across various browsers.

Tags: css, performance, research, results, browsers, firefox, safari, opera, IE on 2008-06-23 and saved by2 people -All Annotations (0) -About

more fromjpsykes.com

Cross-browser compatibility is one of the most time consuming tasks for any web designer. We’ve seen many different articles over the net describing common problems and fixes. I’ve collated all the information I could find to create some coding conventions for ensuring that your site will work first time in every browser. There are some things you should consider for Safari and Firefox also, and IE isn’t always the culprit for your CSS woes.

Tags: css, compatibility, browser, reference, best practice on 2008-06-20 and saved by24 people -All Annotations (1) -About

more fromanthonyshort.com.au

At the start of this year, I sat down to write the “Errors and Debugging” chapter of Simply JavaScript. I cracked my fingers, dove into the landscape of JavaScript debugging tools, and emerged very disappointed several hours later. At the time, Firefox was the only browser with a JavaScript debugging tool worth writing about: Firebug. Less than a year later, the landscape has changed dramatically. Every major browser has introduced new development tools that make it easier to diagnose problems with your HTML, CSS, and JavaScript code right inside the browser in question. But can any of these tools stack up against the slick and effortlessly powerful tools provided by Firebug? Let’s take a look.

Tags: firebug, developer tools, javascript, css, IE, opera, safari, firefox on 2008-06-17 -All Annotations (0) -About

more fromwww.sitepoint.com

There are two popular approaches to positioning with CSS: float and absolute positioning. Both approaches have their pros and cons. My teammates and I have developed a new positioning approach that gives us the best of both worlds. After quite a bit of experimenting and testing, it’s time to share the technique with the rest of the world and see how we can work together to improve it. I’m calling it “faux absolute positioning” after the faux columns technique that simulates the presence of a column.

Tags: css, positioning, holy grail, columns, layout, clearance, best practice, liquid, fixed on 2008-06-17 and saved by21 people -All Annotations (0) -About

more fromwww.alistapart.com

I have revisited adding Yui compressor into my work's ant build script to minify JS and CSS scripts. The current jar was yuicompressor-2.3.5.jar . It took a lot of playing around but I finally stumbled on how to get it to work. Here is the snippet for the yuicompressor. I had to jump through a couple hoops like overriding the current js/css scripts with the optimized js/css scripts. I'll release a full working copy in a zip, you can run against your webroot. We achieved an average 18% compression rate for all our js/css files.

Tags: css, js, javascript, compressing, front-end, performance, optimization, yahoo, yui, compressor on 2008-06-16 -All Annotations (0) -About

more fromwww.henke.ws

With our shiny new iPhone site ready for public consumption, we thought we’d share some things we learned while building it.

Tags: iphone, mobile web, webdesign, css, html, javascript, best_practice on 2008-06-06 -All Annotations (0) -About

more fromblog.mindbites.com

examples of css styleswitchers

Tags: css, styleswitch, javascript, usability, fontsize, layout on 2008-06-06 and saved by5 people -All Annotations (0) -About

more fromwww.smashingmagazine.com

HTML email newsletters have come a long way in the five years since this article was first published. HTML email is still a very successful communications medium for both publishers and readers. Publishers can track rates for email opens, forwards, and clickthroughs, and thereby can measure reader interest in products and topics; readers are presented with information that's laid out like a web page, in a way that's more visually appealing, and much easier to scan and navigate, than plain text email.

Tags: css, email, html, template, xhtml, tutorials, howto, newsletter, webdesign, best practice on 2008-06-04 and saved by30 people -All Annotations (2) -About

more fromwww.sitepoint.com

The modern web is viewed on many different devices, so it is getting increasingly important for us to think about how to create our web sites so that they will serve the right content to users, no matter what device they are using. We have many technologies at our disposal, including media types, media queries, and browser sniffing, but what's the best way to handle this?

Tags: mobile devices, mobile web, best practice, css, device related serve on 2008-05-30 and saved by2 people -All Annotations (0) -About

more fromdev.opera.com

So you’ve spent the last few years developing your skills as a web designer, and now you want to offer your services to other people. Obviously, you need to create a portfolio site, but how do you get your new site in front of thousands of people? The best and easiest way is to get featured on CSS galleries. They are quickly becoming one of the first places professionals look when trying to find talented web designers. Here are a few tips that will help you get featured and make the best of it:

Tags: css, gallery, resources, traffic, portfolio on 2008-05-28 and saved by2 people -All Annotations (0) -About

more fromdesignreviver.com

As web designers, we’ve grown pretty good at understanding how to create a modern, semantic, accessible website using XHTML and CSS. We understand what makes a good website, and how to make it happen. When it comes time to design emails though, do all the same rules apply? Are there things we should be doing specifically for email that don’t make sense on a website? In this article we’ll discuss the technical, design and information elements that make up a successful HTML email.

Tags: email, best practice, guidelines, html, css on 2008-05-28 and saved by10 people -All Annotations (0) -About

more fromwww.campaignmonitor.com

Did you like my previous CSS tutorial on how to create gradient text effects? I’m using the same trick to show you how to decorate your images and photo galleries without editing the source images. The trick is very simple. All you need is an extra <span> tag and apply a background image to create the overlaying effect. It is very easy and flexible — see my demos with over 20 styles, from a simple image icon to a rounded corner to a masked layer (both decorative and complex).

Tags: image frames, image gallery, css, png, frame, iepngfix on 2008-05-28 and saved by20 people -All Annotations (0) -About

more fromwww.webdesignerwall.com

When it comes to planning the layout of your new website there are just three commonly used website layout structures to choose from: Fixed; Fluid & Elastic width layouts. None of these are perfect; each comes with its own advantages and disadvantages.

Tags: css, fluid, elastic, fixed, best practice on 2008-05-25 -All Annotations (0) -About

more fromboagworld.com

Inspired by Jeremy Keith's concept of Hijax, we've adopted the practice of coding with progressive enhancement in mind to ensure optimal accessibility, compatibility with multiple browsers and platforms, and ease of maintenance for each site or web application. But how do you do that when so many browsers only partially support javascript and CSS techniques? We met the challenge by developing a script to test the browser's ability to handle modern coding techniques, and ensure a usable experience for all.

Tags: progressive enhancement, javascript, ajax, css, browser on 2008-05-16 and saved by3 people -All Annotations (0) -About

more fromwww.filamentgroup.com

This tutorial will be taking a look at some of the new ways you can manipulate user interface features in CSS3. But what do we mean by “user interface”? CSS3 brings some great new properties relating to resizing elements, cursors, outlining, box layout and more. We’re focusing on three of the most significant user interface enhancements in this tutorial. The examples shown below can be seen at our CSS3 examples page. Many, however, can only be appreciated in the latest builds of various browsers:

Tags: css, css3, resize, box-sizing, outline on 2008-05-14 -All Annotations (0) -About

more fromwww.designshack.co.uk

So, you know how to use a graphic for your <input> submit button, right? Well, have you ever had trouble getting that graphical submit button to line-up with your <input> text field when both are side-by-side on the same horizontal line?

Tags: css, input, align, form on 2008-05-13 and saved by2 people -All Annotations (0) -About

more fromwww.nclud.com

The tests show that there is slow down using child selectors over direct class name declarations in IE6, IE7 and Safari 3. Safari 3 being the most impacted by descendant selectors. Firefox 2 has some impact, and Firefox 3 doesn’t seem to be impacted at all.

Tags: child selector, css, selectors, javascript, performance on 2008-05-13 and saved by2 people -All Annotations (0) -About

more fromjpsykes.com

CSS has brought us many capabilities in terms of typography and the web, but we always seem to be limited to the same 4-5 typefaces over and over again. There is an inherant problem, if the font you specify isn’t on the viewers computer it won’t render in that font. So as designers and developers we end up selecting the ones that we can safely assume is available on most computers today. So most pages use Arial, Helvetica, or Georgia as their typefaces… and the world of the web remains slightly more bland.

Tags: arial black, arial narrow, century gothic, css, fonts, webdesign, palatino, tahoma, impact, typography on 2008-05-10 and saved by31 people -All Annotations (2) -About

more fromwww.3point7designs.com