In a previous post, I showed you how to build a beautiful fullscreen portfolio page. During that tutorial we also learned how to create a responsive CSS column chart. In this tutorial we’ll build another attractive static portfolio page, this time featuring a pure CSS bar chart without using any external JavaScript library, SVG, or the canvas… Continue reading Build a Static Portfolio With Advanced CSS Bar Chart
Tag: Here’s
Best MailChimp Templates to Level Up Your Business Email Newsletter 2019
People love MailChimp because of its ease-of-use and beautiful designs. The problem is, it’s often cumbersome to try and use your own customized templates if they’re not specifically optimized for MailChimp. Instead, you end up sacrificing either the intuitive interface or the jaw-dropping user experience, neither of which are what you want. Happily, we’ve once… Continue reading Best MailChimp Templates to Level Up Your Business Email Newsletter 2019
Web Design Tips to Help Increase Customer Conversion
Having a well-designed website is no longer an option for anyone with ambitions of having a successful business—it’s a requirement. This article discusses how a great web design helps businesses, and provides tips that can help increase customer conversion. How great web design helps businesses In this increasingly digital world, your website often serves as… Continue reading Web Design Tips to Help Increase Customer Conversion
Features, Syntax, and the Problem It Will Solve
CSS subgrid is slowly making its way into browsers. The CSS Working Group is actively working on it and the related W3C specification has already reached Level 2. This new feature will enable us to enhance grid items with subgrids that inherit the grid tracks of their parent grid and seamlessly align with it. As CSS subgrid is… Continue reading Features, Syntax, and the Problem It Will Solve
10 Things To Remember When Designing An Infographic
Do you want to deliver important, yet overly complex information to your audience in an easy-to-understand way? Or are you finding hacks to engage your readers in the boring statistics? Whichever is your case, infographics might be exactly what you need! Infographics are popular choices when it comes to presenting information in a visually engaging… Continue reading 10 Things To Remember When Designing An Infographic
Why Each Designer Should Be Using a VPN
You’ve probably heard about VPNs, but hardly ever considered to start using one. All in all, you have plenty of other tools to spend money on that are directly connected to your work. And are those VPNs that important after all? Well, yes, unless you plan to spend the following year covering a costly data… Continue reading Why Each Designer Should Be Using a VPN
5 Critical Elements You Need to Know to Build a Genuinely Cool Website
After completing 2 or 3 multi-page websites building a one-pager will take no time at all. Or so you’ve been told. The problem is, whoever told you that never tried putting together a one-pager. Or, at least one that could be bragged about. You’ll discover that cramming all the important information isn’t all that easy… Continue reading 5 Critical Elements You Need to Know to Build a Genuinely Cool Website
How to Make a Personal Resume Website: From a WordPress Theme
What You’ll Be Creating In the modern work world, a simple resume is often not enough. Sure, it’s imperative to send it along with any job application, but if you truly want to stand out you need to go a step further. And nothing makes you stand out more than a personal website that showcases your education… Continue reading How to Make a Personal Resume Website: From a WordPress Theme
Best Practices For Optimizing Web Page Speed
A Moving Target The internet develops as computers develop: exponentially. If you don’t believe that, just use a search engine to explore “legacy” websites. One website still up since its inception is the Space Jam website; and it is extremely dated—but it’s also extremely fast. Part of exponential forward development in terms of technology is… Continue reading Best Practices For Optimizing Web Page Speed
Top 10 Effective SEO Techniques to Drive Organic Traffic in 2019
Are you struggling with driving traffic to your website? I know the feeling. As website owners and marketers we invest a lot of time and energy trying to drive organic traffic through the roof. But when it comes down to it, we realize that we are still getting negligible traffic. In fact, sometimes we might… Continue reading Top 10 Effective SEO Techniques to Drive Organic Traffic in 2019
Adding a Music Player to Your WordPress Site
Thinking about adding a substantial amount of audio to your site? Or maybe just a clip for a single song? When working with WordPress, there are dozens of different ways to add a music of audio player to your site. Choosing the one that works best for you can be tough. In this piece, we’ll… Continue reading Adding a Music Player to Your WordPress Site
Two Ways to Create a CSS Frosted Glass Effect
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} In this tutorial I’ll show you how to create a frosted glass effect in CSS. You’ll already have seen this glass blur effect in action in UIs (User Interfaces) such as on MacOS and iOS, even Windows nowadays, so the glass background is definitely a trending effect.… Continue reading Two Ways to Create a CSS Frosted Glass Effect
How to Maintain the Selected Option On Page Load
Imagine you’re using a <select> element to navigate between pages–ordinarily the select will return to its default option when the page reloads. Today we’ll learn how to maintain the selected option, ensuring that whatever page you’ve selected remains selected even once the new page has been served. To demonstrate it, we’ll use a demo project with… Continue reading How to Maintain the Selected Option On Page Load
Draw with CSS: Using CSS To Draw Elements
With clever use of CSS properties, it is in fact possible to draw very complex shapes. All the shapes below were drawn with CSS alone. It might be that CSS isn’t the best way to render shapes in the browser window, but it’s very fast and included for “free” on all modern browsers. Learn how… Continue reading Draw with CSS: Using CSS To Draw Elements
How to Quickly Build Layouts With Bootstrap 4’s Responsive Flexbox Utilities
In this tutorial I’ll show you how to quickly build layouts with Bootstraps 4’s responsive flexbox utilities. To gain a better understanding of these utilities, we’ll examine four different examples. Note: this tutorial assumes you’re familiar with Bootstrap 4 as well as flexbox. Take a look at these courses to get you going in the right… Continue reading How to Quickly Build Layouts With Bootstrap 4’s Responsive Flexbox Utilities
12 Biggest UX Flaws Hijacking User Experience (and How to Fix Them)
Undeniably, website designing is a cut and dried chore these days. First off, you get a simple layout ready. Next, you paint it with combination simpler colors. Then you stuff it with simplest words possible. Get set go! However, in their eagerness to launch their site in a hurry, most website owners forget to address… Continue reading 12 Biggest UX Flaws Hijacking User Experience (and How to Fix Them)
Hands-on With ARIA: Accessibility for eCommerce
.png)
Looking to make your site more accessible? Or maybe you want to make it easier to traverse your site overall using browsers and other interfaces? Using ARIA, you can do both. Let’s take a look at what ARIA is and how it can benefit an eCommerce site. We’ll also go through some examples step by… Continue reading Hands-on With ARIA: Accessibility for eCommerce
A Collection Of 10 Well-Designed Wedding Websites
Okay — you have clients, and they need websites for their weddings — like, asap! How do you choose the best wedding website builder, though? Superb query. Well for starters: You want to use a wedding website building platform that saves you time, saves them money, cuts out uncalled for stress and effort, helps you… Continue reading A Collection Of 10 Well-Designed Wedding Websites
How To Influence Your Web Clients To Accept Your Expert Suggestions
July 20, 2018 by Spyrestudios Blogger You’ve probably had a few web design clients who didn’t see the value in some of your work. Maybe you created a stunning minimal design and they wanted you to increase the size of their logo. Or, perhaps you created a simple web form to capture leads and they… Continue reading How To Influence Your Web Clients To Accept Your Expert Suggestions
WordPress as the First Step to Learning HTML
Not everyone has an idea about HTML. Most people will turn to WordPress when creating their first website. It’s easy to use, and you’ll have all the tools which you need for your website. Nonetheless, you’ll have an easier time getting to add content within the website and also ensure that there’s growth. Using WordPress… Continue reading WordPress as the First Step to Learning HTML
Getting Started with Yoga and Prisma for Building GraphQL Servers ― Scotch
By now, you have probably heard a lot of buzz about GraphQL going around and how it’s going to replace REST but you don’t even know where to begin. You hear a lot of buzzwords about mutations and queries but what you’re used to is GET and POST requests on your different endpoints to fetch… Continue reading Getting Started with Yoga and Prisma for Building GraphQL Servers ― Scotch
Designing A Crypto Website
Cryptocurrencies have amassed a lot of attention around them, and the more banks and tycoons fight them, the more people are intrigued to find out what exactly makes them so threatening to the rich. The truth is, technology is moving faster and soon, very few people will be walking around with hard cash. Bitcoin broke… Continue reading Designing A Crypto Website
WordPress Errors 500, 502, 504 & 508 – What Causes Them And How to Fix Them
As a website owner, you are bound to run into some errors every now and then. Those errors can be plentiful but in this post we will talk about the most common ones that everyone runs into frequently. Let’s take a look at some common errors, what causes them and ways to fix them. 500… Continue reading WordPress Errors 500, 502, 504 & 508 – What Causes Them And How to Fix Them
How To Add A Navigation Menu To WordPress: Beginner’s Guide
Are you struggling with how to add a navigation menu to WordPress? WordPress actually includes a fairly user friendly interface to help you add menus to WordPress without needing to know any code. But unless you’re already familiar with WordPress, it can still be difficult to dive in and create your first menu. In this… Continue reading How To Add A Navigation Menu To WordPress: Beginner’s Guide