SitePoint – Learn HTML, CSS, JavaScript, PHP, Ruby & Responsive Design

Featured Articles

Easy and Responsive Modern CSS Grid Layout

Ahmed Bouchefra shows how to create a responsive modern CSS Grid layout, demonstrating how to use fallback code for old browsers, how to...

Ahmed Bouchefra, 3 hours ago

5 Top Development Tools that Will Help You Do More in Less Time

Here are 5 great tools and services to make your life as a developer a lot more productive. Bonus content: 3 tips to get your developer...

SitePoint Team, a day ago

Redesigning a Card-based Tumblr Layout with CSS Grid

Giulio Mainardi shows how to retrofit a popular, card-based Tumblr layout with CSS grid, demonstrating how to plan for responsive behavior...

Giulio Mainardi, a day ago

Redesigning a Site to Use CSS Grid Layout

Ilya Bodrov demonstrates how to retrofit a layout with CSS Grid, showing how easy it is to utilize CSS Grid to create robust layouts. He...

Ilya Bodrov-Krukowski, 2 days ago

HTML & CSS

Easy and Responsive Modern CSS Grid Layout

Ahmed Bouchefra shows how to create a responsive modern CSS Grid layout, demonstrating how to use fallback code for old browsers, how to add CSS Grid progressively, and how to...

Entrepreneur

5 Top Development Tools that Will Help You Do More in Less Time

Here are 5 great tools and services to make your life as a developer a lot more productive. Bonus content: 3 tips to get your developer skills to the next level.

HTML & CSS

Redesigning a Card-based Tumblr Layout with CSS Grid

Giulio Mainardi shows how to retrofit a popular, card-based Tumblr layout with CSS grid, demonstrating how to plan for responsive behavior and utilize other cutting edge CSS features...

HTML & CSS

Redesigning a Site to Use CSS Grid Layout

Ilya Bodrov demonstrates how to retrofit a layout with CSS Grid, showing how easy it is to utilize CSS Grid to create robust layouts. He also discusses fallbacks for older browsers,...

Featured Courses

View All Courses

Building a CLI Wallet

Learn to setup your first CLI wallet to create accounts, receive tokens and more!

An Introduction to Solidity

Get a crash course in Solidity and smart contracts on the blockchain

An Introduction to Blockchain

What the heck is Blockchain? Find out in this course!

Introduction to ES6

Bring the biggest update to JavaScript yet into your professional skillset.

Premium Course

Caleb Stultz, Jul 19

Building a CLI Wallet

Premium Course

Caleb Stultz, Jul 18

An Introduction to Solidity

Premium Course

Caleb Stultz, Jul 18

An Introduction to Blockchain

Premium Course

Jack Davis, Nov 21

Introduction to ES6

Featured Books

Build Your First Ethereum DApp

A Developer's Guide to Ethereum

JavaScript: Best Practice

Clean, Maintainable, Performant Code

Practical ES6

Level Up Your JavaScript

Premium Book

Bruno Skvorc, 3 days ago

Build Your First Ethereum DApp

Premium Book

A Developer's Guide to Ethereum

Premium Book

JavaScript: Best Practice

Premium Book

Practical ES6

Latest Articles

HTML & CSS

Ahmed Bouchefra, 3 hours ago

Easy and Responsive Modern CSS Grid Layout

Ahmed Bouchefra shows how to create a responsive modern CSS Grid layout, demonstrating how to use fallback code for old browsers, how to add CSS Grid progressively, and how to...

Entrepreneur

SitePoint Team, a day ago

5 Top Development Tools that Will Help You Do More in Less Time

Here are 5 great tools and services to make your life as a developer a lot more productive. Bonus content: 3 tips to get your developer skills to the next level.

HTML & CSS

Giulio Mainardi, a day ago

Redesigning a Card-based Tumblr Layout with CSS Grid

Giulio Mainardi shows how to retrofit a popular, card-based Tumblr layout with CSS grid, demonstrating how to plan for responsive behavior and utilize other cutting edge CSS features...

HTML & CSS

Ilya Bodrov-Krukowski, 2 days ago

Redesigning a Site to Use CSS Grid Layout

Ilya Bodrov demonstrates how to retrofit a layout with CSS Grid, showing how easy it is to utilize CSS Grid to create robust layouts. He also discusses fallbacks for older browsers,...

HTML & CSS

Claudio Ribeiro, 3 days ago

Variable Fonts: What They Are, and How to Use Them

In this article, Cláudio Ribeiro looks at the exciting new possibilities surrounding variable fonts — now bundled with the OpenType scalable font format — which allows a single font...

HTML & CSS

Craig Buckler, 3 days ago

7 of the Best Code Playgrounds

Craig Buckler lists 7 of the most popular code playgrounds tfor experimenting with your front-end code, such as CodePen and JSFiddle, along with suggestions for playing with back-end...

HTML & CSS

Craig Buckler, 4 days ago

3D Transformation Functions in CSS

Craig Buckler shows how to add another dimension to your web pages and applications with the new 3D transformation functions and properties in CSS, covering transform, translate,...

JavaScript

Syed Fazle Rahman, 4 days ago

24 JavaScript Libraries for Creating Beautiful Charts

This article provides a quick overview of 24 JavaScript libraries for creating charts and graphs — from heavy-duty libraries like D3.js to some super-simple options for representing...

PHP

Craig Buckler, Aug 10

How to Install PHP on Windows

We've previously shown you how to get a working local installation of Apache on your Windows PC. In this article, we'll show how to install PHP 5 as an Apache 2.2 module. Why...

Web

Maxime Beugnet, Aug 09

Java and MongoDB 4.0 Support for Multi-document ACID Transactions

This article was originally published on MongoDB. Thank you for supporting the partners who make SitePoint possible. Introduction MongoDB 4.0 adds support for multi-document...

WordPress

SitePoint Team, Aug 09

How Many of These Essential WordPress Tools & Services Are You Using?

Ten of the top WordPress tools and services to supercharge your WordPress website and take it to the next level. From page builders and dynamic tables to website management and...

HTML & CSS

Ivaylo Gerchev, Aug 09

The 5 Most Popular Front-end Frameworks Compared

Ivaylo Gerchev looks at the most downloaded front-end frameworks available today, and offers some suggestions on how to choose one that's right for you.

Design & UX

Alex Walker, Aug 08

9 of the Best Animation Libraries for UI Designers

Animation is a part of a UI designer's job. Here are 9 free animation libraries we think deliver the most power for the smallest file size, while being relatively easy to use for...

Web

Alistair Robson, Aug 07

Make Your Website Earn for You with Google AdSense

Google AdSense is a simple and free way for website publishers to earn money by showing relevant and engaging ads alongside your online content.

Design & UX

Gabrielle Gosha, Aug 07

How to Quickly and Easily Remove a Background in Photoshop

This article shows how to remove a background in Photoshop, starting with the magic wand tool for removing simple backgrounds, and the background eraser tool for more complicated...

HTML & CSS

Louis Lazaris, Aug 06

A Basic HTML5 Template For Any Project

If you're getting started with HTML5 you'll want to learn how to to develop a basic HTML5 template. This article shows you ow to get started, explaining the basic elements of an...

Forums

Total Forum Members: 232,789 and counting!

Most Recent Discussions	Posted
Having images on the bottom Pin HTML & CSS	1 day ago
Difference between a function and expression? JavaScript	1 day ago
Which Is the Best Way to Make back-link In SEO Social Media	1 day ago
Has anyone figured out how to get phpMailer to work in Godaddy or a workaround PHP	1 hr ago
Pulling one entry from a database based on current date Databases	4 hrs ago
Changing Behavior of Tab- / Arrow-keys on HTML Form? HTML & CSS	2 hrs ago
Edit custom style using javascript JavaScript	7 hrs ago

Top Discussions This Week	Replies
Can't change element height CMS & WordPress	8 replies
Disable back button only if about to leave the site? JavaScript	9 replies
CSS grid template area on right-hand side HTML & CSS	18 replies
From procedural to object oriented PHP	12 replies
Data Connection with Java Script JavaScript	8 replies
Google Places API JavaScript	9 replies
Instafeed Help? HTML & CSS	12 replies

JavaScript

Cho S. Kim, Aug 06

Understanding module.exports and exports in Node.js

Since importing and exporting modules is a regular task in Node.js, Cho S. Kim explains how the module system works in Node.js, providing a better understanding of the difference...

Web

Adam Roberts, Aug 06

How to Force Windows to Delete a File

Sometimes Windows will become convinced a given file is in use by a program and prevent it from being deleted. Here are two ways to get around that issue.

Web

James Wright, Aug 02

How to Build a Coach Holiday Showcase with WRLD

Using WRLD's map designer, we will build a map for a coach holiday, which we will then integrate into a Node.js-powered website.

HTML & CSS

Maria Antonietta Perna, Aug 01

A Practical Guide to CSS Variables (Custom Properties)

Maria Antonietta Perna walks you through CSS variables/custom properties, the awesome new technology that adds more flexibility and fun to CSS coding.

Entrepreneur

SitePoint Team, Aug 01

How to Select the Right Copywriting Gig on Fiverr for Marketing Copy

In this article, we are going to teach SitePoint readers how to select the right marketing copy gig on Fiverr. As a worldwide verified freelancing platform, Fiverr is a 100% safe and...

HTML & CSS

Craig Buckler, Jul 31

How to use Media Queries in JavaScript with matchMedia

Craig Buckler gives you an accessible introduction to using media queries with JavaScript with matchMedia for a robust responsive design approach.

WordPress

SitePoint Team, Jul 31

Amelia: The Next-level WordPress Booking Plugin

Simplify the booking process while making it reliable and error-free with Amelia.

HTML & CSS

Craig Buckler, Jul 30

How to Apply CSS3 Transforms to Background Images

Craig Buckler demonstrates a neat trick for applying CSS3 transforms to background images. Rotating and skewing elements with stunning backgrounds will now be a breeze!

12 3 4 5 6 7 8 9 10 Next

Connect

© 2000 – 2018 SitePoint Pty. Ltd.