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

Using a Drag and Drop Builder? Get Your Free License

Posted · Category: Uncategorized Drag and drop website building tools have their pros and cons, as do most website building tools. If you are using drag and drop to build your websites, we have a little reward for you – a promise of something better. It’s called XPRS, it offers a new and innovative approach… Continue reading Using a Drag and Drop Builder? Get Your Free License

How to Create a Watercolor Wedding Invitation in Adobe InDesign

What You’ll Be Creating Painterly designs are a big trend for wedding invitations right now. Romantic without being overly feminine or floral, they have an effortlessly cool, beachy style which is perfect for outdoor or more laid-back ceremonies. In this tutorial that’s suitable for beginners to the software, we’ll walk through the steps of creating an… Continue reading How to Create a Watercolor Wedding Invitation in Adobe InDesign

How to Fix Wide Angle Distortions Fast

If you shoot with ultra wide angle lens, you know the distortions it creates. Photoshop has a tool called “Adaptive Wide Angle” which can correct this but it has its flaws including the amount of time it takes to do it. In this tutorial, you’ll learn a technique called “Volume Deformation” which will save you… Continue reading How to Fix Wide Angle Distortions Fast

15 Free Admin Dashboard Templates (PSD & Sketch)

In recent years, much has changed in the way web users interact with dashboard data and complete simple backend tasks. Layouts are more spacious and mobile-friendly, colors are simpler, typography is highly-readable, interactive charts make data much easier to digest, and advancements in technology have made completing tasks much quicker. The admin panels of 2016… Continue reading 15 Free Admin Dashboard Templates (PSD & Sketch)

20 Beautiful PSD Templates You Can Download for Free

PSD website templates can be really useful for web designers of any level. Instead of a Photoshop window, you can start your project with a ready-to-go layout including UI elements. Such website templates can be easily customized and transformed into HTML, and later in any other content management systems. In this collection we put together… Continue reading 20 Beautiful PSD Templates You Can Download for Free

Pay What You Want: Design Asset Super Bundle

Get 12,000+ graphics… for any price you want! This gigantic bundle includes 60 business card templates, a ton of icons and graphics, professional mockups, premium fonts, templates and so much more. What’s in the Bundle Reclameworks: 60 Business Templates ($1208 Value) 2700+ Icons & Graphics from Bogdan Rosu ($1083 Value) Creative VIP Icons & Mockups… Continue reading Pay What You Want: Design Asset Super Bundle

Scrollify – Create Smooth Snapping Scroll Layout Easily

Snapping scroll is one of a popular layout in web design, it makes sure user is scrolling to the correct screnn by automatically scrolling to the right position. Usually the website layout is divided into different section and each section is made to be 100% width and height so it would scroll and fit into… Continue reading Scrollify – Create Smooth Snapping Scroll Layout Easily

The Next Random: UI kit for Sketch

Today’s exclusive freebie is The Next Random, a free UI kit for Sketch created and designed by Luan Gjokaj. It is a set of minimal components, which includes buttons, switches, forms, modals, etc. You can use this set in your projects or learn with it, by examining each component to see how it is put together. Download freebie

How to Create a Misty Landscape Photo Manipulation With Adobe Photoshop

What You’ll Be Creating In this tutorial I’ll show you how to create a misty landscape with rocks, an arch bridge, flying birds, castles, and a medieval woman. You’ll learn how to combine simple images into a cohesive scene, play with the depth and atmosphere, adjust the colors, and more.  Tutorial Assets The following assets… Continue reading How to Create a Misty Landscape Photo Manipulation With Adobe Photoshop

Power Up Your Mobile Game With Design, Sound, and Music

A successful game needs to be beautifully designed and immersive. Most game developers aren’t good designers, though. And it doesn’t stop with design. Sound and music are just as important to captivate people playing your game. Fortunately, you don’t have to be a design or team up with one to create a fantastic game. You… Continue reading Power Up Your Mobile Game With Design, Sound, and Music

How to Create an AJAX Driven Theme for ProcessWire

In this tutorial we will look at setting up a simple theme in ProcessWire, we’ll investigate delayed output (now the default theme strategy within ProcessWire), and setup our site to request new content using AJAX. To accompany this tutorial I have created a new theme for ProcessWire, making use of both AJAX and delayed output,… Continue reading How to Create an AJAX Driven Theme for ProcessWire

Fullscreen Background Videos with Bideo.js

Posted · Category: License Free, Video Fullscreen background videos that autoplay right when the webpage loads (above the fold) has become quite a popular trend these days. Rishabh has built Bideo.js, which is an easy-to-use JS based plugin that works over HTML5 video element and does the right job of showing a background video inside… Continue reading Fullscreen Background Videos with Bideo.js

10 Remedial Design Pointers for Developers

Here’s a situation which may be familiar to you: you’re a developer and you build a prototype to demonstrate something. It works just as you mean it to, but the looks of horror on your users’ faces tell you something is wrong–your demo looks like crap. Let’s look some simple guidelines and tips to help… Continue reading 10 Remedial Design Pointers for Developers

13 Free And Fresh Icons In PSD For Web Designers

  ADVERTISEMENT It is a big task to find out high quality PSD files that you can use in your work, but when you succeeded in finding out your desired PSD files, it is nothing short of a blessing. Keeping this in mind, we thought to compile a useful collection of high quality PSD files, and… Continue reading 13 Free And Fresh Icons In PSD For Web Designers

4 Point Checklist on Choosing Most Serious Coding Agency

Posted · Category: Best Collections Choosing the right coders for your project can be painfully similar to looking for a needle in the haystack. There are thousands of people out there offering their services, but who are the best ones for you and your business? Who among them understands your vision, aligns with your goals,… Continue reading 4 Point Checklist on Choosing Most Serious Coding Agency

20 Best Shopify Themes With Beautiful eCommerce Designs

When it comes to eCommerce, the design of your site plays a crucial role. It can make or break your website—leading to sales either falling flat or converting profitably.  Even though you are probably eager to get your new site up and running as quickly as possible, it’s important to first make sure you pick… Continue reading 20 Best Shopify Themes With Beautiful eCommerce Designs

Using Let's Encrypt SSL With Your WordPress Project

What’s Let’s Encrypt? For years, purchasing, renewing, installing and managing SSL certificates overwhelmed me with expense and complexity. Now, Let’s Encrypt makes it fairly simple and free. Let’s Encrypt is an emerging, free, automated, and open certificate authority brought to you by a California public benefit corporation called the Internet Security Research Group—it also has nonprofit status.  Its… Continue reading Using Let's Encrypt SSL With Your WordPress Project

Reason – Meta Language Toolchain to Build Systems Rapidly

Posted · Category: Framework, MIT License Reason is a meta language toolchain to build systems rapidly. It is a new interface to OCaml – a highly expressive dialect of the ML language featuring type inference and static type checking.Reason provides a new syntax and toolchain for editing, building, and sharing code, and will evolve in… Continue reading Reason – Meta Language Toolchain to Build Systems Rapidly

How to Create a Dory-Inspired Photo Manipulation in Adobe Photoshop

What You’ll Be Creating To celebrate Finding Dory, the upcoming sequel to the classic Finding Nemo, I’ll show you how to create realistic fan art easily in Adobe Photoshop. Inspired by the movie, learn how to use photo manipulation and digital painting techniques to make any character come alive. Let’s get started! Tutorial Assets The… Continue reading How to Create a Dory-Inspired Photo Manipulation in Adobe Photoshop

Create an Awesome Underwater Scene Depicting a Dragon and a Treasure Hunter

In this tutorial we will create an awesome underwater photo manipulation. I’ll explain some of the more complex techniques I use in the first steps to make it easy for beginners but intermediate and advanced users can also learn a thing or two.I like doing underwater scenes because there is something mysterious about the depths… Continue reading Create an Awesome Underwater Scene Depicting a Dragon and a Treasure Hunter

Color Choices You Must Avoid – Quick Guide

Creative Market released an infographic guide to help you make the right choices in selecting the correct color combinations for your next web design project. There’re reasons why certain colors shouldn’t be used altogether, here we have 5 color combinations you should use with extra care. Never use pure black Red and green don’t play… Continue reading Color Choices You Must Avoid – Quick Guide

Find JavaScript Code Snippets by Functionality with Cocycles

Cocycles is a new code search service that enables code to be found by functionality. In this article, Cocycles team member Jonathan explains the idea behind this approach to code searching. We’re all familiar with it: that moment when you’re forced to abandon your code editor, interrupt your workflow and open your browser to search… Continue reading Find JavaScript Code Snippets by Functionality with Cocycles