Wednesday, November 30, 2016

Simbrella

Simbrella

Corporate promotional One Pager for 'Simbrella' - a product manufacturer for mobile operators all over the world. The layout is very unique for a website and consistently reuses the "radio wave" elements from their logo/branding. I would imagine the printed shareholder reports would share an similar design.

by Rob Hope via One Page Love

This Week in Mobile Web Development (#135)

Read this on the Web

Mobile Web Weekly November 30, 2016   #135
Peter Cooper recommends
Google's Progressive Web App Checklist — A checklist which breaks down all the things Google thinks it takes to be a ‘Baseline’ PWA, and how to take that a step further with an Exemplary PWA.
Google Developers
Holly Schinsky recommends
Native Apps Are Doomed, Part 2 — Part 2 to a previous article about why it’s important for developers to determine the specific needs of their mobile app before choosing a distribution path.
Eric Elliott
Brian Rinaldi recommends
Is Google's AMP A Gilded Cage? — Terence warns that if you choose to opt out of AMP after trying it out, you may find it difficult to remove your AMP pages from Google’s index.
Terence Eden
Sponsored
Build your gem of an app on our jewel of a server. Linode: Simple. Reliable. Powerful. Fast. — Create your ultimate app using the cloud’s fastest, most scalable, powerful and reliable SSD servers: Linode. Use promo code MOBILEWEB20 for a $20 credit.
linode

Chris Brandrick recommends
Hamburger Menu Alternatives for Mobile Navigation — A look at tabs, dropdowns, progressively collapsing menus, and more.
Zoltan Kollin
Brian Rinaldi recommends
How to Turn Your Website Into A Mobile Web App — A presentation about getting started with Progressive Web Apps.
Bruce Lawson
Brian Rinaldi recommends
NativeScript 2.4 Announcement — NativeScript 2.4 includes a new default theme, background threads/web workers, flexbox support and more.
NativeScript.org
Brian Rinaldi recommends
Firefox Focus: A New Private Browser for iOS — By default it blocks many of the trackers that follow you around the web.
Nick Nguyen
Peter Cooper recommends
New Responsive Design Mode: RDM Lands in Firefox Dev Tools — Firefox Developer Tools now includes a redesigned Responsive Design Mode.
Mozilla Hacks
Brian Rinaldi recommends
Working with RESTful Data in Angular 2 and NativeScript — How to build a native mobile app with NativeScript and Angular 2 that consumes data from an external data source supplying JSON.
Nic Raboy
Holly Schinsky recommends
Pure CSS Horizontal Scrolling — How to tackle horizontal scrolling in your mobile apps with pure CSS.
Pieter Biesemans
Holly Schinsky recommends
Ionic 2 App with Social Sharing and Deep Linking — How to build a hybrid app with social sharing and deep linking in Ionic 2.
Dayana Jabif
Peter Cooper recommends
Production PWAs with Frameworks — Addy Osmani works through building Progressive Web Apps with different common development frameworks. 47 minutes.
Chrome Dev Summit 2016
Holly Schinsky recommends
Build a Custom Flash Card Component in Ionic 2 — A walk through tutorial covering how to build a custom flash card component using Ionic 2 and CSS animations. 18 minutes.
Joshua Morony
Holly Schinsky recommends
10 Rules for Creating a Mobile Look and Feel — Ten tips for creating the most appealing user experience for your mobile apps.
Gonçalo Veiga
Chris Brandrick recommends
Realm: An Object-Centric, Present-Day Database for Mobile Apps — The first post in a series on the Realm Mobile Database — highlights some of the benefits of Realm’s database engine and the native classes it lets developers work with.
Marin Todorov
Brian Rinaldi recommends
Responsive Web Design Tricks and Tips — Some design-focused tips when creating layouts for mobile devices.
Jeff Cardello
Brian Rinaldi recommends
Firefox OS Post-Mortem, An Interview with Andre Garzia — A look back at what was right with Firefox OS, what went wrong in the end and what can we learn from the experience.
Elio Qoshi
Sponsored
Don't love your job? You Should - Try Hired and Find the Right Fit. — Try Hired today to get multiple job offers and free personalized support in planning your next move.
Hired

Chris Brandrick recommends
Katana: Swift Apps in a Swoosh — A modern Swift framework for writing iOS and macOS apps, strongly inspired by React and Redux.
Bending Spoons
Brian Rinaldi recommends
ChocolateChip-UI 4: A UI Framework for Mobile Web and Hybrid Apps
Robert Biggs
Curated by Brian Rinaldi and Holly Schinsky for Cooperpress.
Cooperpress is located at Office 30, Fairfield Enterprise Centre, Louth, LN11 0LS, UK
Update your email address
or stop receiving MWW here


by via Mobile Web Weekly

This Week's HTML5, CSS and Browser Tech News #267

Read this e-mail on the Web
FrontEnd Focus
Issue 267 — November 30, 2016
Heydon Pickering explains how to write less code by using CSS inheritance. If you take a closer look, It’s remarkably good at letting you do a lot with a little.
Heydon Pickering

A quick update from the W3C after its recently publication of HTML 5.1 as a standard. Work on HTML 5.2 is also well underway.
W3C

4715 developers responded to a recent front-end tooling survey and the rather thorough results are shared here.
Ashley Nolan

Progress
If you're a HTML5/JS dev, responsive web design is or will be a requirement in the near future. This whitepaper will give you the must-know on responsive web.
Progress   Sponsor

A thorough up to date introduction to Service Workers, a Web technology that can provide your app with rich offline experiences, periodic background syncs, push notifications, and more.
Google Developers

An interesting experiment and some forthright opinions on where to really draw breakpoints on responsive pages and why.
David Gilbertson

Nitish Kumar shows seven ways in which CSS Grid Layout lets front-end developers quickly and intuitively place content on the web.
Sitepoint

Addy Osmani works through building Progressive Web Apps with a variety of common tools and development frameworks. 47 minutes.
Chrome Dev Summit 2016

A jQuery-based library that allows you to add asynchronous server requests to your pages using HTML attributes alone.
LeadDyno, LLC

Jobs

In brief

Firefox's Approach to Add-Ons and Extensions in 2017 news
By the end of 2017, and with the release of Firefox 57, we’ll move to WebExtensions exclusively
Mozilla

New Responsive Design Mode: RDM Lands in Firefox Dev Tools news
Firefox Developer Tools now includes a redesigned Responsive Design Mode.
Mozilla Hacks

Free O'Reilly eBook - 'Intelligent Caching' - Optimize Front End Performance at Scale 
Use "Intelligent Caching" as a resource and guide for optimizing performance on your website or application. Download now
StackPath  Sponsor

Pure CSS Horizontal Scrolling tutorial
How to tackle horizontal scrolling in your mobile apps with pure CSS.
Pieter Biesemans

Using CSS Variables in Site Development tutorial
Dudley Storey

Fixing Styles on 'code' Tags Nested Inside Links tutorial
Louis Lazaris

Adding and Leveraging a CDN On Your Site tutorial
A simple guide aimed at front-end devs.
David Attard

SVG Line Animation for the Uninitiated tutorial
Evan Dennington

Some Useful Techniques for CSS Print Stylesheets tutorial
Manuel Matuzovic

Disqus' Mixed Content Problem and Fixing It with A CSP story
Troy Hunt

Generating Content with Service Workers video
Ben Foxall

Make Browsers Compatible With the Web video
Issues that arise when browsers attempt to clean up the web platform while attempting to remain backwards compatible. 22 minutes
Mike Taylor

Accessibility for Front-End Developers video
The challenges users face with accessibility and how it’s approached at GOV.UK. 42 minutes
Alistair Duggin

Progressive Web Apps: The Definitive Collection of Resources tools
A collection of resources from around the web covering the various aspects of building PWAs.
Bruce Lawson and Shwetank Dixit

Firefox Focus: A Private Browser for iOS That Blocks Trackers tools
Nick Nguyen

Discover the world’s most trusted SQL Server comparison tool tools
Enjoy a free trial of SQL Compare, the industry standard for comparing and deploying SQL Server schemas.
Red Gate  Sponsor

McGriddle: A (Mostly) Get-Out-Of-Your-Way Sass Grid Library code
Jonathan Suh

Web Animation Essentials: A CSS Animations and Transitions Online Course course
Rachel Nabors

Curated by Peter Cooper and published by Cooperpress. If you like this, you may also enjoy: JavaScript Weekly, Node Weekly, and React Status.

Stop getting FrontEnd Focus : Change email address : Read this issue on the Web

© Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK


by via FrontEnd Focus

13 UI Kits for Beautiful Mobile Apps

Common React Native App Layouts: Calendar Page

Object-Oriented Autoloading in WordPress, Part 3

11 Courses to Help You Master PHP Frameworks