Keep up to date on current trends and technologies
HTML & CSS - HTML
![HTML5 Template: A Basic Boilerplate for Any Project](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2020/03/1624497596html5-boilerplate-300x170.png)
HTML5 Template: A Basic Boilerplate for Any Project
Louis LazarisDianne Pena
![How to Create a Chrome Extension in 10 Minutes Flat](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2015/04/1693184348build-chrome-extension-300x170.jpg)
How to Create a Chrome Extension in 10 Minutes Flat
James Hibbard
![How to Apply CSS3 Transforms to Background Images](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2018/07/1578355340background-rotate-300x157.png)
How to Apply CSS3 Transforms to Background Images
Craig Buckler
![Four Simple Ways to Draw a Rectangle in HTML](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2014/06/1692944530html-draw-rectangle-300x170.jpg)
Four Simple Ways to Draw a Rectangle in HTML
Adam RobertsDianne Pena
![15 Best HTML Books for Beginners and Advanced Coders](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2023/02/1676244061best-html-books-300x170.jpg)
15 Best HTML Books for Beginners and Advanced Coders
Lucero del Alba
![6 Clever SVG Pattern Generators for Your Next UX Design](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2022/06/1655276258goD570m-300x201.jpg)
6 Clever SVG Pattern Generators for Your Next UX Design
Alex Walker
![7 of the Best Code Playgrounds & CodePen Alternatives](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2018/08/1630484762code-playgrounds-300x170.jpg)
7 of the Best Code Playgrounds & CodePen Alternatives
Craig Buckler
![The Complete Guide to HTML Forms and Constraint Validation](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2021/08/1628603246fom-constraint-validation-300x170.jpg)
The Complete Guide to HTML Forms and Constraint Validation
Craig Buckler
![ngrok Step-by-Step Guide: Easily Share Your Local Server](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2015/05/1618802574ngrok-b_result_1200-300x158.jpg)
ngrok Step-by-Step Guide: Easily Share Your Local Server
Craig Buckler
![Canvas vs SVG: Choosing the Right Tool for the Job](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2016/03/1614127705canvas-vs-svg-300x170.jpg)
Canvas vs SVG: Choosing the Right Tool for the Job
Maria Antonietta Perna
![How to Add Scalable Vector Graphics to Your Web Page](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2012/05/1617069182svg-web-page-300x170.jpg)
How to Add Scalable Vector Graphics to Your Web Page
Craig Buckler
![How to Draw Cubic Bézier Curves on HTML5 SVGs](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2012/08/1607365801svg-curve-300x158.jpg)
How to Draw Cubic Bézier Curves on HTML5 SVGs
Craig Buckler
![How to Draw Quadratic Bézier Curves on HTML5 SVGs](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2020/12/1607365813svg-curve-2-300x158.jpg)
How to Draw Quadratic Bézier Curves on HTML5 SVGs
Craig Buckler
![How to Translate from DOM to SVG Coordinates and Back Again](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2016/08/1606932285coord-300x158.jpg)
How to Translate from DOM to SVG Coordinates and Back Again
Craig Buckler
![CSS with SVG: Real World Usage](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2018/08/1606842070svg-realworld-300x158.jpg)
CSS with SVG: Real World Usage
Craig Buckler
![Scalable Vector Graphics: Drawing Basics](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2012/05/1606301957svg-300x158.jpg)
Scalable Vector Graphics: Drawing Basics
Craig Buckler
![Five Ways to Lazy Load Images for Better Website Performance](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2018/11/1585618767lazy-load-images-300x170.png)
Five Ways to Lazy Load Images for Better Website Performance
Maria Antonietta Perna
![How to Edit Source Files Directly in Chrome](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2013/02/1578276012chrome-edit-300x157.jpg)
How to Edit Source Files Directly in Chrome
Craig Buckler
![Code Challenge #2: 4 Tips for Higher Scores in CSSBattle.dev](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2019/06/1561335291css-borders@2x-245x300.png)
Code Challenge #2: 4 Tips for Higher Scores in CSSBattle.dev
Alex Walker
![UI Code Challenge #1 – Heartbeats](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2019/06/1559779957Screen-Shot-2019-06-06-at-9.15.02-am-300x193.png)
UI Code Challenge #1 – Heartbeats
Alex Walker
![A Guide to the Pug HTML Template Preprocessor](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2019/04/1556504110pug-300x197.jpg)
A Guide to the Pug HTML Template Preprocessor
James Hibbard
![Build a Simple Tumblr Theme with Bootstrap](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2015/02/1518395536bootstrap-tumblr-300x192.jpg)
Build a Simple Tumblr Theme with Bootstrap
Ashraff Hathibelagal
![A Full-screen Bootstrap Carousel with Random Initial Image](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2015/09/1518141686full-screen-bootstrap-carousel-300x201.jpg)
A Full-screen Bootstrap Carousel with Random Initial Image
George Martsoukos
![Bootstrap: Super Smart Features to Win You Over](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2015/09/1517901159bootstrap4-300x190.jpg)
Bootstrap: Super Smart Features to Win You Over
Maria Antonietta Perna
![Front-end Frameworks: Custom vs Ready-to-use Solutions](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2014/11/1517790325to-framework-or-not-300x176.jpg)
Front-end Frameworks: Custom vs Ready-to-use Solutions
Ivaylo Gerchev
![Understanding Bootstrap Modals](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2017/06/1496835966bootstrapdialog-300x199.jpg)
Understanding Bootstrap Modals
Syed Fazle Rahman
![Why I Love Bootstrap, and Why You Should Too](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2018/02/1517464658bootstrap-love-300x183.jpg)
Why I Love Bootstrap, and Why You Should Too
Syed Fazle Rahman
![How to Create Beautiful HTML & CSS Presentations with WebSlides](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2017/08/1502459175HTML_Presentations_using_WebSlides-300x167.png)
How to Create Beautiful HTML & CSS Presentations with WebSlides
Ivaylo Gerchev
![Frame by Frame Animation Tutorial with CSS and JavaScript](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2017/08/1502360932Frame_by_Frame_Animation-300x167.png)
Frame by Frame Animation Tutorial with CSS and JavaScript
Michael Romanov
![Replaced Elements in HTML: Myths and Realities](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2017/07/1501638545replaced-myths-300x167.png)
Replaced Elements in HTML: Myths and Realities
Adrian Sandu
![Building Mega Menus with Flexbox](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2017/07/1499229550megamenus-300x167.png)
Building Mega Menus with Flexbox
Kalpesh Singh
![How I Built a Pure CSS Crossword Puzzle](https://cdn.statically.io/img/uploads.sitepoint.com/wp-content/uploads/2017/06/1497980362CSS_Crossword_PuzzleB-01-300x167.png)
How I Built a Pure CSS Crossword Puzzle
Adrian Roworth
Showing 32 of 565