Peek

Hilarious One Pager filled with tongue-in-cheeky copy promoting live streaming app, Peek.

by Rob Hope via One Page Love

#296: Form Constraint Validation in HTML

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 the history of the Web, CSS, and even doing book layouts with CSS. Hakon Wium Lie A Study Guide to the Modern Front End Stack A guide built at Grab, a major Asian transportation platform, covering SPAs, React, Flux/Redux, and other popular front-end dev tools. Tay Yang Shun 🤖 Learn Testing JavaScript Apps (Feat. testing React and Redux) Join Kent C. Dodds to master the latest tooling (like Jest & Cypress) and techniques to test real-world React, Redux, and Node express apps. Frontend Masters   Sponsor Aspect Ratios in CSS are a Hack An argument that current aspect ratio techniques are hacky, with a proposal for some new CSS syntax along the lines of 'aspect-ratio: 16/9'. Bram Van Damme Taking Photos and Controlling Camera Settings with the Image Capture API Image Capture is an API to control camera settings and take photos, now supported in Chrome 59+. Simple demo and code here. Google Developers The Responsive Order Conflict for Keyboard Focus Some thoughts on how CSS methods such as Flexbox and Grid pose a problem for keyboard focus order. Alastair Campbell Web Audio Weekly: A Newsletter on All Things Web Audio It’s not one of ours, but it’s been around a while and really narrows in on this niche area well. Chris Lowis Jobs Web Application Engineer - Apple Inc. (California, USA)Our Media Products Engineering team is looking for a software engineer to build and enhance our algorithmic quality evaluation tools. Apple Inc. Can't find the right job? Want companies to apply to you? Try Hired.com. In Brief CSS Grid Support Shipping in Edge (Behind A Flag For Now) news Stefan Baumgartner Possible Future Directions for Data On The Web news W3C Conquer Email with Postal and Compose tutorial A deep dive article on creating a custom email server with Postal and IBM Compose. Compose  Sponsor Designing The Perfect Accordion tutorial How do you design the perfect accordion? The choice and position of the icon matters, and so does interaction designs. A detailed run-down. Vitaly Friedman Using Stickybits: An Alternative to 'position: Sticky' Polyfills tutorial Jeff Wainwright Building a Color Picker Component with Marko tutorial Marko is a UI library built at eBay. eBay How to Apply CSS3 Transforms to Background Images tutorial Applying transforms like rotating and skewing to background images. SitePoint How to Create A Checkmark Animation with Anime.js tutorial Mikael Ainalem 10 Tips on Typography in Web Design tutorial Nick Babich Database Performance Monitoring Buyer’s Guide  This guide is designed to aid when evaluating database monitoring solutions for your unique environment. VividCortex  Sponsor Reliably Measuring Responsiveness [PDF] slidedeck Shubhie Panicker and Nic Jansma Building a Better Login with the Credential Management API video Currently a draft specification at the W3C. James Allardice An Interview with Chris Coyier of CodePen and CSS-Tricks Fame story Preethi Kasireddy Progressing The Web: Progressive Web Apps are for Everyone opinion Jeremy Keith Thoughts on Self-Documenting CSS opinion A look at differing CSS comment styles, with consideration for whether they add (or not) to the code. Keith J. Grant Powerful Additions to the CSS Grid Inspector in Firefox Nightly tools Mozilla Hacks consolemock: A Small Dev Utility for Testing Console Logs code Thomas Marek picogl.js: A Minimal, WebGL 2-Only Rendering Library code For WebGL 2 developers who want a simpler API. Tarek Sherif share-this: Medium-like Text Selection Sharing Without Dependencies code Massimo Artizzu Flubber: Smoothly Interpolate Between 2D Shapes code Noah Veltman

by via Frontend Focus

Jad Joubran

Clean personal page for Open Source enthusiast and conference speaker, Jad Joubran. Pretty straight forward long-scrolling site with the highlight definitely being the interact world map of his speaking engagements.

by Rob Hope via One Page Love

7 Best Weather WordPress Widgets & Plugins

4 LinkedIn Mini Case Studies

Are you looking for new ways to make LinkedIn work for your business? Wondering what other businesses are doing with LinkedIn? In this article, you’ll discover how four different companies sustain a successful LinkedIn presence and find tips for building a presence to engage your own audience. #1: Focus on Employee Experiences and Job Opportunities [...]

This post 4 LinkedIn Mini Case Studies first appeared on .
- Your Guide to the Social Media Jungle

by Oren Greenberg via

#164: Any Web Site Can Become A PWA

Mobile Web Weekly June 28, 2017   #164 Peter Cooper recommends I Decided to Disable AMP On My Site — “Twitter is betting that mobile users prefer to read AMP rendered content, when it’s available, even if it wasn’t pre-loaded.” Alex Kras Holly Schinsky recommends Any Web Site Can Become A PWA – But We Need to Do Better — Christian explains his previously public comments on creating PWAs from websites and how it can be done better. Christian Heilmann Sponsored Database Performance Monitoring Buyer’s Guide — This guide is designed to aid when evaluating database monitoring solutions for your unique environment. VividCortex Brian Rinaldi recommends Naming Progressive Web Apps — Some thoughts on why PWAs are named as they are, and what it means (and doesn’t mean) from the person who helped give PWA its name. Frances Berriman Holly Schinsky recommends Progressive Web Apps Challenge Native Mobile Apps — Progressive Web Apps (PWAs) are catching on at major web companies with developer tools more abundant, presenting a challenge to native mobile apps. Paul Krill Chris Brandrick recommends Progressing The Web: Progressive Web Apps are for Everyone Jeremy Keith Peter Cooper recommends Designing The Perfect Accordion — How do you design the perfect accordion? The choice and position of the icon matters, and so does interaction designs. A detailed run-down. Vitaly Friedman Brian Rinaldi recommends Content Performance Policy, An Alternative to AMP? — A proposal to fix the ‘issues’ with Accelerated Mobile Pages. Damien Jubeau Holly Schinsky recommends What’s New in WebView Security — An overview of the security enhancements available for your Android apps in the newest version of WebView. Google Chris Brandrick recommends Mozilla's New Android Browser Blocks Ads & Trackers Boing Boing Brian Rinaldi recommends Create a Mobile App for Displaying Your Site's RSS Content with Ionic John Negoita Peter Cooper recommends The 5 Stages of JavaScript Performance Grief — A 15 minute talk on the effect that JS has on user experiences, particularly in the context of mobile devices. Simon Hearne Brian Rinaldi recommends Let Them Block Ads — “blockers & privacy tools have moved from niche to standard: users expect them & serious browsers will have ad blocking built in.” Ruadhán O'Donoghue Chris Brandrick recommends What If All Your Mobile Devices Formed A Single Screen? — “Think about all the possibilities of being able to combine any kind of mobile device, independent of its operating system.” — This is what Swip.js offers. Tim Großmann Holly Schinsky recommends Which Framework7 Template Should You Choose? — Timo walks through various templates available for building apps with Framework7 and how to choose which might be best for your next app. Timo Ernst Chris Brandrick recommends Why Are App Install Banners Still A Thing? Alex Russell

by via Mobile Web Weekly

Jaune de Chrome

Jaune de Chrome is a french manufacture from Limoges, recognized worldwide for its absolute mastery of french fine porcelain and the enamel art.
by via Awwwards - Sites of the day