Mind Journal

One Page redesign for 'Mind Journal' - an upcoming book by Ollie Aplin to help with writers block. The redesign features bigger, clearer typography and better imagery. Great to see a Single Page website promoting an idea before the actual Kickstarter campaigns starts.

by Rob Hope via One Page Love

This Week's HTML5 and Browser Technology News (Issue 218)

Read this e-mail on the Web HTML Weekly Issue 218 — December 9, 2015 Getting Started With CSS calc() Ana Tudor The calc() function lets you use simple mathematical operations in CSS (almost) anywhere a length, angle, or similar number is required. It also lets you pull off tricks preprocessors can’t, such as calc(50% - 1em) Chrome Dev Summit 2015 Talk Notes Daniel O'Connor Someone watched all of the talks from the superb Chrome Dev Summit, took notes on each, and embedded the videos for you to enjoy too. The 'Blur Up' Technique for Loading Background Images Emil Björklund Rather than having a blank space while a large background image loads, you can show a blurred low res version then transition to the high res later. This is a very thorough tutorial showing how. NEW: Performance metrics for Angular Opbeat  Sponsored Get a breakdown of the digest cycle including AJAX, templating, services & cache calls. See how each controller spends its time and what’s slowing your app. Sign up to the private beta. An Introduction To PostCSS Drew Minns PostCSS, a plugin based toolkit for transforming CSS, is commonly lauded as being the next big thing in working with CSS. In this Smashing Magazine article, Drew Minns gives a solid tour. Native Form Elements Joshua Jenkins A simple page that shows how every HTML5 form element looks on your current operating system and browser. WAI-ARIA Graphics Module Published W3C Provides a vocabulary for describing graphical documents for improved representation for people with disabilities. Microsoft Edge’s JS Engine to Go Open-Source MSDN At JSConf US, Microsoft announced that they will open-source the core components of Chakra as ChakraCore, including all the key components of the JavaScript engine powering Microsoft Edge. HTML Accessibility API Mappings 1.0 Working Draft W3C The HTML Accessibility API Mappings (HTML-AAM) define how user agents map HTML 5.1 elements and attributes to platform accessibility APIs. Jobs Principal web engineer @ MixRadio (Bristol, UK)Do you have a passion for crafting beautiful solutions to solve complex problems? Would you like to work in a vibrant & collaborative environment full of creative & talented people where this happens everyday? Apply now. MixRadio Give back to the developer community-apply to teach today.Actively seeking web developers to join our tight knit family of passionate teachers and earn royalties. Pluralsight Join The Top 3% of Freelance HTML5 Developers WorldwideToptal is an exclusive network of elite freelance software engineers. Apply today to work with top clients, set your own rates, and collaborate with other top HTML5 developers. Toptal In brief O'Reilly Fluent 2016 Best Price Ends Tomorrow (Mar 7-10, San Francisco) news  O'Reilly Media Opera 34 (based on Chromium 47) Released: What's New? news Support for Array.prototype.includes, ES6 rest parameters, requestIdleCallback, and more.   Mathias Bynens Unity 5.3 WebGL Updates news Unity is a popular desktop and mobile game engine which recently added WebGL export support. This has now had significant improvements.   Unity Blog Mozilla Will Stop Developing And Selling Firefox OS Smartphones    TechCrunch You Know How to Code, but How Are Your Design Skills? course Learn UI & UX design through part-time, online courses with 1-on-1 mentorship from expert designers.  Designlab SPONSOR CSS Preprocessing with Visual Studio tutorial  Telerik Developer Network Interactive Geographical Map with SVG and JavaScript tutorial  Dudley Storey Intuitive Scrolling Interfaces with CSS Scroll Snap Points tutorial  Simon Codrington Building Realtime Collaborative Offline-First Apps with React, Redux, PouchDB and WebSockets tutorial  Pedro Teixeira Introducing sGrid: A Stylus-based Flexbox Grid System tutorial tools  SitePoint Rotate Graphical Elements on Scroll with JavaScript tutorial  Dudley Storey Remembering the Document Outline in an HTML5 World video  SitePoint Why I'm Excited About Native CSS Variables opinion  Philip Walton CSS3 Is Not Proven to Be Turing Complete opinion  Jonas Schubert Erlandsson Dreamfactory simplifies data connections for web apps tools Free and open source, DreamFactory automatically generates REST APIs from nearly any data source. We'll even host it for you for free.  DreamFactory SPONSOR Test CSS Flexbox Rules Live tools A quick, handy way to see what different flexbox CSS properties do with some boxes inside a container.   Wee: A Lightweight, Logical Front-End Framework tools  Primer: The CSS Toolkit and Guidelines that Power GitHub tools code  Primer Expressive CSS: An Approach to Writing Scalable CSS code opinion  John Polacek CSS SANS: A CSS Font With One Div Tag Per Letter code  Yusuke Sugomori Solid: BuzzFeed's CSS Style Guide code Uses immutable, atomic CSS classes for rapid prototyping.   BuzzFeed maperial.js: A JavaScript API to Create 'Dynamical' WebGL Maps code  Maperial The Story of Space Debris, in WebGL demo  The Royal Institution An Automatically Playing 3D Snake Game using WebGL demo  Maros Hluska Curated by Peter Cooper and published by Cooper Press. Want to post a job? E-mail us or use our self-serve system. Unsubscribe : Change email address : Read this issue on the Web Published by Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

by via HTML5 Weekly

20 Useful Laravel Packages Available on CodeCanyon

Arzt Millennium

Clean One Pager for Arzt Millennium - a medical center based in Austria with a doctor dentist duo. Interesting to learn the designer Kerstin Kuehne actually went into the center and took all the quality imagery herself.

by Rob Hope via One Page Love

A Beginners Guide to Titan Framework: Adding a Number Type Option and An Editor Type Option

Mobila

Quick heads up that this weeks freebie on Creative Market is the 'Mobila' One Page HTML template. Mobila is suited for promoting any app or even a SAAS website. It's quite a decent freebie with a clean and spacious design. The download includes the PSD as well - cheers Khai!

by Rob Hope via One Page Love

HTML5 Mastery: Tree Traversal