Web design
Get flash to fully experience Pearltrees
The New Web Typography
As the @font-face rule emerged, it brought with it sweeping changes to the visual landscape of the web. The designer's toolkit grew substantially, but this integration was only partial. Many typefaces were stripped of their most powerful features: things like swashes, alternates and small caps.
Asynchronous UIs - the future of web user interfaces
It's an interesting time to be working on the frontend now. We have new technologies such as HTML5, CSS3, Canvas and WebGL; all of which greatly increase the possibilities for web application development.
The good old slideshow is one Javascript powered effect that will never go out of fashion. Slideshows are often used to showcase multiple images sequentially, or to feature a site’s popular content at the top of the homepage.
jQuery Scripts for Creating Cool Image Slideshows
Email Design
When I was asked to write an article for 24 ways I jumped at the chance, as I’d been wanting to write about some fun hacks for responsive images and related parsing behaviours.
24 ways: Adaptive Images for Responsive Designs… Again
How to Design the Best Navigation Bar for Your Website
Daniel Alves is the design director for the small business web design division at the digital marketing and web design company 352 Media Group. The navigation bar is the most important design element on a website.
I hear a lot of people talking about the importance of sketching when designing or problem-solving, yet it seems that very few people actually sketch.
The Messy Art Of UX Sketching - Smashing UX Design
CSS
HTML5
Javascript Libraries
Taking a “mobile first” approach to web development poses some challenges if you need to provide a “desktop” experience for legacy versions of IE. Using a CSS pre-processor like Sass can help. One aspect of a “mobile first” approach to development is that your styles are usually gradually built up from a simple base.
“Mobile first” CSS and getting Sass to help with legacy IE – Nicolas Gallagher
This article first appeared in issue 218 of .net magazine - the world's best-selling magazine for web designers and developers. As an experienced frontend developer, I’ve been writing CSS documents for 10 years now and it feels like I’ve been refining my method on every site I build.
How to structure your CSS | Tutorial | .net magazine
Get started with Google Chrome Frame Enabling Google Chrome Frame is simple.
Chrome Frame - Google Code
The Difference Between “Block” and “Inline” | Impressive Webs
For the purpose of CSS styling, elements can be generally divided into a few different categories. Two of those categories are block-level elements and inline elements.When adapting a layout for different viewport widths (a.k.a. responsive design) or media (like print), it’s common to reset any float and width values on major layout blocks to linearise their display.