Latest Inspiration

prada.jpg

The Most Recent News

  • 20 Freshest Web Designs, September 2018

    Welcome to our roundup of the best websites launched (or relaunched with major updates) in the last four weeks. September marks the beginning of Fall in the northern hemisphere, and reflecting that change, we’re seeing fewer light, airy, […]

  • 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 […]

  • Using Scoped Slots in Vue.js to Abstract Functionality

    Let’s start with a short introduction to Vue.js slots concept. Slots are useful when you want to inject content in a specific place of a component. Those specific places that you can define are called slots. For example, you want to create a […]

  • Visual Studio Live Share Can Do That?

    A few months ago, Microsoft released its free Visual Studio (VS) Live Share service. VS Live Share is Google Docs level collaboration for code. Multiple developers can collaborate on the same file at the same time without ever leaving their own […]

  • 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

  • Breaking the Deadlock Between User Experience and Developer...

    In early 2013, less than 14% of all web traffic came from mobile devices; today, that number has grown to 53%. In other parts of the world the difference is even more staggering: in African countries, more than 64% of web traffic is from mobile […]

  • Design with Difficult Data

    You’ve been asked to design a profile screen for a mobile or web app. It will need to include an avatar, a name, a job title, and a location. You fire up Sketch or Figma. Maybe you pull out your drafting pencil or head straight to markup and […]

  • Conversational Semantics

    As Alexa, Cortana, Siri, and even customer support chat bots become the norm, we have to start carefully considering not only how our content looks but how it could sound. We can—and should—use HTML and ARIA to make our content […]

  • Coding with Clarity: Part II

    As any developer who works with other developers can attest, if code is unclear, problems occur. In Part I of this series, I went over some principles to improve clarity in our code to prevent problems that can arise from unclear code. As our apps […]

  • Make Something Great: Become an Open Source Contributor

    My first contribution to Bootstrap was a tiny line of CSS. It was a no-brainer to merge, but the feeling of seeing that bit of code in the project’s codebase was unreal and addictive. You may think that open source is not for you. After all, […]

  • What is Typesetting?

    A note from the editors: We’re pleased to share an excerpt from Chapter 1 of Tim Brown’s Flexible Typesetting, from A Book Apart.Typesetting is the most important part of typography, because most text is meant to be read, and typesetting […]

  • Fixing Variable Scope Issues with ECMAScript 6

    Variable scope has always been tricky in JavaScript, particularly when compared to more structured languages like C and Java. For years, there wasn’t much talk about it because we had few options for really changing it. But ECMAScript 6 […]

  • Webmentions: Enabling Better Communication on the Internet

    Over 1 million Webmentions will have been sent across the internet since the specification was made a full Recommendation by the W3C—the standards body that guides the direction of the web—in early January 2017. That number is rising […]

  • Order Out of Chaos: Patterns of Organization for Writing on...

    A few years ago, a former boss of mine emailed me out of the blue and asked for a resource that would help him and his colleagues organize information more effectively. Like a dutiful friend, I sent him links to a few articles and the names of some […]

  • Your Emails (and Recipients) Deserve Better Context

    Email communication is an integral part of the user experience for nearly every web application that requires a login. It’s also one of the first interactions the user has after signing up. Yet too often both the content and context of these […]

  • 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 […]