Wednesday, April 11, 2018

Josh Sender

Super long-scrolling One Page portfolio for designer Josh Sender featuring a unique stacked navigation that smooth scrolls to project items.

Full Review | Direct Link


by Rob Hope @robhope via One Page Love

Announcing the SitePoint Blockchain Newsletter!

Sign up here to receive the weekly blockchain dispatch on Friday mornings PST.

Blockchain Newsletter

Whether it’s being hailed as a game-changer or derided as hype, blockchain is everywhere these days. But it’s hard to get trustworthy, unbiased news and tutorials about the tech. If you’re trying to enter the blockchain dev world, there’s a high price of entry.

Blockchain technology is useful for more than just cryptocurrency, and this newsletter will highlight some of the more interesting and exciting developments in this emerging field, along with ways to get started yourself.

You’ll get a curated selection of links sourced by me, Adam. You may know me from weekly Back-end and Design newsletters, or from Versioning, my daily newsletter and membership publication focused on the bleeding-edge of web dev and design. Now I want to expand my knowledge to the blockchain world - and I want you to join me.

Every Friday, you’ll receive a newsletter full of curated links that I’ve found useful in my own research, along with links to useful tools, tutorials and projects I think are worthwhile. Also, no scams!

Sign up, and I promise it’ll be both on-the-chain and off-the-chain!

Continue reading %Announcing the SitePoint Blockchain Newsletter!%


by Adam Roberts via SitePoint

toos.

Launching soon page for toos – an upcoming app to help organise and balance shared spending between couples.

Full Review | Direct Link


by Rob Hope @robhope via One Page Love

#335 — Browsers To Support 'Web Authentication': A New Standard for Logins

#335 — April 11, 2018

Read on the Web

Frontend Focus

▶  Lazy Loading Images and Video — Looking to improve initial page load time and lower per-page payload? This guide on has plenty of pointers on lazy-loading techniques, libraries and gotchas to watch out for.

Jeremy Wagner

Browsers To Support 'Web Authentication': A New Standard for Logins — The Web Authentication spec (a.k.a. Webauthn) has been working its way toward W3C approval for nearly two years, but this marks the first major announcement of browser support.

Russell Brandom

Webinar: Designing a Conversational Chatbot Experience — Join our upcoming webinar, Designing a Conversational Chatbot Experience: Tales from the Trenches, to get an insider’s view into creating efficient human-computer interaction. Coming April 25, 11:00 am EST. Register today.

Progress Telerik sponsor

Colorizing SVG Backgrounds with CSS Filters — A problem with using SVGs as backgrounds is it can be harder to control their fill color, in which case CSS filters can come in very handy.

Una Kravets

Glide: A Dependency-Free ES6 Slider and Carousel — A lightweight, flexible and fast straightforward slider. Demo here.

Jędrzej Chałubek

Creating Data Tables for the Web — Maybe you’ve heard “don’t use tables for layout” before, and while they’re not ideal for pure layouts, they have a lot of great uses. This tutorial dives deep on how to create accessible, responsive, and ergonomic data tables for the Web.

Heydon Pickering

Mozilla Brings Firefox to Augmented and Virtual Reality — Mozilla is anticipating the need for a browser that caters to the needs of mixed reality content. It’s dubbed ‘Firefox Reality’.

Sean White

▶  A 10-Part Course to Learn Bootstrap 4 — A free interactive screencast-led course running through the features and concepts of Bootstrap 4.

Per Harald Borgen

Presenting Web Pages to Secondary Attached Displays — Chrome 66 lets pages use a secondary attached display via the Presentation API and control its contents through the Presentation Receiver API.

François Beaufort

💻 Jobs

Web Backend Developer (Fairfax, VA) — City State Entertainment is looking for an ASP.NET dev to help create Camelot Unchained, an RvR fantasy MMO for its studio in VA.

City State Entertainment

Head of Software Development - Milan, Italy — MotorK is looking for an ambitious & proactive Software Development Leader to help drive ambitious technology plans in the team.

MotorK

Front-End Expert? Sign Up for Vettery — Developers with four-years experience average five or more interviews during their first week on Vettery.

Vettery

💬 News & Opinion

Bootstrap 4.1 Released

Bootstrap

CSS Fonts Module Level 4 Working Draft

W3C

The Pitfalls of Card UIs“An optimistic design choice that ends up compounding complexity.”

Dave Rupert

Why Would You Do 'That' in CSS? — Reflecting on why to bother experimenting with CSS; it’s fun and you’ll usually learn something.

Chris Coyier

Progressive Web Apps: Bridging The Gap Between Web and Mobile Apps

Ajay NS

📘 Tutorials

How to Build Chrome Extensions with React and Parcel

Atakan Goktepe

Art Directing for the Web with CSS Grid Template Areas

Andrew Clarke

Building Your First Bootstrap 4.0 Site — A quick tutorial to get you up to speed with the latest version of Bootstrap.

Per Harald Borgen

How Does Your Developer Team ‘React’ to Training? — Team training on Python and Full Stack Essentials with React. See details.

Big Nerd Ranch - React Training sponsor

Animated SVG Radial Progress Bars — Using a single path SVG, a ‘smidge’ of CSS, and several lines of JavaScript.

Dave Rupert

How to Hand Code Scalable Vector Graphics (SVG)

Kezz Bracey

Keep Pixelated Images Pixelated as They Scale — The image-rendering property can be used to tweak how images are scaled.

Chris Coyier

A Few Tips to Make Your PWA Feel Native on iOS

Maciej Caputa

🔧 Code and Tools

Web Maker - First Ever Offline and Blazing Fast Front-End Playground

Web Maker sponsor

Site Palette: A Chrome Browser Extension to Generate Comprehensive Color Palettes

Stas Kulesh

Tabler: An Open Source Bootstrap Admin Panel Theme — A responsive, cross-browser admin panel built up from HTML5 and CSS3 components.

codecalm

virtual-audio-graph: Declaratively Manipulate the Web Audio API — The documentation and examples here may help you understand this.

Benji Hall

Epic Spinners — A collection of easy to use CSS-only animated spinners.

Epicmax

Linux Cloud Hosting Starting at 1GB of RAM for $5/mo

Linode Cloud Hosting sponsor


by via Frontend Focus

wickedCSS : A library for CSS3 Animations

wickedCSS is a library for CSS3 Animations.The animations include regular CSS3 animations to be used in all settings. Additionally, the library includes a number of wicked animations, which aren’t applicable in all situations. They can be fun to play with.

The post wickedCSS : A library for CSS3 Animations appeared first on Best jQuery.


by Admin via Best jQuery

Simple Swipe With Vanilla JavaScript

A tutorial about how to implement a simple swipe gesture in a couple of lines of JavaScript.


by via jQuery-Plugins.net RSS Feed

Focus: Instagram Rolls Out Dedicated Portrait Mode Within Its App

Instagram is rolling out a new feature today, ‘Focus’, a dedicated portrait mode which will be available to use within the Instagram app. The new feature will also empower those phones which do not support or have a built-in portrait setting. In order to use ‘Focus’ within the app, you will be...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Zubair Ahmed via Digital Information World