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

Featured

Themes Store

Themes Store

SitePoint Themes, Dec 07

Download our new SitePoint Base Theme. 100% FREE. GPL 2.0.

Minimal. Clean. Simple. Lightweight. Responsive. 100% Free. Open Source GPL 2.0. Take it for a spin.

HTML & CSS

07:50

HTML & CSS

Tommy Hodgins, 2 days ago

Fluid Video Aspect Ratio with CSS and Element Queries

Keeping your media fluid in a responsive setting can be challenging. Especially when working with video with a specific aspect ratio. In this screencast Tommy Hodgins walks you...

Offers

Aleczander Gamboa, 2 days ago

Make Your Next Move. Make Your Next Website.

Create an impressive portfolio website with Squarespace's all-in-one platform. Start your free trial today.

JavaScript

00:10:24

JavaScript

Esteban Herrera, 3 days ago

MS Bots in Azure

In this video, we’ll see how to setup the Azure Bot Service, an integrated online environment for bot development. We’ll review the out-of-the-box bot templates. We'll also show you...

Design & UX

01:10

Design & UX

Daniel Schwarz, Feb 13

Learning Symbols in Sketch

Symbols are important design elements in Sketch that help you maintain visual consistency. In this 60 second byte, we give you a quick lowdown on how best to use them.

BitBucket

Atlassian, 4 hours ago

Learn Git with Bitbucket Cloud

Learn the basics of Git with this space themed tutorial.

JavaScript

07:59

JavaScript

Esteban Herrera, Feb 09

Microsoft Cognitive Services and the Text Analytics API

In this video we’ll present the Microsoft Cognitive Services APIs and show how you can use them to detect the sentiment of chat messages in your Skype chat bot. To do this, we'll be...

PHP

Deji Akala, 7 hours ago

Sylius and Cutting Your Teeth on TDD

We look at Sylius - a fully tested and super-robuts e-commerce platform/framework, and use it to learn some proper Test Driven Development!

Latest Articles

BitBucket

Atlassian, 4 hours ago

Learn Git with Bitbucket Cloud

Learn the basics of Git with this space themed tutorial.

PHP

Deji Akala, 7 hours ago

Sylius and Cutting Your Teeth on TDD

We look at Sylius - a fully tested and super-robuts e-commerce platform/framework, and use it to learn some proper Test Driven Development!

WordPress

Chris Burgess, 8 hours ago

Quick Tip: Create a Simple WordPress Gallery in 5 Minutes

A quick walkthrough on how to create an image gallery in a few easy steps, utilizing the native 'Create Gallery' functionality in WordPress.

BitBucket

Atlassian, 15 hours ago

Learn About Code Review in Bitbucket Cloud

Learn how to use pull requests for code review with Git by adding an inspirational quote to a teammate's repository.

HTML & CSS

Alexis Goldstein, 17 hours ago

HTML5 Forms: New Controls

There are five new form elements in the HTML5 forms specification: datalist, output, keygen, progress, and meter

JavaScript

M. David Green, a day ago

Functional JavaScript for Lazy Developers (Like Me)

Applying functional techniques improved my programs, problem-solving skills, process; my code was cleaner and easier to maintain — with less work.

PHP

2 Comments

PHP

Viraj Khatavkar, a day ago

Laravel Dusk - Intuitive and Easy Browser Testing for All!

Viraj demonstrates Laravel Dusk - a browser testing tool designed for testing your apps in full - including UI and JavaScript!

Design & UX

1 Comment

Design & UX

Marianne Kipp, a day ago

How Much Should Your Logo Design Cost?

When it comes to branding your business, a logo is always essential. But how much should you pay for it? Here's a lowdown on what to consider.

Entrepreneur

M. David Green, 2 days ago

Scrum Artifacts: Product Increment

At the end of each sprint, the completed features that were worked on should be added to the product for the sprint demo.

JavaScript

Simon Codrington, 2 days ago

jQuery Pagination Plugins

jQuery pagination plugins provide an easy way to separate your information into generated hyper-linked pages. Simon Codrington compares 5 plugins.

Offers

Aleczander Gamboa, 2 days ago

Make Your Next Move. Make Your Next Website.

Create an impressive portfolio website with Squarespace's all-in-one platform. Start your free trial today.

Java

Ivan Mushketyk, 2 days ago

Java's Synchronized Keyword in Three Minutes

The synchronized keyword is a common building block in concurrent Java applications. Learn how to use it to avoid race conditions.

Design & UX

3 Comments

Design & UX

Alex Walker, 2 days ago

Web Layout 101: Vertical Rhythm is a Drummer

Vertical rhythm is often worshipped or ignored. But perhaps its at its most useful when we treat it as a trusted advisor to our layouts.

Mobile

Enrico Sustayo, 2 days ago

An Introduction to Messages Extensions on iOS

HTML & CSS

Alexis Goldstein, 3 days ago

Open Your Data Up to Bots Using Microdata

Microdata is another technology that’s rapidly gaining adoption and support, but, unlike WAI-ARIA, it’s technically part of HTML5. Although still early in development, it’s worth...

Web

Tim Evko, 3 days ago

REST, GraphQL, and Founding a Startup, with Michael Paris and Vince Ning

In this episode of the Versioning Show, Tim and David are joined by Michael Paris and Vince Ning, founders of Scaphold.io, a backend service for GraphQL.

For Developers, By Developers

Like SitePoint on Facebook

Web Dev @ Microsoft

11 Comments

Web Dev @ Microsoft

Projects Can Sometimes Be the Worst Way to Learn JavaScript

Yaphi Berhanu explains why trying to learn JavaScript by working on projects can be misguided, and offers tips on a better approach.

Yaphi Berhanu, Nov 17

3 Comments

Web Dev @ Microsoft

Exploring React's State Propagation

Following his article on working with data in React, Eric Greene of the Microsoft Developer Network looks at state propagation in React.

Eric Greene, Aug 30

3 Comments

Web Dev @ Microsoft

Working with Data in React: Properties & State

Eric Greene of the Microsoft Developer Network teaches the fundamentals of working with data in React apps.

Eric Greene, Aug 25

2 Comments

Web Dev @ Microsoft

ES6 Template Literals: Techniques and Tools

Kurt Cagle of the Microsoft Developer Network explains a new JavaScript ES6 feature, template literals.

Kurt Cagle, Jul 14

JavaScript

11 Comments

JavaScript

Yaphi Berhanu, Nov 17

Projects Can Sometimes Be the Worst Way to Learn JavaScript

Yaphi Berhanu explains why trying to learn JavaScript by working on projects can be misguided, and offers tips on a better approach.

Web Dev @ Microsoft

3 Comments

Web Dev @ Microsoft

Eric Greene, Aug 30

Exploring React's State Propagation

Following his article on working with data in React, Eric Greene of the Microsoft Developer Network looks at state propagation in React.

Web Dev @ Microsoft

3 Comments

Web Dev @ Microsoft

Eric Greene, Aug 25

Working with Data in React: Properties & State

Eric Greene of the Microsoft Developer Network teaches the fundamentals of working with data in React apps.

Web Dev @ Microsoft

2 Comments

Web Dev @ Microsoft

Kurt Cagle, Jul 14

ES6 Template Literals: Techniques and Tools

Kurt Cagle of the Microsoft Developer Network explains a new JavaScript ES6 feature, template literals.

JavaScript

6 Comments

JavaScript

Pavels Jelisejevs, 3 days ago

React Storybook: Develop Beautiful User Interfaces with Ease

Pavels Jelisejevs introduces React Storybook, demonstrating how it aids collaboration and eases the pain of maintaining the UI components in your projects.

HTML & CSS

2 Comments

HTML & CSS

Andy Kirk, 3 days ago

Responsive CSS Patterns without Media Queries

Andy Kirk looks at some neat techniques to achieve responsive CSS patterns while we wait for element and container queries to be available!

Mobile

Theodhor Pandeli, 3 days ago

Integrating the Facebook Graph API in Android

In this tutorial, I will show how to send requests and get data from Facebook using Graph API. You can find the project on Github In order to perform requests to Graph API,...

Design & UX

3 Comments

Design & UX

Claudia Elliott, 3 days ago

10 Web Design & UX Trends for 2017 That Can Boost Conversions

Trends are interesting, but more important is how these 2017 web design and UX trends boost conversions.

PHP

Bruno Skvorc, 3 days ago

Sourcehunt: Idea of the Month and 6 Interesting Repos!

Sourcehunt Feb, apart from promoting really interesting open source repos, now also features an app idea of the month, worth a fortune. Check it out!

Design & UX

1 Comment

Design & UX

Anada Lakra, 3 days ago

How to Name Your Business with a Little Help from Design Thinking

Having trouble naming your brand? Here's a excellent step-by-step process on how to name a brand from the team at 99designs.

Entrepreneur

M. David Green, 4 days ago

Scrum Artifacts: Velocity and Burndown Charts

velocity is how a scrum team measures the amount of work they can complete in a typical sprint. By tracking the number of story points the team can

Java

3 Comments

Java

Pierre-Yves Saumont, 4 days ago

Lazy Computations in Java with a Lazy Type

Java is known as a mostly strict language. It's useful, however, to implement a 'Lazy' type for lazy initialization, deferred computations, etc.

12 3 4 5 6 7 8 9 10 Next

Everything you need to know about Version Control in Git. Free!

Featured

Download our new SitePoint Base Theme. 100% FREE. GPL 2.0.

Fluid Video Aspect Ratio with CSS and Element Queries

Make Your Next Move. Make Your Next Website.

MS Bots in Azure

Learning Symbols in Sketch

Learn Git with Bitbucket Cloud

Microsoft Cognitive Services and the Text Analytics API

Sylius and Cutting Your Teeth on TDD

Download our new SitePoint Base Theme. 100% FREE. GPL 2.0.

Fluid Video Aspect Ratio with CSS and Element Queries

Make Your Next Move. Make Your Next Website.

MS Bots in Azure

Learning Symbols in Sketch

Learn Git with Bitbucket Cloud

Microsoft Cognitive Services and the Text Analytics API

Sylius and Cutting Your Teeth on TDD

Latest Articles

Learn Git with Bitbucket Cloud

Sylius and Cutting Your Teeth on TDD

Quick Tip: Create a Simple WordPress Gallery in 5 Minutes

Learn About Code Review in Bitbucket Cloud

HTML5 Forms: New Controls

Functional JavaScript for Lazy Developers (Like Me)

Laravel Dusk - Intuitive and Easy Browser Testing for All!

How Much Should Your Logo Design Cost?

Latest Courses

Introducing TypeScript

Animating with CSS

MS Bots

Functional JavaScript Programming

Introducing TypeScript

Animating with CSS

MS Bots

Functional JavaScript Programming

Latest Books

Researching UX: Analytics

Rails: Novice to Ninja

Designing UX: Forms

Bootstrap: A SitePoint Anthology #1

Researching UX: Analytics

Rails: Novice to Ninja

Designing UX: Forms

Bootstrap: A SitePoint Anthology #1

Scrum Artifacts: Product Increment

jQuery Pagination Plugins

Make Your Next Move. Make Your Next Website.

Java's Synchronized Keyword in Three Minutes

Web Layout 101: Vertical Rhythm is a Drummer

An Introduction to Messages Extensions on iOS

Open Your Data Up to Bots Using Microdata

REST, GraphQL, and Founding a Startup, with Michael Paris and Vince Ning

For Developers, By Developers

Web Dev @ Microsoft

Projects Can Sometimes Be the Worst Way to Learn JavaScript

Exploring React's State Propagation

Working with Data in React: Properties & State

ES6 Template Literals: Techniques and Tools

Projects Can Sometimes Be the Worst Way to Learn JavaScript

Exploring React's State Propagation

Working with Data in React: Properties & State

ES6 Template Literals: Techniques and Tools

React Storybook: Develop Beautiful User Interfaces with Ease

Responsive CSS Patterns without Media Queries

Integrating the Facebook Graph API in Android

10 Web Design & UX Trends for 2017 That Can Boost Conversions

Sourcehunt: Idea of the Month and 6 Interesting Repos!

How to Name Your Business with a Little Help from Design Thinking

Scrum Artifacts: Velocity and Burndown Charts

Lazy Computations in Java with a Lazy Type