Archive for the ‘HTML & CSS’ Category

Getting Bootstrap Tabs to Play Nice with Masonry

Posted on: No Comments
On the Masonry website, we read that Masonry is … a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. Bootstrap is one of the most wid...

8 Tips for Improving Bootstrap Accessibility

Posted on: No Comments
A few years ago, I wrote about my experiences on developing a Bootstrap version 3 project to be fully accessible for people with disabilities. This focussed mostly on how accessible it is in terms of front-end design. (It didn’t cover accessibility i...

Build George Costanza’s Bathroom Finder using WRLD

Posted on: No Comments
This article was sponsored by WRLD 3D. Thank you for supporting the partners who make SitePoint possible. “Anywhere in the city? Anywhere in the city: I’ll tell you the best public toilet.” These are the words of George Costanza to Jerry Seinfeld...

The following takes place with an API called WRLD…

Posted on: No Comments
This article was sponsored by WRLD 3D. Thank you for supporting the partners who make SitePoint possible. The following takes place between 7:00am and 8:00am, on Christmas Eve. Events occur in real time. For all our data-gathering capabilities, we...

Get the Ultimate Web Development Beginner Bundle for Only $29

Posted on: No Comments
So you've dreamed of being a web dev, but don't know where to start? Well have we got good news for you? For 48 hours only you can get our ultimate beginner bundle in web development for just $29 (that's a saving of $435 BTW!) What Are You Waiting For?...

Fancy Web Animations Made Easy with GreenSock Plugins

Posted on: No Comments
The aim of the third part of this GreenSock tutorial series is to introduce you to some amazing GreenSock plugins. You'll be using: The BezierPlugin to animate properties along a curved Bezier path The GSAP Draggable utility to drag elements on the s...

How to use Media Queries in JavaScript

Posted on: No Comments
If you thought responsive design was reserved for CSS layouts only, you'll be pleased to hear media queries can also be used in JavaScript. Continue reading %How to use Media Queries in JavaScript%

GreenSock for Beginners (Part 2): GSAP’s Timeline

Posted on: No Comments
The aim of this second part of GreenSock for Beginners is to introduce you to GreenSock's TimelineMax. You'll be learning: Why you need a timeline How to include multiple tweens in a timeline How to package multiple timelines into functions and nest ...

Building a 3D Rotating Carousel with CSS and JavaScript

Posted on: No Comments
A lot has been said on the use of traditional 2D carousels, for example this piece on Smashing Magazine covers this subject. There’s no simple yes or no answer to the ‘should I use a carousel?’ question; it depends on the particular situation. Wh...

7 of the Best Code Playgrounds

Posted on: No Comments
Messing around with experimental code is easy thanks to several free online development playgrounds. Craig Buckler looks at seven of the best... Continue reading %7 of the Best Code Playgrounds%