Categoria: Front-end & UX

35 Responsive E-commerce Site Examples

10 anos atrás
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 anos atrás
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 maneiras de fazer chamadas do Ajax com jQuery

10 anos atrás
Há pelo menos cinco maneiras de fazer chamadas AJAX com a biblioteca jQuery. Para iniciantes, no entanto, as diferenças entre cada um podem ser um pouco confusas. Neste tutorial, vamos alinhá-los e fazer uma comparação. Além disso. Nós analisaremos como inspecionar essas chamadas AJAX com o ...

The 14 best examples of responsive design

10 anos atrás
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 anos atrás
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 anos atrás
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 anos atrás
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 anos atrás
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 anos atrás
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 anos atrás
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 anos atrás
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 anos atrás
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 anos atrás
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 anos atrás
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 anos atrás
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 ...

Is SEO Part of the Web Design Process?

11 anos atrás
“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 anos atrás
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 anos atrás
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 ...