Category Archives: Front-end & UX

Understanding the Bootstrap 3 Grid System

11 years ago
With the 3rd version of the great  Bootstrap  out for about 4 and a half months now, people have had their time to play around with it, learn the changes, find new features, and build amazing things. The Difference The most interesting change for me was the difference in the  grid system. ...

30 Open Source CSS3 Code Samples for Web Developer

11 years ago
Open source web development has seen a tremendous explosion in popularity. You can download free code snippets, plugins, WordPress themes, and the list is always growing. I have been infatuated with the amazing effects possible in CSS3 and some related JavaScript libraries. In this gallery ...

The Subtle Magic Behind Why the Bootstrap 3 Grid W

11 years ago
Things like CSS grids should remain behind the curtain. No one really needs to know how it works, or why. Until you have a broken design or something complex and you can’t figure out why your spacing, margins, paddings etc are all messed up. It can be a real pain, especially when you are ...

70 FLAT RESPONSIVE HTML WEBSITE TEMPLATES

11 years ago
User experience and design is important in determining how people perceive your website and brand. Recently, flat design has seen strong uptake and while many believe it is a passing trend, there are several reasons that suggest it might be part of a bigger shift in digital design. ...

60 CREATIVE WEB DESIGNS INSPIRATION 2013

11 years ago
Web design sure has come a long way in recent years, and we can see all kinds of creative and unique websites popping up. In this article we’ll have a look at some websites that are a bit different to what we usually see. This collection is comprised of websites offering many different ...

14 WORDPRESS COMING SOON & MAINTENANCE MODE PL

11 years ago
When you start developing a WordPress site – no matter if for a client or a private project – chances are you want to see how your site may look in a real environment but without letting regular users see your unfinished work. This is where ‘Coming Soon’ pages come into play. So here are 14 ...

50 INTUITIVE DASHBOARD UI DESIGNS

11 years ago
This post brought together a showcase of intuitive, stunningly beautiful dashboard concepts & designs to help inspire you. If you’re about to start a project that deals with data visualization, hopefully this collection will give you some inspiration into how you can show your ...

5 Best Responsive Table Plugins & Concepts

11 years ago
Displaying data in tabular format is almost inevitable in all data driven web applications. After the advent of responsive web design, there has been many proven concepts for making data tables responsive starting fromChris Coyier’s attempt to convert columns to rows labelled with column ...

100+ Best Free jQuery CSS Image Hover Effect Demos

11 years ago
JQeury hover effects add a nice finishing touch to any website or project. With increasing support of jQuery on modern broswers, along with HTML5 and CSS3 integration, hover effects have become more powerful and easier to implement than ever. Whether you are using hover effects for images, ...

Why custom post types belong in plugins

11 years ago
Just to be clear before continuing, this article specifically deals with publicly-distributed themes and plugins, whether free or commercial. It may not apply to some custom work. What’s best for your client will have to be decided on a case-by-case basis. I and others in the WordPress ...

15 free ebooks for web designers

11 years ago
There’s plenty of free advice and tuition out there for web designers. Get your teeth into these great free ebooks. Looking for a little expertise in HTML5, coding or going it alone? Well, to need to get bogged down in hefty hardbacks – there’s a huge range of digestible ebooks for you to ...

Bootstrap 3: the new grid system, for starters

11 years ago
Baby steps It’s super easy to put together a basic page with Bootstrap. Just fire up your editor and type in this markup: [crayon-66dd065fe8327579272905/] This is it. There are just two requirements for a basic Bootstrap page: HTML5: achieved declaring a  <!DOCTYPE html> Bootstrap CSS ...

jQuery: What’s the difference between height, inne

11 years ago
I was surprised to find there is no simple online comparison giving an overview of the difference between JQuery’s height, innerHeight and outerHeight. It’s really quite simple and is down to whether the calculation factors in padding, border and margin. Here’s the summary: Padding Border ...

10 Wireframing and Prototyping Tools for 2013

11 years ago
Creating a website or application is not limited to deciding what to put on the homepage or what photos to use to match the site’s subject. Visual designs are necessary to attract searchers and be user friendly. Therefore, project developers must first be able to visualize a good output and ...

Touch And Mouse – Together Again For The Fir

11 years ago
Introduction For close to thirty years, desktop computing experiences have centered around a keyboard and a mouse or trackpad as our main user input devices. Over the last decade, however, smartphones and tablets have brought a new interaction paradigm: touch. With the introduction of ...

Performance front-end – Parte 2

12 years ago
O front-end é um dos grandes responsáveis pela performance de um website ou serviço online. Se você ainda não leu a primeira parte desse assunto, veja aqui: Performance front-end – Parte 1. Os browsers ajudam em muitos sentidos otimizando o carregamento de assets e a renderização da página, ...

10 Elegant AJAXED WordPress Themes

12 years ago
Ajax (Asynchronous JavaScript And XML) is a valuable tool becoming more and more popular within web design. Its effective, exciting for users, and works well with responsive designs. The purpose of Ajax is to allow a web page to update without having to reload the page which speeds up your ...

Performance front-end – Parte 1

12 years ago
Entenda como você pode melhorar a velocidade do seu site de maneira rápida e simples. RTT (Road-trip Time) é o tempo que leva para o browser (ou qualquer outro cliente) conversar com o servidor buscando a informação solicitada pelo usuário. Normalmente um browser inicia a comunicação com o ...