#324: Bootstrap 4 Released, Firefox 58 Arrives

Frontend Focus Issue 324 — January 24, 2018 Bootstrap 4 Released After a lengthy beta, the final release of the fourth version of popular frontend toolkit Bootstrap is here. No breaking changes. Mark Otto, Jacob Thornton, and Bootstrap contributors Using CSS Clip Path to Create Interactive Effects As a kid, did you ever cut out pictures from magazines and create collages? Do the same on the Web with this neat technique. Mikael Ainalem How To Defer, Lazy-Load and Act with IntersectionObserver A beautiful dive into the most modern way to lazy-load resources and defer any functionality based upon an element’s visibility to users: using the Intersection Observer API. Smashing Magazine JavaScript Telemetry: Black Box Recorder for App Crashes JavaScript telemetry provides a timeline of browser events leading to an error, including UI interactions, clicks, inputs, console logs and more. Debug better with telemetry and know why your web app crashed. ROLLBAR   Sponsor Firefox 58: The Quantum Era Continues The first post-Quantum release continues to boost performance with ‘Off-Main-Thread Painting’ and streaming WebAssembly compilation, plus support for font-display. Enjoy the point-by-point summary for developers. Mozilla Hacks Learn Flexbox in 12 Interactive Screencasts A free course focused on getting you up to speed on Flexbox as quickly as possible using novel, interactive code-driven screencasts. Scrimba Using the CSS Paint API, Coming to Chrome 65+ The CSS Paint API lets us programmatically generate images whenever CSS properties expect them. Google Developers How Firefox’s New Compiler Makes WebAssembly Faster Firefox 58 includes a 2-tiered compiler, boasting a huge speedup for WebAssembly users. Lin Clark Finding 'Dead' CSS A cute way to see if CSS selectors are being used in unanticipated places (such as forgotten pages on legacy sites). Harry Roberts Jobs Senior Front-End Developer for Remote Position (Full Time)Take ownership of our CSS code, help us build fantastic new JavaScript modules, and ultimately impact the way people learn design. The Interaction Design Foundation Passionate Senior Frontend Developer, AmsterdamDeveloper run company where you earn an excellent salary, generous bonus scheme, team holidays, conference budgets and a great vibe. thefrontendlab Front-end Dev Jobs at 4,000+ CompaniesTry Vettery and we’ll connect you directly with thousands of companies looking for talented front-end devs. Vettery In Brief Wes Bos Launches New CSS Grid Course news Already very popular and it’s free. Wes Bos jQuery 3.3.0 Released news Timmy Willison CSS Scroll Snap: What Is It, and Do We Need It? tutorial A pretty thorough introduction. Dennis Gaebel Make Your Site Faster with Preconnect Hints tutorial With preconnect hints, reduce request latency and make your site faster. Jeremy Frank You Didn't Become a Front-End Developer to Fuss with a Database  MONGODB  Sponsor Lessons Learned Making Our App with Web Components story Ada Rose Cannon Should You Use CSS or JavaScript for Web Animations? opinion How you can use both to produce smooth animations for your site. Zell Liew Frontend in 2018: More Consensus, Less Complexity opinion Kaelan Cooter Designing for 4-Sided Viewports with CSS Grid video Jen Simmons The New Generation of Project Management Tools Is Here and It’s Visual tools monday.com  Sponsor CSS Gridish: A Tool to Help Your Team Adapt CSS Grid Today tools James Y Rauhut (IBM Design) Adele: A Repository Of Design Systems and Pattern Libraries tools Marcin Treder $20 Free On A New Linode Account tools Linux cloud hosting starting at 1GB of RAM for $5/mo. Get $20 credit on a new account. Linode Cloud Hosting  Sponsor lit: The World's Smallest Responsive CSS Framework? code Packs a fair bit into 400 bytes. Arham Jain 26 CSS Arrow Examples from CodePen code Freebie Supply

by via Frontend Focus

Get More Installs and Better Ratings for Your Apps Using Instabug

#191: Designing for Mobile Performance

Mobile Dev Weekly January 24, 2018   #191 Brian Rinaldi recommends Google Using Page Speed in Mobile Search Ranking — Starting in July 2018, page speed will be a ranking factor for mobile searches. Zhiheng Wang and Doantam Phan Peter Cooper recommends Unifying The Mobile Onboarding Experience at Uber — How the engineering team at Uber unified their onboarding experience, making it easier for users to get started. Uber Engineering Chris Brandrick recommends Designing for Mobile Performance — Mustafa Kurtuldu mulls over the topic of performance, both perceived and measured, for users of mobile devices. 24 Ways Sponsored Linux Cloud Hosting Starting at 1GB of RAM for $5/mo — Get a Linode server up and running in seconds. Simply choose your plan, distro and location and you’re ready to deploy your server. Get $20 credit on a new account. Linode Cloud Hosting Holly Schinsky recommends Top 7 Mobile App Development Trends 2018 — Find out what to expect for mobile app development trends in 2018. Oksana Kovalchuk Chris Brandrick recommends Processing Forms on AMP Pages with Amazon API Gateway and AWS Lambda — Learn how to implement and process forms on your AMP pages using Python and Amazon services for serverless apps. Cruxlab, Inc. Peter Cooper recommends The iOS Economy, Updated — A look at the numbers behind the iOS app ecosystem. iOS devs earned over 25 billion through the App Store last year. Horace Dediu Brian Rinaldi recommends State of Mobile: With Captive Mobile Audiences, New App Growth Stagnates — A look at the current state of mobile app usage, form factor distribution and manufacturer distribution based on Flurry’s data. Flurry Blog Mobile Web Brian Rinaldi recommends Why Progressive Web Apps Are the Future of Web Development — An overview of PWAs arguing for more adoption. Tushar Agrawal Holly Schinsky recommends Must-Use Tools to Build Better Progressive Web Apps Suresh Kumar Brian Rinaldi recommends Creating a Drop-Down Menu for Mobile Pages — How to create and animate a hamburger menu icon and then attach an event listener through jQuery for triggering a drop-down menu. Dogacan Bilgili Hybrid Apps Holly Schinsky recommends Aurelia Framework7 — A lightweight framework that combines Aurelia, Framework7, Webpack and Cordova for building hybrid apps. Alexander Flenniken Brian Rinaldi recommends Quick Example of Apache Cordova and Vue.js — A quick example of how to use Vue with Cordova. Raymond Camden Brian Rinaldi recommends Capacitor: Build Cross-Platform Native Progressive Web Apps for iOS, Android, and The Web — Ionic’s new library and runtime for hybrid apps that can be a drop-in replacement for Cordova. Ionic Holly Schinsky recommends Using Vue with Ionic 4 and Ionic Native Plugins Matthieu Drula Holly Schinsky recommends Displaying a PhoneGap App Correctly on the iPhone X Matt Netkow Chris Brandrick recommends Adding CAPTCHA to Ionic with Node.js Middleware — How to add Google’s reCAPTCHA service to an Ionic app. Josh Morony Native Development Brian Rinaldi recommends How to Become a React Native Developer in 2018 — General tips and resources for anyone curious about learning React Native. Spencer Carli Holly Schinsky recommends What I Learned from Cloning the Uber App — Lessons learned from building a clone of the Uber App. Shai Almog Brian Rinaldi recommends A Few Things I Like About React Native, And A Few I Don't — From the perspective of a native Android developer. Andrzej Zabost Chris Brandrick recommends SmileToUnlock: Make Users Smile To Open An App — Uses ARKit Face Tracking. Ruslan Serebriakov

by via Mobile Dev Weekly

Rapid Web Deployment for Laravel With GitHub, Linode, and RunCloud.io

Protecting Your Money Online - #infographic

From phishing attacks via email, to cyber scams on dating sites and social media, the internet can often leave you financially vulnerable. Follow the infographic checklist to make sure your money is more secure online.

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

by Web Desk via Digital Information World

Beginners Guide to Angular 4: Routing

How to Easily Create Marketing Videos From Images

Wondering how to market with video without being in front of the camera? Have you thought about creating video from product and brand images you already have? In this article, you’ll find two affordable ways to create engaging videos for your business by repurposing visual assets you have on hand. #1: Customize a Storyboard Video [...]

This post How to Easily Create Marketing Videos From Images first appeared on .
- Your Guide to the Social Media Jungle

by Erin Cell via