Advanced CSS Tricks and Techniques

As time goes by, CSS is becoming more and more powerful and nowadays it offers lots of possibilities to create visually stunning websites. This article is a compilation of fresh, advanced CSS tips and techniques to master your web design and front-end web development skills. Each technique features sample code snippet, demo, and explanations. Warning: …

Advanced CSS Tricks and Techniques Read More »

Mastering The HTML <audio> Tag

Introduced with HTML5, the <audio> tag defines a sound and is used to embed audio content such as music or other streams in HTML documents. As of 2019, <audio> is widely supported among modern browsers. Internet Explorer 8 doesn’t support it, as well as earlier versions. <audio> can be used to play sound files in …

Mastering The HTML <audio> Tag Read More »

CSS Transitions – Tutorial and Examples

Since the release of the CSS3 specification, transitions are allowing web designers and front-end web developers to create stunning CSS animations in pure CSS, without using JavaScript. This quick CSS reference guide explains how to use transitions properties and provides stunning, ready-to-use examples of what you can do with CSS3 transitions. If you need a …

CSS Transitions – Tutorial and Examples Read More »

Tutorial: Create an editable table with jQuery and Pure CSS

Using open-source components makes it really easy and quick to build powerful front-end elements for websites or apps. In this tutorial, you’ll learn how to easily create an editable table using PureCSS and jQuery. There’s a demo available for this tutorial, click here to see. Getting Started The very first thing to do, indeed, is …

Tutorial: Create an editable table with jQuery and Pure CSS Read More »

Making a Website Responsive in 3 Easy Steps

Today, a website must not look good only on a desktop screen, but also on tablets and smartphones. A website is responsive if it is able to adapt to the screen of the client. Responsive web design is extremely important nowadays and is in fact one technique you need to master as a web developer …

Making a Website Responsive in 3 Easy Steps Read More »

How to Create a Simple and Efficient PHP Cache

When working on PHP websites made from scratch and without a framework, speed can often be an issue. Caching is extremely useful in order to speed up PHP webpages. In this article, I’ll show you how to make a simple PHP caching system for your web pages. What is Page Caching? Page caching is a …

How to Create a Simple and Efficient PHP Cache Read More »

Top Programming Blogs to Improve Your Skills

It’s important to follow trends in your field to ensure you’re staying current on standards and protocols and perhaps more so in the field of coding. Programmers of all specialties can benefit from following industry-leading blogs to stay aware of the latest technologies. If you’re a coder of any sort you’ll want to subscribe to …

Top Programming Blogs to Improve Your Skills Read More »

19 FFmpeg Commands For All Needs

FFmpeg is a multiplatform, open-source library to record, convert and stream video and audio files. Created in 2000, it is a powerful command-line tool that runs on Linux, Windows and Mac operating systems. FFmpeg is currently used by many websites and programs, including YouTube and VLC Media Player, and is published under the GNU Lesser …

19 FFmpeg Commands For All Needs Read More »

PHP regex for web developers

Regular expressions are a very useful tool for developers. They allow to find, identify or replace a word, character or any kind of string. This tutorial will teach you how to master PHP regexp and show you extremely useful, ready-to-use PHP regular expressions that any web developer should have in his toolkit. Getting Started With …

PHP regex for web developers Read More »

How to Create a CSS Progress Bar

The newest additions to both the HTML and CSS specifications allow web developers to craft beautiful and user-friendly components. Amongst those components, progress/loading bars can contribute to making your website more enjoyable to use for your visitors. This complete front-end web development tutorial will show you how you can learn to create a fancy CSS/HTML5 …

How to Create a CSS Progress Bar Read More »

Best CSS Frameworks for Building Better Websites

When building a website, using a CSS framework is a real time saver as it provides you with tools every web designer and front-end developer needs when crafting a site. A CSS framework is a software framework created to allow for easier, more standards-compliant web design using HTML/CSS. Many popular CSS frameworks are design-oriented and …

Best CSS Frameworks for Building Better Websites Read More »

Useful SQL Queries To Clean Up Your WordPress Database

After years of usage, your WordPress database can contain weird characters, be filled with data you don’t need anymore, and so on. In this article, you will learn about SQL queries to clean up your WordPress database. Two things to note: First, any of these queries should be preceded by a backup of your whole …

Useful SQL Queries To Clean Up Your WordPress Database Read More »

Ready-To-Use Bootstrap Form Templates For Your Projects

Bootstrap is the most popular and probably the most complete front-end web framework, which allows developers to fasten the creation of a website or web app. In this article, I have compiled 5 ready-to-use web forms for your Bootstrap projects. It’s time to save some time! General Rules for your Bootstrap Form As the most …

Ready-To-Use Bootstrap Form Templates For Your Projects Read More »

PHP: How to Add Expire Headers for External Scripts

Every website is using external JavaScript files. They are required for example when using Google Analytics, or an ad provider like BuySellAds. In order to leverage browser caching and optimize your website speed, it is recommended that you add expire headers to your scripts, which you can’t do on external files. In this article, I’ll …

PHP: How to Add Expire Headers for External Scripts Read More »