How to Create a Gradient Icon Inspired by Instagram in Adobe Illustrator

What You’ll Be Creating Rebrand your logo in style with this quick tutorial on creating a gradient icon in Adobe Illustrator CC. We’ll build our icon design from scratch with quick and simple shapes and pair gradients and effects from the Appearance panel to complete our on-trend design.  Alternatively, you may wish to use a… Continue reading How to Create a Gradient Icon Inspired by Instagram in Adobe Illustrator

How to Send a Pull Request using the Github Desktop Client

In one of my previous posts, I outlined the process of contributing to open source software with a detailed account of each step. One of those steps was sending a pull request to the owner of the repository you forked from. I showed you how to send a pull request using Github‘s web interface. In… Continue reading How to Send a Pull Request using the Github Desktop Client

A slider with SVG radial transition effect

Today we want to share with you another gem by CodyHouse: it’s a tutorial that shows you how to create a simple responsive slider powered by SVG radial transition effects. In the article you can also find a link to download the resource and create your custom slider in a matter of seconds. View Demo   Project… Continue reading A slider with SVG radial transition effect

Solr – Open Source Enterprise Search Platform

Posted · Category: Framework Solr is the popular, blazing-fast, open source enterprise search platform built on Apache Lucene. It is highly reliable, scalable and fault tolerant, providing distributed indexing, replication and load-balanced querying, automated failover and recovery, centralized configuration and more. Solr powers the search and navigation features of many of the world’s largest internet… Continue reading Solr – Open Source Enterprise Search Platform

Using Laravel Valet for WordPress Development

If you’re familiar with the PHP community, then you’re likely familiar with a number of the different applications and frameworks that are currently popular in the development space today. One of the more common frameworks that we’re seeing used to build web applications is Laravel. Though this tutorial is not specifically about Laravel, I recommend checking… Continue reading Using Laravel Valet for WordPress Development

Cutestrap – Sassy, Opinionated CSS Framework

Posted · Category: Framework, MIT License Cutestrap is a sassy, opinionated CSS Framework. A tiny alternative to Bootstrap. It supports Vertical Rhythm, Consistent pattern for form fields, 8kb minified, Smart defaults for all default elements (Conventional), CSS specificity is very low in the class hierarchy (Configurable), Solid foundation for a living styleguide using KSS. It… Continue reading Cutestrap – Sassy, Opinionated CSS Framework

How to Build a News Website Layout with Flexbox

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

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

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