We wrap up our dive into DOM elements this week with a look at how elements are laid out on a page. We'll discuss different element properties and jQuery methods to assist with finding an elements position, offset and dimensions as well as how to manipulate those properties.
Subscribe
Get our best content on how to build better apps.
Subscribe
Get our best content on how to build better apps.
Got product development questions?
Join us on
Discord
Style Guide Driven Development: A How To Guide To Improve your Development Workflow
Style Guide Driven Development (SGDD) is a fairly new term I first heard from Nicole Sullivan’s talk about her experience on a project for Pivotal Labs. But thinking about some more, I realized SGDD is, at a high level, a practice many are already doing: developing components and documenting them in a style guide.
The Bitovi Team
Embrace 7 Principles of Universal Design for Better Website Design
People have been studying design for ages, but we rarely see much crossover in the design fields (e.g., graphic design, web/app design, interior design, industrial design, advertising, film). However, Web designers can learn a lot from other design approaches to create better, more inclusive experiences, and a strong foundation for lasting products.
The Bitovi Team
3 Steps to Mobile First Modules in LESS
When I first started mobile first design I used a pretty rigid template for my LESS files. All my designs were split across 5 or so LESS files named: mobile.less, tablet.less, desktop.less, etc. This seemed like a good idea at the time, but I quickly created a mess of impossible to maintain rubbish. I realized, I needed to embrace modules. Here is how I tackled the challenge of creating a maintainable UI library that was mobile first, responsive, and modular.
The Bitovi Team