Ready to level up your CSS game? Let’s dive into some modern CSS features that are changing the way we style our websites. Whether you’re a seasoned pro or just starting out, these tricks will add some serious firepower to your toolkit. 1. CSS Subgrid: Nested Grids, Unleashed Remember when aligning nested grid items was […]
Category Archives: CSS
Cascading Style Sheets (CSS) is the language that make web pages beautiful. Without CSS, our code will be messy – with no separation between markup and styles. Browse through these posts about CSS.
Convert WordPress default Gallery into a simple Carousel without a plugin
I had the fun task to turn the default WordPress gallery into a carousel. Our users didn’t really like the grid of images, that WordPress ships with. Instead, our designers came up with something like below: It’s basically a carousel, with the caption in a grey area in the side, along with control buttons in […]
How to create Better Tooltips with plain JavaScript and CSS
Today we’ll be building tooltips with JavaScript. Tooltips are the small snippet of text that shows when you hover over a link. The text is from the “Title” attribute of the anchor tag – which is supposed to describe to the user what the link is about, before they click it. View Demo The default […]
Build a SharePoint Single-Page App using nothing but Front-End Code
For this session, I would like to show you how to build a “mini” single page application in SharePoint 2013. A single page application that is ALL Front-end code (JavaScript, HTML and CSS); while using SP’s REST services. We’re also using Bootstrap for the responsiveness and tab interface, Handlebars for the templating, as well as […]
How to fully customize your Google Map Info Windows with Infobox
So I had a recent task of designing an infowindow for a Google map. Just in case you do not know, Google maps API has the ability of overlaying some HTML on top of a marker, also known as an “infowindow“. The problem is, the default infowindow has limited options for HTML styling. View Demo […]
Exploring the Bootstrap 3.0 Grid System
Understanding what this framework can do for your next responsive site The idea of a grid system has been around since the 960.gs framework days. Web designers from all over the world began realizing the importance of pixel perfect alignment, gutter spacing and the rule of thirds. Gone are the days of grid-less web pages. […]