The World’s Most Famous Emails - #Infographic

It seems like such a normal part of our lives these days, but in the grander scheme of things, email is still relatively new to us. Emerging from humble beginnings, email is now a crucial part of our lives (for better or worse!) and we’re going to take a quick look at some of the most notable...

[ 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

This Is The Future! 6 Amazing Technologies We'll See By 2030 [video]

Hollywood's depictions of the future are usually pretty far-fetched — like the flying cars of "Blade Runner" and the hoverboards in "Back to the Future II." The World Economic forum surveyed over 800 experts and executives to find out what the future will actually look like....

[ 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

Pofo – Creative Agency Template

Minimal HTML template called ‘Pofo’that is loaded with fresh features. It comes ready with multiple layouts to fit just about any business or agency. Buy this one page website template on Themeforest for $14.

POFO is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose corporate and portfolio HTML5 template with 25 ready home page demos.

by Michael via One Page Mania

Serverless development with Node.js, AWS Lambda and MongoDB Atlas

This article was originally published on mongoDB. Thank you for supporting the partners who make SitePoint possible.

The developer landscape has dramatically changed in recent years. It used to be fairly common for us developers to run all of our tools (databases, web servers, development IDEs…) on our own machines, but cloud services such as GitHub, MongoDB Atlas and AWS Lambda are drastically changing the game. They make it increasingly easier for developers to write and run code anywhere and on any device with no (or very few) dependencies.

A few years ago, if you crashed your machine, lost it or simply ran out of power, it would have probably taken you a few days before you got a new machine back up and running with everything you need properly set up and configured the way it previously was.

With developer tools in the cloud, you can now switch from one laptop to another with minimal disruption. However, it doesn’t mean everything is rosy. Writing and debugging code in the cloud is still challenging; as developers, we know that having a local development environment, although more lightweight, is still very valuable.

And that’s exactly what I’ll try to show you in this blog post: how to easily integrate an AWS Lambda Node.js function with a MongoDB database hosted in MongoDB Atlas, the DBaaS (database as a service) for MongoDB. More specifically, we’ll write a simple Lambda function that creates a single document in a collection stored in a MongoDB Atlas database. I’ll guide you through this tutorial step-by-step, and you should be done with it in less than an hour.

Let’s start with the necessary requirements to get you up and running:

1. An Amazon Web Services account available with a user having administrative access to the IAM and Lambda services. If you don’t have one yet, sign up for a free AWS account.
2. A local machine with Node.js (I told you we wouldn’t get rid of local dev environments so easily…). We will use Mac OS X in the tutorial below but it should be relatively easy to perform the same tasks on Windows or Linux.
3. A MongoDB Atlas cluster alive and kicking. If you don’t have one yet, sign up for a free MongoDB Atlas account and create a cluster in just a few clicks. You can even try our M0, free cluster tier, perfect for small-scale development projects!).

Now that you know about the requirements, let’s talk about the specific steps we’ll take to write, test and deploy our Lambda function:

1. MongoDB Atlas is by default secure, but as application developers, there are steps we should take to ensure that our app complies with least privilege access best practices. Namely, we’ll fine-tune permissions by creating a MongoDB Atlas database user with only read/write access to our app database.
2. We will set up a Node.js project on our local machine, and we’ll make sure we test our lambda code locally end-to-end before deploying it to Amazon Web Services.
3. We will then create our AWS Lambda function and upload our Node.js project to initialize it.
4. Last but not least, we will make some modifications to our Lambda function to encrypt some sensitive data (such as the MongoDB Atlas connection string) and decrypt it from the function code.

A Short Note About VPC Peering

Continue reading %Serverless development with Node.js, AWS Lambda and MongoDB Atlas%

by Raphael Londner via SitePoint

#329: This week, it's all about CSS (and webpack 4.0)

Frontend Focus Issue 329 — February 28, 2018 webpack 4.0 Released A significant release for the popular module and asset bundler brings significantly increased performance and new ‘development’ and ‘production’ modes with pre-defined settings. Sean T. Larkin 30 Seconds of CSS A growing collection of useful CSS snippets which we’re promised we can understand in “30 seconds or less”. Covers things like text effects, gradients, and even a popout menu. Atomiks Styling Empty Cells With Generated Content and CSS Grid Layout Ever wondered how to style empty grid cells without adding redundant empty elements? ‘CSS Generated Content’ can help you do just that. Rachel Andrew The Future of JavaScript: 2018 and Beyond What is the state of the JavaScript ecosystem? This whitepaper offers our future-looking analysis and predictions about the latest in JavaScript. We also look back at all the craziness from 2017 and neatly tie it together with a bow. Download now. Progress   Sponsor Stunning Hover Effects with CSS Variables Basically, you change CSS variables on mouse move via JavaScript, and underlying CSS then updates dynamically. There’s a lot of potential with this approach. Tobias Reich CSS Centering Explorer A simple online wizard for getting the right CSS to center elements in various ways, whether horizontally, vertically, or both. chunqiuyiyu WebKit's New 'Storage Access API' A way to allow third-party embeds to request access to first-party cookies upon an interaction. Already in preview versions of Safari, but future cross-browser support seems a bit shaky for now. John Wilander How to Make Responsiveness Super Simple with CSS Variables A quick tutorial on how to create responsive websites in 2018, coupled with a free interactive course if you want more. Per Harald Borgen Third Party CSS Is Not Safe A look at some of the ‘tricks’ untrusted CSS could attempt on a site to monitor users or change the site’s functionality in negative ways. Jake Archibald Jobs Sr. Fullstack Engineer (Remote)Sticker Mule is looking for passionate developers to join our remote team. Come help us become the Internet’s best place to shop and work. Sticker Mule Find a Job You're Passionate AboutVettery connects you directly to hiring managers at over 4,000 top companies. Make a profile today and land your dream job. Vettery In Brief CityJSConf 2018: A JS Conference in the City of London (March 26) news CityJSConf Wikipedia Experimenting With New Hyperlink Preview Effect news An animated GIF of the effect in action. Faux Subgrid: Creating CSS Subgrids Without Official Support tutorial Zell Liew Responsive Vertical Rhythm with CSS Custom Properties & CSS 'calc' tutorial Zell Liew Using Source Maps to Debug Production tutorial ROLLBAR  Sponsor Tables, CSS Display Properties, and ARIA tutorial An example of marking up a accessible, responsive table. Adrian Roselli Using Sass to Control Scope With BEM Naming tutorial Andy Bell Building a Voice-Activated Movie Search App Powered By Amazon Lex, Lambda, and MongoDB Atlas (Part 3) tutorial MONGODB  Sponsor Using 'Local Overrides' in Chrome 65+ tutorial A new feature you may have missed - make changes in DevTools and keep them active across page loads. Google Chrome Team How to Create an Accessible Autocomplete Component with Vue.js tutorial Filipa Lacerda Efficiently Snapshotting Your Single-Page-Apps with Puppeteer tutorial Chang Wang Modern Layouts with CSS Grid: Revolutionizing Visual Design on the Web video Hui Jing Chen Monitor, Analyze, and Optimize Your Web App Performance tools Collect and alert on real-time metrics from your web applications and infrastructure. Get started for free. Datadog  Sponsor Gifski: A macOS App to Convert Videos to Great Animated GIFs tools Sindre Sorhus Jumprock: Send Emails From Your Static Site tools Dan Rovito Konva: A 2D Canvas Library for Desktop and Mobile code Adds niceties like layering, caching, tweening, and filters. basicScroll: Standalone Parallax Scrolling with CSS Variables code Allows you to change CSS variables depending on scroll position. You can then use the variables directly in your CSS to animate whatever you want. Tobias Reich Requests-HTML: Powerful HTML Parsing for Pythonistas code One for Python developers only. Kenneth Reitz

by via Frontend Focus

#196: Flutter beta arrives, Apple adds Service Worker support to Safari

Mobile Dev Weekly February 28, 2018   #196 Brian Rinaldi recommends Announcing Flutter Beta 1: Build Beautiful Native Apps — The first beta release of Flutter just got announced at Mobile World Congress 2018. It’s Google’s mobile UI framework for crafting native interfaces for both iOS and Android. Google Chris Brandrick recommends Welcoming PWAs: Apple Now Supports Service Workers On Safari — With Safari 11.1, Apple will introduce service workers to both macOS and iOS — a crucial ingredient for Progressive Web Apps. Andrew Gazdecki Sponsored Webinar: Let's Talk Appium — Join us on March 14 for a free webinar featuring some of the world's leading Appium experts, discussing all things Appium, mobile testing, and the upcoming AppiumConf taking place on April 6 in London. AppiumConf Peter Cooper recommends Announcing Capacitor 1.0.0 Alpha — A new project from the Ionic folks that aims to offer a better native runtime for Ionic apps in the future across all platforms (including on the Web with PWAs). Ionic Holly Schinsky recommends Xamarin vs React Native vs Ionic: Cross-Platform Mobile Frameworks Comparison — A look at cross platform mobile frameworks, comparing Xamarin, React Native and Ionic. AltexSoft Inc Chris Brandrick recommends App Developer Salary Guide 2018 — Plenty of statistics on iOS and Android developer salaries and how they compare. Artyom Dogtiev Chris Brandrick recommends How Blind People Use iPhones — Apple engineer Jordyn Castor, attorney Haben Girma, & accessibility consultant Tiffany Taylor demonstrate how accessibility features like VoiceOver allow people to be more independent & efficient. BuzzFeed News Mobile Web Holly Schinsky recommends A Comprehensive Guide To UI Design — A guide to finding a solid UI approach that stands the test of time. Christopher Murphy Brian Rinaldi recommends What Google AMP Means for the JavaScript Community Mathias Schäfer Hybrid Apps Holly Schinsky recommends Adding a Payment Service to a Cordova App with Square Khemry Khourn Holly Schinsky recommends Hybrid App Development with Framework7 and GraphCMS Meinolf Droste Brian Rinaldi recommends Optimizing Performance of an Ionic 3 Application — Aimed at starters with Ionic who are thinking about app performance for the first time. Kewin Dousse Native Development Peter Cooper recommends Google Announces ARCore 1.0 — ARCore enables devs to build apps that can understand an environment and place objects and information in it. Google Holly Schinsky recommends Flutter Crash Course — A video crash course on how to use Flutter to build a complete app from scratch. Bram Vanbilsen Brian Rinaldi recommends Mobile Smalltalk — Ever wanted to be able to develop mobile apps for Android and iOS using Smalltalk? Well, either way, now you can! David Buck Brian Rinaldi recommends Using WordPress Content in a Native Mobile App — WordPress runs almost 30% of all websites today. Here’s how to re-purpose that content in a cross-platform native mobile app with NativeScript. Rob Lauer Holly Schinsky recommends Integrating Firebase with a Stencil Built PWA — How to integrate Firebase with your Progressive Web App based on Stencil. Andrew Cole Chris Brandrick recommends The Amazing Amount of Backward Compatibility in Google Maps — An interesting look back at Google’s longstanding native app support. Huan Truong

by via Mobile Dev Weekly

10 Ways To Avoid Shopping On Impulse - #infographic

Are your impulse shopping habits causing you to spend more than you should be? Do you end up with lots of random items that you wish you never bought? If so, advice is at hand to help you defeat the urge to splurge. One great way to break the habit is to put obstacles between yourself and the...

[ 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