Rebranding? Focus on What Really Matters

December 5, 2018 by Spyre Studios What does your logo say about your company — and does anyone really notice? Rebranding can be a hefty task. If you’re looking to rebrand because you think you need a refresh, you’re likely planning to have a team working hard on a number of graphic options that truly… Continue reading Rebranding? Focus on What Really Matters

Create a CSS Grid Image Gallery (With Blur Effect and Interaction Media Queries)

In this tutorial we’re going to take a bunch of ordinary thumbnail links and turn them into a responsive CSS grid gallery with a blurred hover effect. We’ll also use a great CSS trick to make sure touch screen users don’t miss out! Here’s what we’ll be creating: A Little Background Recently, Rachel McCollin wrote a… Continue reading Create a CSS Grid Image Gallery (With Blur Effect and Interaction Media Queries)

Try This New Short Course on JavaScript Form Validation

JavaScript form validation is now a lot easier than it used to be, thanks to HTML5 and the Constraint Validation API. Learn how it works in our new short course, Practice JavaScript and Learn: Form Validation.  What You’ll Learn In this short course, Jeremy McPeak will show you how to take advantage of the Constraint… Continue reading Try This New Short Course on JavaScript Form Validation

Implement Autoplaying GIFs Without Using GIFs

The GIF format is just as popular as its ever been. It may even be more popular than ever before. People love sharing short, auto-playing clips on social media. and the GIF accidentally became the chosen format for that purpose. Unfortunately, the GIFs popularity doesn’t mean that the GIF is a good format. While functional,… Continue reading Implement Autoplaying GIFs Without Using GIFs

Handy Tricks to Make Visitors Stay Longer on Your Website

The average amount of time a user spends on your site isn’t just a solid indication that you’ve piqued their interest and engaged them — it’s also one of the core metrics by which Google evaluates your site’s ranking in the search engine. Needless to say, making sure this metric is high while other factors,… Continue reading Handy Tricks to Make Visitors Stay Longer on Your Website

Create a WordPress Image Gallery: Code the Plugin

What You’ll Be Creating People like pictures. They like looking at them, they like clicking on them. So it makes sense to use them in the navigation for your site. You may already use featured images in your archive pages, letting users get a greater insight into what a post is about and making your… Continue reading Create a WordPress Image Gallery: Code the Plugin

Step Up Your Photography Game With 5 Simple Rules

It is easier than ever for anyone to pick up their smartphone, take a few pictures, post them on social media and buoyed by positive feedback call themselves a photographer. However, there are several fundamental rules that you should follow which we will outline below. If you are keen on becoming serious with a good… Continue reading Step Up Your Photography Game With 5 Simple Rules

Keyboard Accessibility Tips Using HTML and CSS

Making your website accessible for keyboard-only users is an important part of the bigger accessibility picture. Here are some keyboard accessibility tips you can quickly implement using basic HTML and CSS. A11y From the Beginning These tips are part of Web Accessibility: the Complete Learning Guide, where we’ve collected a range of tutorials, articles, courses, and… Continue reading Keyboard Accessibility Tips Using HTML and CSS

An Introduction to Photoshop Selection Tools

Your Photoshop selection tools are perhaps the most powerful part of the application. By making effective selections, you unlock the power of the rest of the application. This includes localized image adjustments, compositing, and accurate mockups and object placement. Sloppy selections always show in the final product, so it pays to learn to make a… Continue reading An Introduction to Photoshop Selection Tools

How to Create an Isometric Map Mockup Action in Adobe Photoshop

What You’ll Be Creating From this tutorial, you’ll learn some new techniques and tricks. We’ll be using the Isometric Map Mockup product as an example and seeing in detail how it was created. At the end, you’ll have a fully workable action and confidence in building “transformation actions”.  Got no time and need this action as soon as possible?… Continue reading How to Create an Isometric Map Mockup Action in Adobe Photoshop

Top 5 Tips to Design the Best Banner Ads for More Clicks

The best banner ads capture our attention and are irresistible to click. What goes into these effective ads? Discover ten tips to creating the best banner ads. Are you struggling to come up with creative and engaging banner ads for your business? Having people interact and be interested in your ads is difficult if you… Continue reading Top 5 Tips to Design the Best Banner Ads for More Clicks

Top 5 Tips to Design the Best Banner Ads for More Clicks

The best banner ads capture our attention and are irresistible to click. What goes into these effective ads? Discover ten tips to creating the best banner ads. Are you struggling to come up with creative and engaging banner ads for your business? Having people interact and be interested in your ads is difficult if you… Continue reading Top 5 Tips to Design the Best Banner Ads for More Clicks

How to Draw Natural, Textured, Afro Hairstyles (Afros, Locs, Braids, Twists)

What You’ll Be Creating In this tutorial, we’ll look at drawing multiple hairstyles that tend to be popular choices for natural, afro textured hair: afros, locs, braids, and twists. While these styles could potentially be worn by people with other hair types, we will primarily focus on Type 4 hair. We’ll take a stylistic approach… Continue reading How to Draw Natural, Textured, Afro Hairstyles (Afros, Locs, Braids, Twists)

How to Make Your Photos Better: 5 Free Image Editors For Non-professionals

Visual content is surely taking the lead in modern digital marketing. Nobody in their right mind would now publish an article without a single image in it. That would be a sheer suicide with a current competition of over 2 million blog posts published each day. With this cut-throat competition, you need to make sure… Continue reading How to Make Your Photos Better: 5 Free Image Editors For Non-professionals

How to Formulate an Email Design and Development Strategy

In this tutorial I’ll explain how to focus your efforts on the email clients and webmail clients being used by your target audience. Note: this tutorial is part of a whole week’s worth of email content on Tuts+ Web Design–check out the Mastering HTML Email learning guide for more! 1. Understand the Importance of a Strategy Your target… Continue reading How to Formulate an Email Design and Development Strategy

5 Photoshop Effects for Mind-Blowing Web Graphics

Utilizing the right images on your website can make a huge impact. Images can get your message across in a way that words alone cannot. It’s one of the most surefire methods to stand out from the crowd. To get the most out of your images, you’ll want to use a professional-grade tool like Adobe… Continue reading 5 Photoshop Effects for Mind-Blowing Web Graphics

Best Online Shopping Stores WordPress Themes

Best eCommerce / WooCommerce themes. Responsive WordPress Themes for online Shopping Stores websites with modern and advanced features. Clean and unique looking WordPress Themes which will impress all of your Customers and give you a better chance to grow your income from your Online business. All themes are coded with HTML5 and CSS3 with modern UI and UX design, suitable… Continue reading Best Online Shopping Stores WordPress Themes

Understand Arrays in PHP

* { box-sizing: border-box; } body {margin: 0;} In this post, you’ll learn the basics of arrays in PHP. You’ll learn how to create an array and how to use associative and multidimensional arrays, and you’ll see lots of examples of arrays in action. What Is an Array? In PHP, an array is a data… Continue reading Understand Arrays in PHP

Testing Components in React Using Jest and Enzyme

This is the second part of the series on Testing Components in React. If you have prior experience with Jest, you can skip ahead and use the GitHub code as a starting point.  In the previous article, we covered the basic principles and ideas behind test-driven development. We also set up the environment and the tools… Continue reading Testing Components in React Using Jest and Enzyme

Why Is A Free Online English Grammar Checker Preferred over Others?

An English Grammar checker tool is available for the general public for 24 hours a day and seven days a week free of charges. A grammar check tool offers you different options for using this tool. You may choose to either type the text in the blank box directly or to copy/paste your document. You… Continue reading Why Is A Free Online English Grammar Checker Preferred over Others?