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

Frontend Focus Issue 294 — June 14, 2017 If you’re in the UK or Europe, we’ve teamed up with White October to bring a two day ES6 workshop with You Don’t Know JS author Kyle Simpson to London. Tickets are available now 🙂 Leveraging the Paint Timing API to Improve User Experiences Last week we

… Read More

Read this e-mail on the Web FrontEnd Focus Issue 294 — June 14, 2017 Leveraging the Paint Timing API to Improve User Experiences Last week we linked the video, now here’s a full write-up focusing on the Paint Timing API. Google Developers Breaking Out with CSS Grid Explained A recent demo from Tyler Sticka demonstrated

… Read More