Category Archives: Front-end & UX

35 Responsive E-commerce Site Examples

10 years ago
Years ago, the online world progressed from simple HTML Web 1.0 websites to Web 2.0 websites, which included enhancements like JavaScript and CSS. Today is the era of the “responsive website,” which means e-commerce sites should respond to a visitor’s environment and needs with only minor ...

3 Old and Outdated UX Patterns (And How to Fix The

10 years ago
In one of my recent articles, The Evolution of the Hamburger icon we talked about the history of this commonly-used pattern, and about who’s using it and why. In fact, there have been many recent discussions in UX circles that have raised the counter-intuitive nature of the hamburger icon ...

5 Ways to Make Ajax Calls with jQuery

10 years ago
There are at least five ways to make AJAX calls with the jQuery library. For beginners, however, the differences between each can be a bit confusing. In this tutorial, we’ll line them up and make a comparison. Additionally. we’ll review how to inspect these AJAX calls with Firebug as well. ...

The 14 best examples of responsive design

10 years ago
There’s a reason responsive web design (RWD) is the bee’s knees right now. It epitomizes everything that is UX— from easy-to-use navigation, simplistic and useful design, adaptive orientation and resolution, to lightning fast loading speeds. Using flexible grids and layouts, smart CSS and ...

Creating a CSS-only Responsive Masonry

10 years ago
A detailed tutorial to create a pure CSS-only responsive masonry without making use of JavaScript or jQuery. Pinterest has inspired many to do a masonry-based layout on their sites. We have some solid JavaScript alternatives out there to create masonry layouts, but how about using only CSS ...

Best Free CSS Optimization Tools to Tune up Your S

11 years ago
CSS is an indispensable part of modern web design. If you are a blogger or simply run an eshop, you should make use of its benefits at full. Even though you are not tech-savvy or a coding specialist, it doesn’t mean you can’t optimize CSS for better performance and faster page load. ...

All Search and Social Media Meta Tags Starter Temp

11 years ago
I often find myself referencing back and forth to different resources, old projects, and searching in Google how to create certain social media meta tags to put in my HTML document’s head. The metadata is constantly changing, and there’s tons of different variations of each kind. So, with ...

Can Email Be Responsive?

11 years ago
Love it or hate it, there’s no denying the popularity of HTML emails. And, like the web before it, the inbox has officially gone mobile—with  over 50 percent of email opensoccurring on mobile devices. Still, email design is an outrageously outdated practice. Remember coding before web ...

Build a Vertical Timeline Archives Page Using Boot

11 years ago
Website archives have long been used to organize blog posts, comments, portfolio entries, and similar types of content. These pages are typically organized by date and split into sections by the month and year. This has naturally evolved to include other interface designs – one of which is ...

5 Key Elements of User-Friendly Notifications

11 years ago
Have you ever paid attention to the number of notifications and alert messages you receive on a daily basis from various web services and apps? How many of those notifications do you actually care about? These questions are becoming more worrisome as the number of services we use increases ...

How to Design Your Mobile Commerce Platform for Ma

11 years ago
Have you seen shopping malls packed with crowds or stores brimming with traffic, except on special days and huge sales events like Black Friday? There will hardly be any of us who will answer “yes” to this question. Is it the economic concern that is increasingly creating shopping apathy ...

6 truques bĂĄsicos do functions.php do WordPress

11 years ago
O functions.php Ă© o arquivo de funçÔes do seu tema. É nele que vocĂȘ habilita os menus, cria widgets e define uma sĂ©rie de configuraçÔes dos temas de WordPress. Essas sĂŁo 5 pequenos truques que uso nos meus projetos em WordPress. Como tirar a barra de admin Eu odeio aquela barra de ...

Improve your designs with this 10-point checklist

11 years ago
A creative director working with some of the world’s biggest brands, Fi’s Anton Repponen presents his personal checklist for better designs. This design checklist is a guide that I created for myself over time – it allows me to find the balance between the two extremes I face daily as a ...

Free Book PSD Mockups, Comic Book PSD Creation Kit

11 years ago
Dear MonsterPost readers, we are happy to greet you this Monday. Do you believe that a good beginning makes a good end? If so, let’s start this week with nice and useful stuff. And what is even more important, the goodies we’ve found for you today are available for free! Would you like to ...

Creatively Designed Photography PSD Templates

11 years ago
Nowadays photography business is becoming a leading and highly competitive in the marketplace. Every Photographer is interested to showcase their works to the world. Creating a portfolio website will be the better way of showcasing their works to the people. We have gathered some creatively ...

Responsive Web Design: 50 Examples and Best Practi

11 years ago
Responsive web design  term is related to the concept of developing a website design in a manner that helps the lay out to get changed according to the user’s computer screen resolution. More precisely, the concept allows for an advanced 4 column layout 1292 pixels wide, on a 1025 pixel  ...

Is SEO Part of the Web Design Process?

11 years ago
“When you’re designing a website, you need to consider the audience, the device, the browser, the aesthetics and the search engines.” We all know that web designers can create beautiful, eye catching, clever websites but what good is all that creativity if no one ever visits the site? As ...

PadrÔes de UX do mal

11 years ago
Conheça as armadilhas mais comuns, por que vocĂȘ deve evitar estes padrĂ”es e como escapar do lado sombrio da força. Em um mundo ideal o estudo de experiĂȘncia do usuĂĄrio deveria servir para colocar o usuĂĄrio em primeiro lugar. Mas a ganĂąncia desenfreada, a necessidade por conversĂ”es ...

40 Tiny Web-Based Apps & Tools for Web Designe

11 years ago
In this post we have collected a varied assortment of tiny web-based apps and tools that have been built with the purpose of solving a specific solution and act as precious time-savers for web designers. They are those tools that may not be very well known, are not the most powerful of ...