Month: April 2016

Material Kit – A Badass Bootstrap UI Kit Based on Material Design

Material Design, a visual language designed by Google to demonstrate good design and a unified experience across platforms and device sizes. Not just visual design, it includes meaningful and appropriate motion serving to focus attention and maintain continuity. In the other hand, we have the popular Twitter Bootstrap Front End library that provides all the… Continue reading Material Kit – A Badass Bootstrap UI Kit Based on Material Design

6 Principles for Timeless Web Design

How do you stay relevant when your audience always changes? Just like fashion, film, and food, web design and UI are subject to an ever-changing set of standards and expectations. While you might sometimes want to cater to the crowd, having the know-how to create something that does the job and does it well is always… Continue reading 6 Principles for Timeless Web Design

New Providence: Free landing page HTML + PSD

New Providence is a free landing page template designed by Denis Shepovalov and Rui Bogas for MarketMe. The overall style is modern thanks to its clean colour combination, balanced typography and high-quality iPhone mockups. The freebie includes the original PSD design assets and the HTML template. Download template 

What does simplicity in UX design look like?

For over a decade, designers have debated what constitutes simplicity in user experience design. As Robert Hoekman Jr. points out in his article When It Comes to UX Design, Simplicity is Overrated, the variation in semantics is confusing. Simplicity could refer to a clean design (then there’s the disparity of what “clean” actually looks like), the… Continue reading What does simplicity in UX design look like?

12 Best Free Stencil Fonts For Designers

  ADVERTISEMENT In this collection, we are going to showcase 12 top and wonderful stencil fonts for the web designers. All these superb stencil fonts will definitely help you in interior decorating, architectural mastery, posters, packaging, t-shirts/clothing and in creative painting. All these outstanding stencil fonts are presented in high quality that helps you to enhance… Continue reading 12 Best Free Stencil Fonts For Designers

Build Awesome User Interfaces with Flexbox Patterns

Advertise here via BSA Flexbox is awesome, it introduces many new concepts that can make it difficult to use. There are some interactive examples will show you practical ways to use it to build UI components. They start out simple and get more complex near the end, and you can start using them in your… Continue reading Build Awesome User Interfaces with Flexbox Patterns

How to Make Pixel Characters

What You’ll Be Creating If you’ve ever thought about creating pixel art, here’s a very quick and easy introduction to one of the most fundamental aspects of it: characters. We’ll be creating an extremely simple character, but although it will be simple, it will still allow a decent amount of detail, so it will work… Continue reading How to Make Pixel Characters

Quick Tip: Using CSS Counters to Style Incremental Elements

In this quick tip, we’ll cover the very basics of CSS counters; a useful, yet not so well-known CSS feature. When we’re done building our demo, we’ll take a look at some real world examples of sites which take advantage of CSS counters. The Goal: Styling an Ordered List As a first step, let’s look at the… Continue reading Quick Tip: Using CSS Counters to Style Incremental Elements

How to Code Multiple Loops While Only Querying the Database Once

I’m a big fan of the WP_Query class: I use it in many of my client sites to query and output content in custom ways. If you want to run multiple loops on a page, the easiest way to do it is to run WP_Query each time you need to run a loop. But there… Continue reading How to Code Multiple Loops While Only Querying the Database Once

A Closer Look at the Best UX and UI Tools and Apps

There are various ways to build a prototype, and a prototype can be used as a measure of design progress or to test final result. In most instances, a web designer goal is to create a high-fidelity prototype has the look and feel of the end product, and is also capable of supporting team collaboration… Continue reading A Closer Look at the Best UX and UI Tools and Apps

Chartd – Responsive and Retina-Compatible Charts

Advertise here via BSA At StatHat, they make a lot of charts. They creates dynamic, autoupdating charts using JavaScript, but we also send charts via email and to external services like Campfire and Slack. Plus, they let users embed charts on their own web pages. For these situations, JavaScript charts either won’t work, are overkill, or could get… Continue reading Chartd – Responsive and Retina-Compatible Charts

Testing and Dependency Injection With Model View Presenter on Android

We explored the concepts of the Model View Presenter pattern in the first part of this series and we implemented our own version of the pattern in the second part. It’s now time to dig a little deeper. In this tutorial, we focus on the following topics: setting up the test environment and writing unit tests for the… Continue reading Testing and Dependency Injection With Model View Presenter on Android

How to Prepare a Cool 3D Card for Post-Print Effects

What You’ll Be Creating In this tutorial you’ll learn how to create a laser-cut pop up card, perfect for showcasing retail offers or adapting for events. We’ll break down into simple steps some of the essential techniques for preparing your artwork for post-print processes, including laser-cutting and accommodating for folds. Suitable for beginner-to-intermediate users of… Continue reading How to Prepare a Cool 3D Card for Post-Print Effects

An Interactive 3D Mall Map Concept

Advertise here via BSA Today Codrops has shared an Interactive 3D Mall Map experiment with us. The idea is to show a mall map with all its floors in perspective. Additionally, we have a search in a sidebar that allows to filter mall spaces. Once a floor is selected, we show some pins as indicators… Continue reading An Interactive 3D Mall Map Concept

WP REST API: Internals and Customization

In the previous part of the series, we learned about creating, updating, and deleting content remotely through the WP REST API. It allows us to create platform-independent applications that work seamlessly with a WordPress powered back-end, providing a rich experience to the user. In the current part of the series, we will take a look at… Continue reading WP REST API: Internals and Customization

New Course: Advanced Animation With GSAP Plugins

What You’ll Be Creating The GreenSock Animation Platform is a powerful JavaScript library for animating HTML elements in the browser. In our new course, Advanced Animation With GSAP Plugins, you will learn how to take your GSAP animations to the next level using the plugins that come with the platform. What You’ll Learn Our recent GreenSock Animation… Continue reading New Course: Advanced Animation With GSAP Plugins

20 Useful WordPress Gallery Plugins

Several WordPress versions ago, putting together an image gallery wasn’t the easiest thing to do, let alone a gallery of videos or products for sale. Today, however, there are many WordPress gallery plugins that are creative, powerful, and highly configurable. Sure, the Jetpack gallery is great in comparison to the early days of WordPress, but… Continue reading 20 Useful WordPress Gallery Plugins

9 Best jQuery Autocomplete Plugins

For today’s round up, we have collected 9 best jQuery auto complete plugins for you. Auto complete feature lets your users to quickly find and select from a pre-populated list of values that they have previously saved in the form. This will result in saving lots of time and energy. This is exceptionally helpful for… Continue reading 9 Best jQuery Autocomplete Plugins

Better CSS Drop Caps With “initial-letter”

Drop caps are a form of decoration sometimes used at the beginning of a block of text; the initial letter running several lines deep and indenting the body text within these lines.  Drop cap example, as found on The Walrus Drop cap example, as found on Nautilus It’s a typographic tradition as old as the… Continue reading Better CSS Drop Caps With “initial-letter”

11 Free Tools To Make Marketing Magic

If you want to create some outstanding and attractive marketing magic then you should try this collection. In this post, we are presenting top 11 free tools which help you to make marketing magic. In this post all these tools are free and very useful. When you use these tools in your projects it makes… Continue reading 11 Free Tools To Make Marketing Magic

7 (Must See) Creative & Awesome Animated GIFs

In this compilation, we are presenting a beautiful and useful collection of some awesome animated GIFs. And it is once again our pleasure to share with you what we have gathered from all over the web so to help you with your masterpieces. So, here is the complete list of amazing animated GIFs for your… Continue reading 7 (Must See) Creative & Awesome Animated GIFs

7 (Must See) Creative & Awesome Animated GIFs

In this compilation, we are presenting a beautiful and useful collection of some awesome animated GIFs. And it is once again our pleasure to share with you what we have gathered from all over the web so to help you with your masterpieces. So, here is the complete list of amazing animated GIFs for your… Continue reading 7 (Must See) Creative & Awesome Animated GIFs