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
Tag: HTML
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
How to Build an Accordion Component With the CSS Checkbox Hack
What You’ll Be Creating In this short tutorial, we’ll learn how to build a CSS-only flexible accordion component by taking advantage of the “CSS checkbox hack technique”. Most importantly, our component will be fully responsive and its layout will switch between horizontal and vertical depending on the viewport size. Along the way, we’ll discuss how… Continue reading How to Build an Accordion Component With the CSS Checkbox Hack
Silon: Free PSD and HTML ecommerce template
Silon is a free PSD and HTML eCommerce template that you can use to get started with a new website for your shop. This template is basically made of a single page made of sections (hero, products, call-to-action, features, Instagram feed, etc.). The HTML template is retina-ready, supports Google Fonts and makes use of external… Continue reading Silon: Free PSD and HTML ecommerce template
7 CSS Units You Might Not Know About
Learn CSS: The Complete Guide We’ve built a complete guide to help you learn CSS, whether you’re just getting started with the basics or you want to explore more advanced CSS. New CSS Techniques It’s easy to get stuck working with the CSS techniques we know well, but doing so puts us at a disadvantage… Continue reading 7 CSS Units You Might Not Know About
18+ Best Personal WordPress Portfolio Themes for 2020
Having a website that features your portfolio is crucial if you want to attract more clients. A WordPress portfolio site is also necessary when you’re trying to land a job in a creative agency or another business looking to hire a designer, illustrator, architect, or anyone else who needs to display their work. “56% of… Continue reading 18+ Best Personal WordPress Portfolio Themes for 2020
7 Features That Make Sitejet a Viable Alternative to WordPress
WordPress has long been the king of web design, but a new CMS built by four German designers looks set to offer an entirely new challenge for its crown. Sitejet doesn’t just provide novices and experts the chance to make beautiful websites in a shorter timeframe than its rival. It also comes equipped with a… Continue reading 7 Features That Make Sitejet a Viable Alternative to WordPress
How to Create a Web Booking Form With the Smart Forms Script
Booking forms can serve a lot of purposes on a website. You can use them to allow your visitors to book a hotel room or tickets to a popular event. They can also be used for other things like booking appointments with clients. They are a great way for people to simply give you all… Continue reading How to Create a Web Booking Form With the Smart Forms Script