Build a Responsive Grid System in LESS with Recursive Mixins

Responsive Grid System in LESS with Recursive Mixins

Ever wanted to build your own responsive grid system? It’s easier than you think. LESS has a feature known as recursive mixins, which can generate code that we’d otherwise have to type by hand. A recursive mixin acts as a …

Primer on Web-Based Grid Systems

Primer on Web-Based Grid Systems

What’s in a grid? A grid-style framework is the backbone to almost any web design project, providing the structure for your site as well as a way to organize content, elements and images. There are a variety of grid systems …

Micro UX: Examples of Page Preloading Animations

Examples of Page preloading animations

When creating a great user experience becomes a number one priority, micro UX comes to the forefront – in our case are preloading animations. For a long time, only some have taken into account this constituent, yet everything has changed, …

UX Tools: Implementing Doors Diagram

UX Tools: Implementing Doors Diagram

After “How To Improve Your Website’s UX With Doors Diagram” you learned what Doors Diagram is and how to use it. This is the second part of the topic explaining why to use this design tool, covering this approach in …

Building a Facebook Like Box WordPress Widget

Building a Facebook Like Box WordPress Widget

WordPress arguably has become the de facto content management system (CMS) in the world powering over 20 percent of websites globally. One of the platform’s most loved feature is widgets that seamlessly add content and features to sidebars. Widgets were …

Designing Website Text for Readability

Louder

Text can be beautiful, simple, wild, engaging, exciting and a wide number of other things. It can stir emotion and helps users understand your message. Type can be a wide number of things but one thing is common – it …

Hot Data and Content Design Patterns for Mobile

,

Hot Data and Content Design Patterns for Mobile

Proper content and information design are not only important for traditional publishing or user-generated content sites, whether it’s the front-end experience or the underlying systems (ex: content management systems) that keep them operational. As users are able to interact with …

Four Design Lessons from Material Design Documentation

Four design lessons taken from Material Design documentation

Material Design is a new visual language Google created to unify its various products. When Google announced the material design concept, it also released some documentation to allow curious minds to browse through their visual guidelines. The Material Design document …

Case Studies: Redesigning a Logo Can Be Tricky

New Logos

The logo is definitely the most important part of any brand. Its aim is to reveal the qualities of a product or of a society and to communicate what the company mission is. Logos should not be too processed or …

15 Responsive jQuery UI Snippets & Modules

Responsive jQuery UI Snippets & Modules

With responsive web design evolving as a must-have for every website, more user-interface related issues have started to come up when designing for mobile and tablet devices. In this showcase, we present 15 fresh and responsive jQuery snippets that enhance …

🍪

We use cookies to ensure that we give you the best experience on our website. Privacy Statement.

  • I disagree
  • I agree