And it does this 24 hours a day, 7 days a week, 52 weeks a year without ever asking for a pay raise. But this is true only if your website landing page is designed well, maintained, and optimized to the gills. The art and science of a flawless landing page is beyond the scope… Continue reading 7 All-Too-Common Landing Page Errors You Must Avoid
Tag: HTML
Create a Contact Form in PHP
No matter what type of website you own or manage, you probably need a contact form. The contact form can help your visitors request a quote, ask for information, or share any tips or problems they’re facing while using your website. In this tutorial, our focus will be on creating a fully functional contact form… Continue reading Create a Contact Form in PHP
These Fun Games With Surely Test your Web Design Skills
September 23, 2020 by Sangalang Kristine Anyone could learn how to create websites through continuous training and practice. However, this could get eventually boring and de-motivating. The great news is that game devs have created games that help newbie web designers hone their skills for both web design and coding development. Here are a few… Continue reading These Fun Games With Surely Test your Web Design Skills
Lessons from setting up an internal research participant panel at Atlassian
[unable to retrieve full-text content] Sign up page for the Atlassian Research Group My first UX Research role was at a small digital agency, where the discipline was still new. Sales teams would frequently sell clients research, without fully budgeting in participant recruitment. Shoestring budgets meant I often had to find my participants using creative, scrappy… Continue reading Lessons from setting up an internal research participant panel at Atlassian
12 Best Google Design & Development Tools
Google resembles an iceberg: there’s the part above the water we can see and use everyday; there’s also the part beneath the water, that we don’t see and know little about. While many of us are concerned about the aspects of Google we don’t see — the parts that threaten our privacy, or monopolize the… Continue reading 12 Best Google Design & Development Tools
Create Your First React Native Android App
React Native is an open-source mobile application framework created by Facebook you can use it to develop applications for Android and iOS devices with a single codebase. React Native powers some of the world’s most popular apps, such as Instagram and Facebook, and in this post I’ll show you how to create your first React Native… Continue reading Create Your First React Native Android App
How to Make Your Own SVG Files
Using images is essential in web design. This is why knowledge about different image formats is important for web designers. Not only this, but it is also necessary to learn about the functions of each type of image. Knowledge on how to create and edit such images are also considered as essential skills for web… Continue reading How to Make Your Own SVG Files
Choose Your Own Adventure with the Parsons Web Design and Development Certificate
Many people dream of a career in web design, but it may actually be more attainable than you think. There are countless online courses, of variable quality, with little to no academic structure; self-learning is an option, but it doesn’t come with a curriculum. Without a professional structure and a comprehensive curriculum your dream career… Continue reading Choose Your Own Adventure with the Parsons Web Design and Development Certificate
Performance Tip: Use the Media Attribute for Faster Page Load Times
Sometimes web performance optimization takes a lot of work, and sometimes performance can be improved in just a moment. Adding the media attribute to conditional CSS files is an easy and quick way to speed up web page load times. TL;DR In short, if you add the media attribute to the <link> tag that calls… Continue reading Performance Tip: Use the Media Attribute for Faster Page Load Times
How to Make PNG Images Transparent for Free
August 3, 2020 by Sangalang Kristine Different image formats could be used, downloaded, and uploaded on the internet. There are three commonly used kinds of images on the internet – the PNG, the JPEG, and the GIF. The JPEG format for images is commonly used for articles, photography, and general kinds of presentations. These images… Continue reading How to Make PNG Images Transparent for Free
WordPress Developer Skills and practices You Should Master in 2020-21
19 Shares Turning into a WordPress developer is difficult to buckle down, genuine difficult work. You would need to place in a ton of time, challenging work, devotion, and center to turn into a first-class developer. There is space to turn into an average developer, that way you won’t put so much time and exertion… Continue reading WordPress Developer Skills and practices You Should Master in 2020-21
Developing a WordPress Website 101: The Important Five C
Recently I’ve been given a task to build and develop a website from scratch. When I say from scratch, I meant from nothing, no hosting, no direction on what the website will be, only a concept from the client that needs to build a website with niche toward or something similar to lifestyle blog as… Continue reading Developing a WordPress Website 101: The Important Five C
8 Best CMS for 2020
Content Management Systems are arguably the internet’s most powerful web development tool. In a rapidly growing market where every business under the sun requires a website that is not only fully functioning, but optimised, easy to update regularly, and implement the latest features, the right CMS is important. As a web developer it can be… Continue reading 8 Best CMS for 2020
Exciting New Tools for Designers, April 2020
While there’s a lot going in the world with the COVID-19 pandemic, the design world is also reacting. You’ll notice that some of the newest tools and resources for designers are for working through or with the virus’ impact or are inspired by this change to our lifestyles. Here’s what new for designers this month.… Continue reading Exciting New Tools for Designers, April 2020
How to Open PHP Files
In this quick post, we’re going to discuss different ways to open and edit a PHP file. If you are a novice to PHP programming, this article should help you to choose among the best tools available for PHP programming. PHP is a server-side scripting language which is mostly used to build web applications—these may… Continue reading How to Open PHP Files
Hook: A dark HTML landing page template
Hook is a free HTML landing page template designed and released by Bansal. It’s built with Shorthand CSS framework and provides a bunch of ready-made sections (hero, features, pricing, carousel, newsletter, blog and more) that you can use to build a killer landing page for your SaaS. View demo Download template
Ethos: Free portfolio HTML template
Ethos is a free HTML one-page template for creating beautiful portfolios or resume websites, released by StyleShout. You can use it to create your own personal page and showcase your skills. Ethos is responsive and retina-ready, and it looks great, crisp, sharp on any screens and devices. Code is neat and well commented, and that makes… Continue reading Ethos: Free portfolio HTML template
CSS Tips for Better Color and Contrast Accessibility
Color accessibility is an important part of visual accessibility. People with various types of visual impairments, such as color blindness and low vision, perceive colors in different ways. As a result, the meaning of colors becomes less significant or is completely lost for users with visual disabilities. Although most articles on color accessibility give design tips… Continue reading CSS Tips for Better Color and Contrast Accessibility
How to Lint CSS Using Stylelint
Linters have been around for a good while; but if you’re new to CSS this might be the first you’ve heard about them. A CSS linter will keep your stylesheets in check and make you a better coder! What Are the Benefits of CSS Linters? As front end developers we hope that the code we… Continue reading How to Lint CSS Using Stylelint
How to Clear the WordPress Cache
Are you creating new pages, editing existing posts and generally improving your WordPress website, but those changes aren’t appearing on your actual website? Your web browser and plugins can all serve cached versions of your pages and posts, so what you’re currently seeing may not be what everyone else sees! In this article, I’ll show… Continue reading How to Clear the WordPress Cache
How Accessibility Taught me to be Better at JavaScript – Part Two
January 14, 2020 Content Warning: There are gifs in this post. Hey friends! Today’s writing is going to be a follow up to How Accessibility Taught Me to be Better At JavaScript. If you have read my content, one of my favorite topics is about JavaScript and Accessibility. I speak about how JavaScript is actually… Continue reading How Accessibility Taught me to be Better at JavaScript – Part Two
4 Free email templates from Campaign Monitor
Today we want to share with you a bunch of free email templates released exclusively for Freebiesbug by the awesome guys at Campaign Monitor. Freebie includes 4 ready-made templates in PSD and HTML formats ready to be used with Campaign Monitor or any other email service providers. They’re perfect to share holiday news, recipes, and… Continue reading 4 Free email templates from Campaign Monitor
Demystifying CSS Pseudo-Classes (:nth-child vs. :nth-of-type)
Styles are applied to a web page using CSS selectors; selectors which make it possible for you to target a specific element or sets of elements. Usually, when you are starting with CSS, you’ll make use of element selectors before pivoting to use classes and IDs. As powerful as these selectors are, they can be… Continue reading Demystifying CSS Pseudo-Classes (:nth-child vs. :nth-of-type)
Leospa: Free PSD & HTML template for Spa and beauty
Leospa is a free PSD and HTML template for Spa and beauty centers that you can use to get started with new website design. This template consists of a single page made of sections (hero, features, testimonials, blog, contact form, etc.). The HTML template is retina-ready, supports Google Fonts and makes use of external JS libraries such as Owl… Continue reading Leospa: Free PSD & HTML template for Spa and beauty