Some websites outperform others, whether in their content, usability, design, features, etc. Details of interaction design and animation make a fundamental difference on modern websites. We’ll share some lessons drawn from various models and analyze why these simple patterns work so well.
When we design digital products, we often use design applications such as Photoshop and Sketch. Most people who have been in the business for a few years obviously know that design is more than just about visual presentation.
We love organizing community events that leave everyone with memorable, long-lasting impressions. With our upcoming Smashing Conference Oxford, we'll explore real-life projects, workflows and hands-on insights that we can all learn from and use right away. Same game, same rules: 1 track, 2 conference days, 5 workshops, 18 excellent speakers and just 350 seats.
Because discussions about design trends and visual style are often very subjective, they rarely provide actionable, valuable takeaways. Nothing beats a conversation about what worked and what didn't in actual real-life projects, and what decisions were made (or ideas discarded) along the way.
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.
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.
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.
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.
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.
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.
I don’t know about you, but I wake up every morning with at least 10 emails that I didn’t have when I went to sleep. While most people probably know that these emails aren’t being sent manually by some sleep-deprived, coffee-fuelled intern, many people don’t understand the ins and outs of the systems that automate tasks such as sending email.
That’s where cron and WordPress Cron come into play. Cron is a system originally built for UNIX that enables users to execute commands, programs and other actions at specified times. As Wikipedia so eloquently puts it, “Cron is a time-based job scheduler.”
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.
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.