Data Structures With JavaScript: Tree

What You’ll Be Creating * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Trees are one of the most commonly used data structures in web development. This statement holds true for both developers and users. Every web developer who has written HTML and loaded it into a web browser has created a tree, which is referred… Continue reading Data Structures With JavaScript: Tree

WP_Query Arguments: Status, Order, and Pagination

In this part of the series on Mastering WP_Query, you’ll learn about some of the arguments you can use with the WP_Query class, namely those for status, order, and pagination. You can use these arguments to fetch scheduled posts from the database, to query attachments, to amend the way posts are ordered and what they’re… Continue reading WP_Query Arguments: Status, Order, and Pagination

30+ PHP Best Practices for Beginners

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} PHP is the most widely used language for server-side programming on the web. Here are 30+ best practices for beginners wanting to gain a firmer grasp of the fundamentals. We have also written posts like these for HTML, CSS, and JavaScript. HTML & CSS 30 HTML Best… Continue reading 30+ PHP Best Practices for Beginners

The Creation of “Mechanical Man” Photo Manipulation in Photoshop

In this tutorial, I will show you the process of creating this “Mechanical Man” digital art in Photoshop. We will use a number of photo manipulation techniques to merge several objects into one piece, and apply image adjustments to fine-tune each of the objects to achieve the desired effect. This is an immediate level tutorial… Continue reading The Creation of “Mechanical Man” Photo Manipulation in Photoshop

Hummingbird: What It Means For SEO, and What It Does For Google’s Status

Content takes on new meaning with Google’s new algorithm, which is codenamed Hummingbird. In fact, Hummingbird takes into context not just content but how that content is written. As the latest salvo fired by the internet company to stay atop the web browser game, as was the case with previous iterations of algorithms Penguin and… Continue reading Hummingbird: What It Means For SEO, and What It Does For Google’s Status

Free App Screen Mock-Up Perspective PSD

Today’s PSD file is a Free App Screen Mock-Up Perspective PSD. App Screen Mock-Up Perspectives are essential for designers wanting to display their apps to clients. Whether you’re designing for a small or large business you can now showcase your app ideas using this Free Apps Mock-Up Perspective PSD. A mobile app is a software… Continue reading Free App Screen Mock-Up Perspective PSD

13 Beautiful Design Agency Websites

If you’re looking for inspiration for your own portfolio site, checking out how design agencies do it is a good place to start. For today’s weekly inspiration post, we’ve gathered a collection of excellent portfolio sites of design agencies that you can learn a lot from. As you’re browsing these website, pay close attention to… Continue reading 13 Beautiful Design Agency Websites

Human Visual Processing – Why understanding it is Crucial for Web Design [Infographic]

You know that attention spans are quickly becoming even shorter. When people watch movies and television, go shopping, browse for books, and surf the web, they make up their minds in seconds—sometimes to their detriment, true, but that doesn’t matter in cyberspace. You can’t track down every person who visits your site, delivers the Blink… Continue reading Human Visual Processing – Why understanding it is Crucial for Web Design [Infographic]

10 jquery plugins for typography problems

Typography has been one of the biggest nightmares of the web designers and developers. As the websites are getting more and more interactive, static typographic features are becoming a thing of the past. Website owners now want text that not only coveys the message, but also attract the visitors. Now even though we now have… Continue reading 10 jquery plugins for typography problems

Create This Gorgeous Moonlight Poster of a Girl Walking on a Railway

Preview of Final Results Tutorial Resources Model – Dazzle-stock Railway – Sed-rah-stock Sky 1 – Frostbo Sky 2 – Frostbo Moon – Yumi1805 Step 1 Create a new document with a trasparent background. Size: Width 1500px Height: 2000px Step 2 Go to File > Place and open the ‘Railway’ Stock. Step 3 Go to Edit… Continue reading Create This Gorgeous Moonlight Poster of a Girl Walking on a Railway

Using Alignment to Improve Your Designs

Alignment is one of those things that comes hand-in-hand when working with grid systems. The subject of alignment isn’t simply a matter of choosing whether or not you want to align text or images to the left or right of a design (though those decisions obviously still matter), instead, we employ alignment to improve our… Continue reading Using Alignment to Improve Your Designs

How Human Centric Web Design Improves Your Workflow

Human-centric and user-centric design are two terms we often hear in the industry, though sometimes both designers and developers consider them to mean the same. User-centered design is something most of us aim to put high on our list of priorities; having the end-user in mind and reflecting this philosophy in our products. Human-centered design… Continue reading How Human Centric Web Design Improves Your Workflow

My Favourite Illustrators From Creative Market

I guess I should start with saying this is not a sponsored post or anything of that nature, it is simply highlighting some of the insanely cool work of some of the illustrators I came across on Creative Market. Creative Market is a relatively new platform where designers and developers can upload and sell their… Continue reading My Favourite Illustrators From Creative Market

Create a Simple School Teddy Bear in Adobe Illustrator

In this tutorial we will learn how to create a cute Teddy Bear and some school themed items. We’ll be using basic shapes and the Pathfinder panel, so you don’t need a graphic tablet or advanced drawing skills for making up such character. Let’s dig in! 1. Form the Bear’s Head and Face Step 1 Create… Continue reading Create a Simple School Teddy Bear in Adobe Illustrator

The Creation Process of “Urbanized” Photo Manipulation in Photoshop

In this tutorial, I will show you the process of creating this “Urbanized” photo manipulation in Photoshop. The concept behind this work is that human is increasing living in a confined urban space and being consumed by the endless expansion of the cities. I used 3 elements in this manipulation to represent the theme “Urbanized”:… Continue reading The Creation Process of “Urbanized” Photo Manipulation in Photoshop

How To Create Stylish Pictogram Inspired Illustrations

Illustrating with basic linework not only results in some really cool artwork, it also makes the job a lot easier! Instead of painstakingly drawing every detail, simplifying the object into its basic form and using just a single stroke weight produces a stylised pictogram effect. In this tutorial I’ll take you through the process of… Continue reading How To Create Stylish Pictogram Inspired Illustrations

Free Website Template with jQuery Slider for Internet Cafe

What do you wait from this spring besides the bright mood? Of course, the inspiration that will bring you the desired ideas of how to create the stunning designs. We are ready to bring you this inspiration with the top-notch freebie from our professional designers – Free Website Template with jQuery Slider for Internet Café.… Continue reading Free Website Template with jQuery Slider for Internet Cafe

Create Unique Floating Rock Typography in Photoshop

In this tutorial, I will show you the process of Creating this Unique Floating Rock Typography in Photoshop. You will learn a number of brush tricks, image adjustment tips and practice your selection techniques. This is an intermediate level tutorial so some steps can be tricky, but why not have a try! Note: The Photoshop… Continue reading Create Unique Floating Rock Typography in Photoshop

10 Useful Tips For Debugging and Troubleshooting in Programming

With a shiny new file open in the text editor and not a line of code written, every new project seems full of possibility and promise. Several thousands of lines of code later, that same project can seem weighed down by bugs that make adding new features a pain, and drain the enthusiasm of programmers.… Continue reading 10 Useful Tips For Debugging and Troubleshooting in Programming

10 Best Website Builders That Any Graphic Designer Should Know About

No doubt you heard the myth of building websites without coding before, and still you have stumbled on either HTML or PHP in one form or another, be it Dreamweaver or other such hybrid site creators that could either be a mix between editing and coding or create static pages only. The thing is, they… Continue reading 10 Best Website Builders That Any Graphic Designer Should Know About

Useful Hacks to Make WordPress Work Better

If you came here looking for ways to break into someone’s WordPress site, you choose the wrong definition of the word hack. No, this article is all about ways to make WordPress work better for you and your visitors by getting your hands dirty with WordPress’ actual code, you know the functions.php files, .htaccess and… Continue reading Useful Hacks to Make WordPress Work Better

CSS 3D Image Flip Gallery With Dynamic Shadows

My recent book Pro CSS3 Animation walked the reader through a simple version of a 3D flip image gallery. After publication, I wanted to take it further: thus, this article. The UI challenge addressed here is the same focused on in many of my other CSS 3Dworks, such as the Origami UI: we live in a world of increasingly diversified… Continue reading CSS 3D Image Flip Gallery With Dynamic Shadows

Cloud Apps For Designers

Great web design is about efficiency, team work and communication. Whether you?re part of a tiny startup or a major conglomeration, you?re sure to have deadlines, clients and a market to work with. Cloud apps are great tools when it comes to keeping on top of things: your designs, feedback, communication with clients, even your… Continue reading Cloud Apps For Designers