Smashing Magazine - we smash you with the information that will make your life easier. really.

5 Useful Coding Solutions For Designers And Developers

This post is the the next installment of posts featuring "Useful Coding Solutions for Designers and Developers", a series of posts focusing on unique and creative CSS/JavaScript-techniques being implemented by talented professionals in our industry. A key talent that any Web designer must acquire is the ability to observe, understand and build on other people's designs. This is a great way to develop the skills and techniques necessary to produce effective websites.

Screenshot

With that in mind, let's look at some clever techniques developed and used by top professionals in the Web design industry. We can use their examples to develop our own alternative solutions.

Read on Smashing Magazine...
AdvertisementAdvertise with us!

Zen Coding: A Speedy Way To Write HTML/CSS Code

In this post we present a new speedy way of writing HTML code using CSS-like selector syntax — a handy set of tools for high-speed HTML and CSS coding. It was developed by our author Sergey Chikuyonok and released for Smashing Magazine and its readers.

How much time do you spend writing HTML code: all of those tags, attributes, quotes, braces, etc. You have it easier if your editor of choice has code-completion capabilities, but you still do a lot of typing.

Screenshot

We had the same problem in JavaScript world when we wanted to access a specific element on a Web page. We had to write a lot of code, which became really hard to support and reuse. And then JavaScript frameworks came along, which introduced CSS selector engines. Now, you can use simple CSS expressions to access DOM elements, which is pretty cool.

Read on Smashing Magazine...

Smashing Network Posts

From now on Smashing Magazine's front page features not only magazine's posts, but also manually selected articles from the members of our brand new Smashing Network. This page is updated several times per day, so it is worth checking more often. You can, however, view only Smashing Magazine's posts as well.

40 Beautiful Dark Website Designs

40 Beautiful Dark Website Designs

Today we are going to showcase 40 beautiful dark website designs. We’ve previously wrote about dark minimalist designs & dark website designs so we’re no strangers to killer dark website designs. There are a lot of cool designs that are professional ...

Read on Spyrestudios external link
12 Useful jQuery Plugins for Working with Tables

12 Useful jQuery Plugins for Working with Tables

The days of using tables for layout are hopefully gone. This doesn’t mean that tables don’t have a place in web design and development. When you have tabular data, tables are the way to go and are what you should ...

Read on Web Design Ledger external link
35 Cool Depth of Field Photos to Chase The Monday Blues

35 Cool Depth of Field Photos to Chase The Monday Blues

Depth of field is a creative technique in photography that brings out the focus of a particular matter in the image. Most commonly known as DOF, it is the total distance between the nearest and furthest object that appear reasonably ...

Read on Onextrapixel external link
What Can Your Clients Reasonably Expect From You?

What Can Your Clients Reasonably Expect From You?

In this post, we’ll address the controversial topic of what a client should expect once he or she has hired a freelancer. We’ll also examine some of the legal issues that pertain to client/freelancer relationships.

Read on FreelanceFolder external link
Design Trends of Spa Websites

Design Trends of Spa Websites

This post explores the design trends and features of well designed spa websites. Hotels and spas tend to go together. As shown by some of the examples featured in this post, spas are often one of several amenities offered besides ...

Read on Build Internet external link
30+ Podcasts for Web Designers, Developers and Freelancers

30+ Podcasts for Web Designers, Developers and Freelancers

Most designers and developers follow at least a few blogs from the design industry, but podcasts and video podcasts offer even more opportunities for learning and for staying up-to-date in the industry. In this post we’ll feature more than 30 ...

Read on Designm.ag external link
The Funny and Bizarre World of Client Requests

The Funny and Bizarre World of Client Requests

For some, odd client requests are a source of frustration but for others it can serve as nice distraction. We’ve all had to deal with requests from clients that are either plain daft or simply hilarious but chances are, you ...

Read on Inspect Element external link
50 Amazing Realistic CG Portraits

50 Amazing Realistic CG Portraits

3-D computer graphics (CG) art is capable of generating the most eye-catching and incredible effects, and that’s why we love it. The extent to which 3-D CG can replicate human characteristics is simply unbelievable, It can generate graphic details that ...

Read on Noupe external link
Know Your Clients: How To Build Loyalty With Customer Surveys

Know Your Clients: How To Build Loyalty With Customer Surveys

Do you know what your clients think about you? Many clients won’t even tell you if they are unhappy, instead they’ll simply stop using your services. You may never find out that anything was wrong. Loyal customers are important to ...

Read on FreelanceFolder external link
12 Accessibility Pitfalls to Avoid

12 Accessibility Pitfalls to Avoid

Usability isn’t an exact science. What one visitor considers helpful another considers annoying. Despite this uncertainty and complexity, you should always strive to make your site as accessible as possible to the people you’re trying to reach. You’ll find that ...

Read on Design Shack external link
What Can You Do When You Have No Internet Connection?

What Can You Do When You Have No Internet Connection?

I switched my Internet providers and had no Internet connection for several days. It was strange, I was so used to my Internet related daily work flow, I didn’t know at first what to do! It was like I have ...

Read on 1stwebdesigner external link
10 Free and High-Res Grungy Wood Textures

10 Free and High-Res Grungy Wood Textures

Here are 10 high quality wooden textures that you can use in your design projects free of charge. Each texture file is extremely large-scale at 3,872px x 2,592px so that you can use them in many types ...

Read on Six Revisions external link
The Future of Newspaper Design

The Future of Newspaper Design

I’m sure you’ve all heard the notion that “print is a dying medium.” Advertising in print is down, and seems to continue declining, because more people are going online to read [...]

Read on Abduzeedo external link
Checking in Hotel Web Design: 50 Hotel Websites and Trends

Checking in Hotel Web Design: 50 Hotel Websites and Trends

Hotels often go to a great extent in trying to provide the perfect atmosphere for their customers. However, most hotels overlook the importance of providing a great website which will eventually turn into the gateway for their business. Hotels are ...

Read on Onextrapixel external link
The Ultimate Toolbox for iPhone Development

The Ultimate Toolbox for iPhone Development

iPhone development can be intimidating, especially to someone who’s unfamiliar with Macs, or the way iPhone apps work.But with currently more than 100,000 apps officially available from the App Store, it’s kind of hard for a developer to ignore the ...

Read on Webdesigner Depot external link
10 Online Tools and Apps to Help Optimize and Format CSS

10 Online Tools and Apps to Help Optimize and Format CSS

Why would you ever need to optimize (or optimise, which ever spelling you prefer) or reFormat your CSS? Optimizing your CSS will not only allow your web page to load quicker, it also increases the durabilty and resilience of your ...

Read on Speckyboy external link
50 Interactive Silverlight Applications

50 Interactive Silverlight Applications

Microsoft Silverlight enables development of the next generation of Microsoft .NET-based media experiences and rich interactive applications (RIAs) for the Web. Silverlight is delivered as a cross-platform and cross-browser plug-in that exposes a programming framework and features that are a ...

Read on Noupe external link
10 Must Have Hacks For WordPress Development

10 Must Have Hacks For WordPress Development

Building your own wordpress themes will open your eyes to a lot of things, mainly the fact that you’ll be retyping a lot of code over and over and over again. So in this post I am going to show ...

Read on Spyrestudios external link
Advertisement Advertise with us!
Join in Smashing Forum
Post your job