Latest Inspiration

prada.jpg

The Most Recent News

  • Popular Design News of the Week: January 14, 2019 –...

    Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.  The best way to keep track of all the great stories and news being […]

  • 10 Responsive Slider jQuery Plugins

    We’ve all heard about why we should be using responsive design (beyond the fact that it’s current design trend). But the decision to go responsive raises a number of development questions. One of the biggest issues is handling media. And […]

  • STAR Apps: A New Generation of Front-End Tooling for...

    Product teams from AirBnb and New York Times to Shopify and Artsy (among many others) are converging on a new set of best practices and technologies for building the web apps that their businesses depend on. This trend reflects core principles and […]

  • Monthly Web Development Update 1/2019: Rethinking Habits...

    What could be better than starting the new year with some new experiments? Today I figured it was time to rethink JavaScript tooling in one of my projects. And since we wrote everything in plain ECMAScript modules already, I thought it would be easy […]

  • 3 Reasons Why Customer Satisfaction and a Well Designed...

    You may think of your website as something that’s a promotional tool and a representation of you or your business... The post 3 Reasons Why Customer Satisfaction and a Well Designed Website Are Related appeared first on Colorburned. […]

More Design Inspirations

Beliyf L'Albatros Yacht Copenhagen Economics

Headlines

  • UX in the Age of Personalization

    If you listened to episode 180 of The Big Web Show, you heard two key themes: 1) personalization is now woven into much of the fabric of our digital technology, and 2) designers need to be much more involved in its creation and deployment. In my […]

  • Conversations with Robots: Voice, Smart Agents &...

    In late 2016, Gartner predicted that 30 percent of web browsing sessions would be done without a screen by 2020. Earlier the same year, Comscore had predicted that half of all searches would be voice searches by 2020. Though there’s recent […]

  • Taming Data with JavaScript

    I love data. I also love JavaScript. Yet, data and client-side JavaScript are often considered mutually exclusive. The industry typically sees data processing and aggregation as a back-end function, while JavaScript is just for displaying the […]

  • Designing for Interaction Modes

    We humans have developed ways of coping with digital interfaces. We have tactics. We accept shortcomings. We make do. But why is it still so hard (on most of the internet) to avoid uphill struggles? Often, for example, a quality reading experience […]

  • Progressive Web Apps: The Case for PWAs

    A note from the editors: We’re pleased to share an excerpt from Chapter 2 of Jason Grigsby’s Progressive Web Apps, from A Book Apart.Now that you know what a progressive web app is, you’re probably wondering if your organization […]

  • var to JIT

    In our previous article we described how the browser uses CSS to render beautiful pixels to the user’s screen. Although modern CSS can (and should!) be used to create highly interactive user experiences, for the last mile of interactivity, we […]

  • Braces to Pixels

    Doesn’t CSS seem like magic? Well, in this third installment of “URL to Interactive” we’ll look at the journey that your browser goes through to take your CSS from braces to pixels. As a bonus, we’ll also quickly touch […]

  • Tags to DOM

    In our previous segment, “Server to Client,” we saw how a URL is requested from a server and learned all about the many conditions and caches that help optimize delivery of the associated resource. Once the browser engine finally gets […]

  • From URL to Interactive

    Imagine, if you will, that you’re behind the wheel of a gorgeous 1957 Chevy Bel Air convertible, making your way across the desert on a wide open highway. The sun is setting, so you’ve got the top down, naturally. The breeze caresses […]

  • Server to Client

    Before anything can happen in a browser, it must first know where to go. There are multiple ways to get somewhere: entering a URL in the address bar, clicking (or tapping) on a link on a page or in another app, or clicking on a favorite. No matter […]

  • Themify Shoppe – The Ultimate WooCommerce WordPress Theme

    I’m excited to announce that Themify has released another awesome theme – Themify Shoppe. Designed by Liam McKay and coded by Themify team, Shoppe works hand-in-hand with WooCommerce, making it the ultimate multi-purposed eCommerce […]

  • Best Email Marketing Tips to Increase Engagement &...

    Email is your post powerful marketing channel when used well. Your visitor’s inbox is a perfect opportunity for you to capture attention, communicate important updates and invite readers back to your site for increased visibility. The stats on […]

  • Four Elements of Truly Mobile-Friendly Responsive Menus

    There are hundreds of ways to create responsive navigation, limited only by your creativity and the boundaries of what CSS can accomplish. Good responsive navigation is a little harder – a responsive menu must become a mobile menu, adhering to […]

  • Level Up Your CSS Skills With These 20 Pro CSS Tips

    Front-end development is quickly becoming more and more focused on efficiency – faster loading and rendering through selector choice and minimizing code. Pre-processors like Less and SCSS go a long way in doing some of the work for us, but […]

  • Easy CSS Animation Using @keyframes

    CSS Transitions and transforms work beautifully for creating visual interactions based on single state changes. To have more control over what happens and when, you can use the CSS animation property to create easy CSS animation using @keyframes. […]

  • Easy CSS Animation With Transition & Transforms

    Recently, I walked you through how to create a simple landing page that used a couple different CSS animation techniques. “Animation” is a loose term, in web design usually referring to anything that involves movement. CSS transitions […]

  • Common WordPress Errors & How to Fix Them

    WordPress is an amazingly stable platform thanks to the dedication and talent of the hundreds of professionals contributing to it, and the strict code standards they follow. Even so, the huge variety of themes, plugins and server environments out […]

  • Master CSS Flexbox in 5 Simple Steps

    CSS flexbox is an incredibly useful tool for layout without using floats or positioning. Currently almost all current browser version support flexbox, making it a go-to standard for web design. It can solve a number of problems efficiently, such as […]

  • How to Create Spotify Colorizer Effects With CSS Blend Modes

    When Spotify launched their colorful new brand identity, featuring hip duo-toned imagery, it went hand-in-hand with a new Colorizer tool that allows artists to apply a variety of filters to images. This solved a problem in which Spotify needed a way […]

  • Tutorial: Duo Layout With CSS3 Animations & Transitions...

    Last week I demonstrated how to build a split-screen website layout using CSS flexbox and viewport units that offers an alternative way to present a brand’s featured content. Clicking on one side or the other navigates further into the site […]