background preloader

Articles, Exemples, Magazines

Facebook Twitter

DesignFloat - Web Design News & Tips. Testing Grounds. Projects Revised Image Replacement Plenty of new and interesting revisions to the original Fahrner Image Replacement technique sprouted up in late 2003.

Testing Grounds

This was an attempt to consolidate them. Please note that this page is no longer being maintained. Requirements: the replacement must solve the screen reader problem, and it must address the "images off, css on" problem. 2008 Update: what does Google think of these methods? Classic FIR Using Doug Bowman's original tutorial, we surround the text with empty spans to hide it with display: none; Issues: most screen readers will not pick up the text when it is not rendered on-screen, nothing shows up under "images off, css on" scenarios, semantically meaningless <span>s necessary.

Revised Image Replacement code: Single-pixel <img> Replacement Radu Darvas proposed adding a one-pixel, transparent GIF image to the header to restore alt text. Revised Image Replacement Radu Method Leahy/Langridge Method Phark Method Phark Revisited Dwyer Method Lindsay Method. About. I'm a web designer and developer who is currently a product manager at Shopify.

About

Before Shopify, I worked at Yahoo! As part of the team that redesigned and rebuilt the communication suite of products: Mail, Messenger, Calendar, and more. Before that, I freelanced for almost 5 years working with fantastic clients on fun projects doing design, front-end development, and back-end development. From front-end work to hardcore server-side challenges, I share tips, tricks and bookmarks on snook.ca, along with other publications online and offline.

I've also coauthored two acclaimed books: Accelerated DOM Scripting with Ajax, APIs, and Libraries, and the approachable, widely-read The Art and Science of CSS. I've also authored and self-published the book, Scalable and Modular Architecture for CSS, that was born out of what I learned and implemented during my time at Yahoo! About This Site First and foremost, this site is a resource—for myself and the community. Credit where credit is due Copyright. Drawar » The web designer&#039;s design community. Freelance web designer/developer based in Norwich, England. The Art of Branding Yourself and Your Freelancing Business. Just as it is for big corporations, successful branding is essential to the success of a freelancing business and to just one self-employed web worker.

The Art of Branding Yourself and Your Freelancing Business

It is often times overlooked, most likely because many don’t realize the large benefits that can come from it. The first thing we think of when we think “brand identity” is a good logo. A good logo can do wonders for a self-employed freelancer, but branding identity goes far beyond that, into entire website development, content, business cards, and even into offline scenarios. In this article, we’ll take a closer look at ways to define a brand for something as unique as a freelancing business, and what one needs to do to get started on the right track to a successful brand.Before we get into the specifics, let’s take a look at how a brand can help any sort of business.

A good brand will lead to success now and in the future, and that is essential for a self-employed person that doesn’t ever want to be forced back into a 9-5 job. 1. 2. 3. 4. Ninja Support Services - Home. 70 Expert Ideas For Better CSS Coding - Smashing Magazine. Advertisement CSS isn’t always easy to deal with.

70 Expert Ideas For Better CSS Coding - Smashing Magazine

Depending on your skills and your experience, CSS coding can sometimes become a nightmare, particularly if you aren’t sure which selectors are actually being applied to document elements. An easy way to minimize the complexity of the code is as useful as not-so-well-known CSS attributes and properties you can use to create a semantically correct markup. We’ve taken a close look at some of the most useful CSS tricks, tips, ideas, methods, techniques and coding solutions and listed them below.

We also included some basic techniques you can probably use in every project you are developing, but which are hard to find once you need them. And what has come out of it is an overview of over 70 expert CSS ideas which can improve your efficiency of CSS coding. We’d like to express sincere gratitude to all designers who shared their ideas, techniques, methods, knowledge and experience with their readers. 1.1. 1.2. 1.3. Keep containers to a minimum. Sprocket House · Print &amp; Web Design · Raleigh, Durham, Chapel Hill NC.

Graphic, Logo and Web Designer. The content is the Cargo. WellMedicated - Inspiration Overdose. Smashing Magazine. Opossum. Accompagnement et conseils pour l&#039;apprentissage et la technologie. Jason Santa Maria. Design Reviver - Web Design Blog. Wallace &amp; Gromit - The Official Site. Web Designer Wall - Design Trends and Tutorials.