Frontend Focus Issue 303 — August 16, 2017 Bootstrap 4 Beta Released Two years in the making, the popular front-end framework is taking some key steps forward. For starters, it’s switched from Less to Sass and is now Flexbox based. Mark Otto Web Fonts: When You Need Them, When You Don’t David Gilbertson makes a… Read More

Frontend Focus Issue 302 — August 9, 2017 HTML 5.2 Now A Candidate Recommendation Now a W3C Candidate Recommendation, the HTML 5.2 spec defines the second minor revision of HTML. A few things are up for potential deprecation including the ‘menu’ and ‘dialog’ elements. W3C The Languages Which Almost Became CSS The history of all… Read More

Frontend Focus Issue 301 — August 2, 2017 Best Practices for Links Back to the Homepage A site logo linking to the homepage is not always enough. Here’s some best practices for that key link. Nielsen Norman Group Shoelace.css: A Pure CSS Alternative to Bootstrap A back to basics CSS starter kit “for when you… Read More

Frontend Focus Issue 300 — July 26, 2017 Flash and the Future of Interactive Content Adobe is planning to stop updating and distributing Flash at the end of 2020, encouraging creators to migrate Flash content to open formats like HTML5, WebGL and WebAssembly. Adobe Enhancing CSS Layout: From Floats To Flexbox To Grid Manuel Matuzovi?… Read More

Frontend Focus Issue 299 — July 19, 2017 A Real World Guide to WebRTC A practical guide to the relatively complex world of WebRTC, a set of real-time communications mechanisms that can be useful for things like voice and video chat, file transfers, chat, etc. deepstreamHub Designing The Perfect Slider A thorough guide to things… Read More

Frontend Focus Issue 298 — July 12, 2017 Building Mega Menus with Flexbox Kalpesh Singh uses Flexbox features to build a ‘mega’ drop-down navigation menu as are particularly common on e-commerce sites recently. SitePoint Pell: A Simple, Small (5kB) WYSIWYG Web Text Editor ..with no dependencies. Demo here. Jared Reich Is It Really Safe to… Read More

Frontend Focus Issue 297 — July 5, 2017 You Do Not Need A CSS Grid Based Grid System ..due to it already being a grid system. Rachel Andrew Web Accessibility According to People with Disabilities A round up of a popular Twitter thread asking disabled people what they find difficult about using the Web. Poor… Read More

Frontend Focus Issue 296 — June 28, 2017 Form Constraint Validation in HTML Digging into two ways to validate forms on the front end while both taking advantage of newer web APIs and taking support back to IE9. Chris Ferdinandi The World and CSS In a 28 minute talk, the original proposer of CSS covers… Read More

Frontend Focus Issue 295 — June 21, 2017 Building Production-Ready CSS Grid Layouts “to start working with CSS grid, you first need to set aside the habits, assumptions and practices that have enabled you to create advanced CSS-based layouts” Morten Rand-Hendriksen Get Ready for Web Bluetooth A look at the current state of Web Bluetooth… Read More

Frontend Focus Issue 291 — May 24, 2017 Chrome DevTools: State of the Union 2017 Filmed at Google I/O, Paul Irish runs through new Chrome DevTools features in 41 minutes. Google Chrome Developers Fluid Responsive Typography with CSS Poly Fluid Sizing How to create scalable, fluid typography across multiple breakpoints and predefined font sizes using… Read More