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

Frontend Focus Issue 292 — May 31, 2017 11 Things I Learned Reading The Flexbox Spec A run through some of the ‘good bits’ of the CSS Flexible Box Layout specification. David Gilbertson Just Keep Scrolling: How To Design Lengthy, Lengthy Pages Scrolling opens a lot of doors to designers but isn’t without its drawbacks.… Read More

Frontend Focus Issue 293 — June 7, 2017 Designing Efficient Web Forms: Structure, Inputs, Labels & Actions Users can be reluctant to fill out forms, so make the process as easy as possible. Usability testing can help you find out how usable a particular form really is. Nick Babich Chrome 59 Released to Stable Channel… Read More