Most recent blogs in the CSS category
Responsive web design is the buzz word at the moment, but what does it actually mean? How do you decide if a website is responsive? Before we answer these questions, we need to step back and define the word 'responsive'.
Infinite scrolling makes the web and your web pages nice and fluid. Unfortunately, this comes with some challenges you need to deal with in order to gain the maximum benefit and none of the downside.
Imagine that you wanted to keep the class names in your HTML as simple and functionally-semantic as possible, but you also wanted to have re-usable generic styles, with presentational-semantics, to avoid repetition.
In this article, we will be revising the different approaches that can be taken to class naming and writing CSS.
Bootstrap has been around for a few years now, and everything I'd read about it told me what a fantastic front-end framework it is. That everything is faster and easier and it can save web developers heaps of time. Unfortunately, that's also about all I knew about Bootstrap. Ignorance is bliss, right?
People are resizing browser windows. Which we knew and know but still... wow, they're resizing browser windows.
No one likes a boring website. Luckily it’s now very easy to add cool CSS3 animations to your website.
Responsive Design is seen as the superior successor to Adaptive Design with no downside. I beg to differ.
The entire web development industry is be-smitten Responsive design. And it is indeed a clever technology and with its place. But we are in a world where users and conversion come before technology, Adaptive design is your unlikely, un-cool answer. (Though soon enough you will think it is cool...)
Annoyed at how Chrome renders fonts with subpixel anti-aliasing, which in turn can make fonts look more jiggered than other browsers?
The "calc()" function is CSS3 is one of the more underestimated... which is a bugger given how powerful it is.
The bootstrap 3 library now makes coding responsive design for today's different screen sizes a breeze.
Websites are becoming more and more dynamic. jQuery is great to this extent... though only to an extent.
As the world goes mobile, as web developers, we have a number of approaches available to us in terms of device detection and whether we go server-side or client-side.
Using primarily HTML and CSS we can "fluidly" adjust the width of elements and even hide elements to fit the available space.
Let me introduce you to the max-width/max-height properties.
How much unnecessary time are your customers waiting for your pages download? How does is it affecting your bottom line? It seems that these days users care more about load time than bells and whistles. Additionally, page load times are becoming more important to your seach engine rankings too.