Challenging CSS Best Practices

Editor’s Note: This article features techniques that are used in practice by Yahoo! and question coding techniques that we are used to today. You might be interested in reading Decoupling HTML From CSS by Jonathan Snook, On HTML Elements Identifiers by Tim Huegdon and Atomic Design With Sass by Robin Rendle as well. Please keep in mind: some of the mentioned techniques are not considered to be best practices.

When it comes to CSS, I believe that the sacred principle of “separation of concerns” (SoC) has lead us to accept bloat, obsolescence, redundancy, poor caching and more. Now, I’m convinced that the only way to improve how we author style sheets is by moving away from this principle.

Challenging CSS Best Practices

For those of you who have never heard of the SoC principle in the context of Web design, it relates to something commonly known as the “separation of the three layers”: structure, presentation, behavior.

Read more...

Lessons Learned From Leading New Web Professionals

Over the course of my career, I have had the opportunity to lead various Web design and development teams, including a number of professionals fresh out of school. Along the way, I’ve made my share of mistakes and learned some valuable lessons.

Lessons Learned From Leading New Web Professionals

Some new team members have jumped right in and begun contributing in a meaningful way almost immediately, and others have struggled to adjust to their new role because I failed as a leader and didn’t give them the tools they needed to succeed. One thing I’ve definitely learned is that the success of a new team member is determined not only by their own abilities and drive, but by the leadership on the team they are joining.

Read more...
Advertisement Advertise with us!

Best Of Both Worlds: Mixing HTML5 And Native Code

Much has been written recently in the ongoing debate between native and HTML5 applications. There are three principal ways to develop a mobile solution: native code, hybrid mobile app, mobile Web app. Developing an application in HTML5 is a way to leverage code across multiple platforms, rather than having to write the entire application from scratch for each platform.

Best Of Both Worlds: Mixing HTML5 And Native Code

As such, much of the user interface, perhaps the entire interface, would be done in HTML. “Hybrid application” is a term often given to applications that are developed largely in HTML5 for the user interface and that rely on native code to access device-specific features that are not readily available to Web applications.

Read more...

Type Makes A Difference: An Exploration Of Type-Focused Websites

In this article, we’ll take you on a thought-provoking journey through carefully selected Web designs. Certainly, these websites have some captivating interactivity; however, the selection of type and the typographic styling and spacing are the reasons why we chose them for this piece.

Type Makes A Difference: An Exploration Of Type-Focused Websites

In the context of typography, considering composition and grid structure is also important. Composition and grid structure are vital factors in effective communication with type.

Read more...

Smart, Effective Strategies To Design Marketing Campaigns

Ever since I’ve been involved in the Web, I’ve been fascinated by little things that make a big impact. It’s one of the reasons why I started collecting and blogging about these details, which could in some way help others grow an audience.

Smart, Effective Strategies To Design Marketing Campaigns

One recurring topic early on was launch and landing pages and the strategies that creators use to expand the reach of their websites, which led to a Smashing Magazine post titled “Elements of a Viral Launch Page.” In this post, you’ll learn what to look out for when creating your own small campaign and how these elements fit together in existing campaigns around the Web.

Read more...

So We Wanted To Build A File Uploader… (A Case Study)

One day I discovered that I needed to design an API that would upload files from a client to a server. I work on the Russian Web mail provider at Mail.Ru and deal with JavaScript in all its aspects. A basic feature of any Web mail service is of course attaching a file to an email.

So We Wanted To Build A File Uploader... (A Case Study)

Mail.ru is no exception: We used to have a Flash uploader, which was rather good, but still had some problems. HTML markup, graphics, business logic and even localization were all built into it, and it made the uploader pretty bloated. Furthermore, only a Flash developer could make any changes to it. We realized that we needed to build something new and different.

Read more...

Building An Online Magazine App For Windows 8, Part 2: The Web Back End

In part one of this series, we got a customized magazine app for Windows 8 up and running. In this second and last part, we will shift our focus to the server and content. We will look at how our magazine app obtains the articles to be shown, examine the transport protocol and set up a live content host.

Building An Online Magazine App For Windows 8, Part 2: The Web Back End

When done, you will have a cloud-based content management system running on a free hosting plan from where you can manage and publish articles.

Read more...

Fix That Bug Already: New Smashing Front-End & UX Workshops

With so much going on in the industry, there is probably that one topic that you'd love to finally understand but never had time for. Or your company has a problem, and you aren't sure how to address it? Well, we've got your back with a line-up of hands-on full-day workshops in London and Berlin — just for you.

Fix That Bug Already: New Front-End & UX Smashing Workshops

This isn't the final list, though. Even more Smashing full-day workshops are underway — please stay tuned! It would be our great pleasure to personally meet you at one of the workshops. If you, your colleague, boss, relative, neighbor or anyone else has a question, feel free to drop us an email. We aren't going anywhere, you know.

Read more...

Hand-Sketching: Things You Didn’t Know Your Doodles Could Accomplish

Is sketching by hand more than a nostalgic activity? How is paper any different from a screen, especially when hardware is becoming more and more sophisticated? Is improving your hand-sketching skills really worthwhile when high-tech software is advancing every day?

Hand-Sketching: Things You Didn't Know Your Doodles Could Accomplish

Everyone seems to have a strong opinion about hand-sketching these days. Some absolutely hate the thought of putting their ideas to paper because they can’t draw to save their lives. Others couldn’t imagine their creativity surviving without it. Love it or hate it, there’s much more to a sketchbook than old-school charm.

Read more...

Conversion Rate Optimization For WordPress

A website is created with a purpose in mind. Whether it’s to sell, entertain, inform or generate leads, there are better and worse ways to go about achieving those goals. Most website owners are very familiar with search engine optimization (SEO).

Conversion Rate Optimization For WordPress

They know what to do to get people to their website, but the period between a user arriving on a website and buying something or registering is often not given the attention it needs.

Read more...

↑ Back to top