BDConf | Article Tags | Responsive

BDConf › Articles › Responsive

Sticky Sidebar – jQuery

Sticky Sidebar is jQuery plugin for making intelligent and high performance sticky sidebar, works with sidebar if it’s bigger or smaller than viewport, has resize sensor to re-calculate its dimensions automatically when size of sidebar or its container is changed, supports multiply sidebars in once and compatible with Firefox, Chrome, Safari, and IE9+. Source can […]

Spring Into CSS Grid

CSS Grid has been getting a lot of attention recently and I finally dedicated time this past weekend to sit down and get a basic understanding of how it works. It was an emotional rollercoaster of an experience (seriously, this is life changing stuff) but I was able put together some notes while creating my […]

Responsive Retrofitting VS Mobile First Responsive Strategy Illustration

The word “Responsive” has today a lot of different meanings depending on the person you ask. In his article Responsive Strategy, Brad Frost explains the difference between Responsive Retrofitting and what he calls Mobile First Responsive. Design.

Smart Responsive Design Patterns, Or When Off-Canvas Isn’t Good Enough

Design patterns often have a bad reputation. They are often considered to be quick, lazy, off-the-shelf solutions that are applied blindly without consideration of the context of a problem. Solutions such as the almighty off-canvas navigation, the floating label pattern or carousels for featured products are some of the prominent ones.

Flexbugs

This repository is a community-curated list of flexbox issues and cross-browser workarounds for them. The goal is that if you’re building a website using flexbox and something isn’t working as you’d expect, you can find the solution here.

Mobile Websites: Mobile-Dedicated, Responsive, Adaptive, or Desktop Site?

Different approaches to implementing mobile websites have each their advantages and disadvantages. The same mobile user-experience principles apply independent of implementation.

Responsive Design: 6 Bootstrap Alternatives

As a responsive designer, you may want to consider viable alternatives to Bootstrap, but also avoid the “flavor-of-the-day” grid systems that come and go. These top frontend frameworks will allow you to build sites faster, and reap the benefits of responsive layouts, pre-defined styles and reusable components. So, which framework is best for you?

Flexo

A grid system based on flex property, and works 100% CSS.

Understanding CSS3 Flexbox for Clean, Hack-Free Responsive Design

Remember how hard it used to be to vertically center content on your site? If you’re struggling with the words “used to be” in that last sentence, you obviously haven’t cottoned onto flexbox yet and need to read on.

CSS Refresher Notes

This is a quick refresher of CSS concepts compiled from various articles online.

Top Ten Mistakes while Implementing Responsive Web Design

Responsive web design is evolving considerably every day. But not every business is able to implement responsive web design on sites, the right way. Also, it is important to know that responsive design is a process of continual improvement.

Google+ goes completely responsive.

We hit our goal of never downloading more than 60k of HTML, 60k of JavaScript and 60k of CSS at any one time!