What You’ll Be Creating It’s not necessary to understand every aspect of Flexbox before you can jump in and get started. In this tutorial, we’re going to introduce a few features of Flexbox whilst designing a “news layout” like the one you can find on The Guardian. The reason we’re using Flexbox is that it… Continue reading How to Build a News Website Layout with Flexbox
Tag: order
Using Subversion to Check Out WordPress
There are a lot of reasons to enjoy following open-source software, one of which is the ability to learn from the code that others have built. Other examples include: following along with bug tickets seeing new features merged into the code base learning how to achieve something programmatically viewing the deprecation of an old feature… Continue reading Using Subversion to Check Out WordPress
Free UI Kits That A Designer Should Have
Posted · Category: Best Collections UI kits are among designers’ favorite tools to work with, because they enhance their creativity, and clean the palette even for the most difficult projects. What makes UI kits even more loveable is that they help us explore other designers’ ideas, without expecting the client to come up with his,… Continue reading Free UI Kits That A Designer Should Have
How to Integrate SmoothState.js Into a WordPress Theme
In our previous tutorial, we used the History Web API within a static site to serve smooth page transitions. In this tutorial we’re going to take things to the next level, by applying what we learned in a WordPress website. There’ll be one crucial difference; we’ll leverage SmoothState.js instead of building our own from scratch. SmoothState.js will: Request pages asynchronously (AJAX) and… Continue reading How to Integrate SmoothState.js Into a WordPress Theme
How to Build a Pebble Application
What You’ll Be Creating The Pebble smartwatch has been around since its very successful Kickstarter campaign in 2012 and is a popular choice amongst smartwatch users. This is due to its excellent battery life, low price, various models to choose from, and compatibility with both iOS and Android. Pebble has had a developer SDK since day one, encouraging developers… Continue reading How to Build a Pebble Application
Create Amazing Videos in Your Browser with Showbox
Posted · Category: License Free, Video Showbox enables anybody to create studio-quality video content. Showbox is a cloud-based solution that transforms video creation into a simple, scalable process that gives you beautiful results you couldn’t achieve beforehand. We tried to cover everything needed to create a video, in a way that allows you to go… Continue reading Create Amazing Videos in Your Browser with Showbox
How to Create a Seder Plate for Passover in Adobe Illustrator
What You’ll Be Creating Whether or not you observe Passover, this is a great time to create and learn about the Seder plate and what it means during this Jewish holiday season. Celebrated this year from sunset on 22 April to 30 April (or nightfall of the 29th if you’re in Israel), Passover celebrates the… Continue reading How to Create a Seder Plate for Passover in Adobe Illustrator
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
Android From Scratch: How to Run Your Application on a Physical Device
Most Android phones and tablets can be connected to a computer using a USB cable. However, by default, the USB connection established between an Android device and a computer is limited to file transfer only. Therefore, if you want to use your device for Android application development, you have to make a few configuration changes… Continue reading Android From Scratch: How to Run Your Application on a Physical Device
Material Kit – Free Bootstrap UI Kit for Google Material Design
Advertise here via BSA Material Kit is a Free Bootstrap UI Kit with a fresh, new design inspired by Google’s material design. You asked for it, so we built it. It’s a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components. Along with the restyling… Continue reading Material Kit – Free Bootstrap UI Kit for Google Material Design
How to Work With WordPress Term Meta: Term Metadata API
The first post in this series laid the groundwork for understanding taxonomies, terms, and their relationship within the context of WordPress. If you haven’t read it yet and you’re brand new to WordPress development, then I highly recommend reading through it as this post is going to build on top of everything covered in that… Continue reading How to Work With WordPress Term Meta: Term Metadata API
Set Up Google reCAPTCHA in OpenCart
Whether you’re a pro or a fresher in the world of website development, the word CAPTCHA should not sound alien to you. It is an important and widely used technique to determine if the user is a bot or an actual human. There are lots of third-party scripts that allow you to set up CAPTCHA… Continue reading Set Up Google reCAPTCHA in OpenCart
Sushi Bar Responsive Website Template
Over the past few years, sushi continues to win hearts of people throughout the world, and for part of the population Japanese cuisine enters a daily diet. There is a question, why people begin to give their preference to this beautiful and tasty dish? It seems very simple – boiled rice, nori, raw fish and… Continue reading Sushi Bar Responsive Website Template
How to Work With Images in Shopify
When starting out with a new platform, such as Shopify, there’s a lot to learn. Whilst Liquid, the template language used in Shopify themes, is very readable and easy to get started with, one area of Shopify development which can often cause confusion for new theme developers is images. I believe the main reason for… Continue reading How to Work With Images in Shopify
Create a Surreal Photo Manipulation of a Man Watching a Magical Sky
In this tutorial we’re going to create a surreal photo manipulation of a man watching what looks to be a magical portal to another world. This will take you through all the process with explanation at every step. Now… Shall we begin? What you’ll be creating Although this artwork has been created with Adobe Photoshop… Continue reading Create a Surreal Photo Manipulation of a Man Watching a Magical Sky
10 Illustrator Tools Every Designer Should Be Using
What You’ll Be Creating In this article, we’re going to talk about the top ten most useful tools in Adobe Illustrator. Whether you’re into icon design, illustrations or any other craft, you’ll definitely want to read this article, since you’ll learn something new and interesting about the software that you use on a daily basis. So,… Continue reading 10 Illustrator Tools Every Designer Should Be Using
How to Work With WordPress User Metadata
In the previous article, we discussed working with post metadata in WordPress using the provided APIs. We also covered a variety of tools, the ideas of security, and what would be required in order to set up the environment in which to work with the code that would be provided throughout the tutorial. If you… Continue reading How to Work With WordPress User Metadata
10 Top Tips for Fashion Illustration
Fashion Patterns From clothes to accessories, fashion illustrations have a long history as a visual reference for a designer’s concepts or current fashion trends. What makes a good fashion illustration, though? With help from content from Envato Market, let’s count down 10 top tips for creating great fashion illustrations to better your own sense of… Continue reading 10 Top Tips for Fashion Illustration
9 Free Cross Browser Testing Tools
Web developers constantly need to check the website compatibility across a variety of browsers in order to make sure that the website works perfectly on all the browsers. For this, there are plenty of cross browsers testing tools available that will help developers to check their websites before their website is up. Here is the… Continue reading 9 Free Cross Browser Testing Tools
12 WordPress Plugins For Handling Malicious Code
With this collection, we are aiming to present some of the finest examples of WordPress plugins that can handle malicious code for you. Take a peek over the list and see if anything catches your attention. We spent a large amount of time basking in the glow of a computer screen to sort out the… Continue reading 12 WordPress Plugins For Handling Malicious Code
12 Beautiful Cursive & Handwritten Fonts To Download
Designers’ love for font is not going to end because it is font that gives a design a special feel that designer wants to communicate. There are bundle of free fonts available on the internet and it is quite tough to find out a suitable one for your project. Therefore, it is important to organize… Continue reading 12 Beautiful Cursive & Handwritten Fonts To Download
How to Conduct an Interface Inventory With InVision
By definition: an inventory is a gathering of items tracked in a list. This term isn’t anything new, but the idea of using this concept towards interfaces is. Brad Frost, who coined the term “Atomic Design”, states that creating agnostic patterns helps to build far more versatile components that can be used widely across a… Continue reading How to Conduct an Interface Inventory With InVision
Card Grid Layouts: Showcase of 40 Beautiful Websites
Card grid layouts, made popular by Pintrest, Facebook, and Twitter, are becoming a fast-growing trend in web design, and have almost turned into the go-to format for nearly every website. They organize information in neat, little boxes, and they give any website a clean, minimalistic look. However, card grids are not just aesthetically pleasing, but also… Continue reading Card Grid Layouts: Showcase of 40 Beautiful Websites
10 Reasons Why Your Design Skills May Seem Lame
The design field is pretty crowded. If this is your “calling,” then you have to accept that you are in competition with a lot of creatives that may know more than you. You have to accept that you will have to take all of that creativity you have and translate it into products that others… Continue reading 10 Reasons Why Your Design Skills May Seem Lame