Neobí

Unique parallax scrolling One Pager just bursting with color for upcoming startup, Neobí. The screenshot here doesn't capture the background color changes (as you scroll) well - definitely check the live site.

by Rob Hope via One Page Love

DD Scroll Boxes – Animated Scroll Boxes with Javascript

DD Scroll Box makes it a breeze to turn any DIV content on your page into a scroll box, animating them into view when the user scrolls up or down the page past a certain amount. Vanilla JavaScript and CSS3 powered for a lightweight, smooth experience.

by via jQuery-Plugins.net RSS Feed

How to Repurpose Your Snapchat Stories

Wondering how to get more value from your Snapchat content? Want to learn how to reuse your Snapchat stories? You can get a bigger return on your Snapchat marketing efforts by downloading and repurposing your stories. In this article, you’ll discover how to repurpose your Snapchat stories for other social media platforms. Download Your Content [...]

This post How to Repurpose Your Snapchat Stories first appeared on .
- Your Guide to the Social Media Jungle

by Andrew Pickering via

How to Use Twitter Website Conversion Ads

Want to improve the performance of your Twitter ads? Do you know how to use website conversion ads on Twitter? Whether you’re looking to increase downloads of an ebook or get more sales, the Website Conversions objective will improve the performance of your Twitter ads. In this article, you’ll discover how to get started with [...]

This post How to Use Twitter Website Conversion Ads first appeared on .
- Your Guide to the Social Media Jungle

by Ana Gotter via

3 Suggestions for Identifying and Catering to Your Blog Audience

Sure, a blog can boost your search engine rankings and raise the credibility of your site, but if the content doesn’t reach the right people, you’ll have a very difficult time generating conversions from your hard work. That’s why it’s very important to understand who your blog audience is and what content they like to read.

You might have already defined your target audience and have been catering content to them for some time, but that doesn’t mean you should stop thinking about who your readers are. You can’t continue using the same target market profile you created three years ago and expect to get the same results. You want growth, and that requires tweaking your strategy.

Take some time this month to really evaluate your current target market. Is your blog reaching everyone who can benefit from your words? Does your content solve the problems your readers currently have? If you can’t truthfully give positive answers to each of these questions, then it’s time to refine your audience. As you think about your target readers, here are some things to consider.

by Larry Alton via Digital Information World

Web Design Weekly #257

Headlines

Giving Back to the Design Community

A look into why a small team of Facebook designers build resources for designers. (medium.com)

The difference between CSS variables and preprocessor variables (css-tricks.com)

Sponsor Web Design Weekly and reach over 22,000 passionate designers and developers

Articles

Thoughtful CSS Architecture

Nathan Rambeck provides an introduction to CSS architecture that will help you design a structure for your code so your projects and teams can grow without becoming an unmanageable mess. (seesparkbox.com)

Async functions – making promises friendly

Async functions allow you to write promise-based code as if it were synchronous, but without blocking the main thread. They make your asynchronous code less “clever” and more readable. Jake Archibald explains. (developers.google.com)

How To Brutalize The Web

This article examines the characteristics of Web Brutalism, why it can be effective and what it takes to design a Brutalist website. (medium.com)

CSS Flexbox Explained by Road Tripping Across the Country

Can’t say I have ever read an explanation about a technology quite like this but it seems to work and is entertaining. (freecodecamp.com)

On Style Maintenance

Sarah Drasner looks at two different programming paradigms (functional and object-oriented) and considers how they apply to CSS and the concept of authoring versus maintenance. (css-tricks.com)

Tools / Resources

JavaScript Stack from Scratch

Step-by-step tutorial to build a modern JavaScript stack from scratch. (github.com)

CSS Icon

An icon set made with pure css code that has no dependencies. (cssicon.space)

Pure CSS Content Filter (csswizardry.com)

React Router 3.0 is out (github.com)

New In Chrome 54 (developers.google.com)

Inspiration

Etsy Design

The talented Etsy Design team has started blogging and sharing their experiences. With only a few articles so far I’m sure it will become a great source of inspiration in the not too distant future. (medium.com)

How we deploy at npm (blog.npmjs.org)

Angry Birds in Pure CSS (codepen.io)

Jobs

Senior JavaScript Engineer at Marvel

We’re looking for a Senior JavaScript Developer to join our team building the next generation of design and prototyping software. (marvelapp.com)

Interactive Designer at Radish Lab

We’re looking for a dynamite interactive designer to join our growing team. The ideal candidate is efficient, has an eye for detail and user experience, excellent references, and some noteworthy portfolio examples to share with us. (radishlab.com)

Need to find passionate developers or designers? Why not advertise in the next newsletter

Last but not least…

Skyrocket your Sketch workflow (blog.quadro.me)

The post Web Design Weekly #257 appeared first on Web Design Weekly.

by Jake Bresnehan via Web Design Weekly

2FA in Laravel with Google Authenticator – Get Secure!

There are many ways an attacker can get a user's password. It could happen through social engineering, key logging, or by some other nefarious means. Passwords alone are not enough to protect users from their accounts being compromised, specially if an attacker somehow has their credentials.

To get around this serious shortcoming, the concept of two-factor authentication (2FA) was created. A password, which is one factor, is not enough to authenticate a user. The notion is that a user must use something they have (first factor) and something they know (second factor) to authenticate. A password is something the user knows. For the "something they have" part, many things can be used. Some solutions use biometrics, like a fingerprint, voice pattern recognition, or iris scan. These are relatively expensive solutions. Other second factor authentication methods include one-time passwords (OTP). These are passwords that are generated on a device and good for use once. Typically there are two types of OTPs; counter based, and time based. Using 2FA is better than just username and password alone because it is very difficult for an attacker to procure both the password and the second factor.

In this tutorial, we will use Laravel and Google Authenticator to demonstrate how to implement 2FA in a webapp. Google Authenticator is just one implementation of the Time-Based One-Time Password (TOTP) algorithm, RFC 6238. This industry standard is used in a lot of various 2FA solutions. There are some advantages of Google Authenticator over some other 2FA solutions on the market. After you download the app to your smartphone, you can use it offline. Many other 2FA solutions need to be connected somehow; they send an SMS message, or a push notification, or even call the smartphone with a recorded message. This is not good for users that might be in a location where their phone is cut off from the outside world, like in an office located in the basement of a building.

How the TOTP works is that the server generates a secret key. This secret key is then passed to the user. The secret key is used in combination with the current Unix timestamp to generate a six digit number, using a keyed-hash message authentication code (HMAC) based algorithm. This six digit number is the OTP. It changes every 30 seconds.

Continue reading %2FA in Laravel with Google Authenticator – Get Secure!%

by Christopher Thomas via SitePoint