Beyond The Browser: From Web Apps To Desktop Apps #FrontendCookies

Past issues Subscribe

Mar 21 Apr 4

Mar 28 2017

Beyond The Browser: From Web Apps To Desktop Apps #FrontendCookies

What's going on in < / > world

"Easy is boring. That's why I love the web and browsers." - Remy Sharp

Hello, you're reading Infinum Frontend Cookies, bringing you the latest JavaScript and CSS related news straight to your inbox every week.

Beyond The Browser: From Web Apps To Desktop Apps

Thanks to powerful new APIs at our disposal, you’ll see that developing a desktop app is not as scary as it sounds. This article explains how to get started.

In the news

Angular 4.0.0 Now Available

Angular version 4.0.0 - invisible-makeover - is now available. This is a major release following the announced adoption of Semantic Versioning, and is backwards compatible with 2.x.x for most applications.

Next.js 2.0

Next.js is a very slim yet powerful framework. Place React components in a pages directory and running next, and you'll get automatic code splitting, routing, hot code reloading and universal (server-side and client-side) rendering.

Tools & libraries

Angular CLI

Based on the ember-cli, Angular CLI 1.0.0 is here!

Tutorials & guides

How to set up the perfect modern dev environment on Windows

Owen is experimenting with developing directly on Windows after switching, and here’s the best setup he's found so far for getting things done — Bash on Windows can basically do everything.

How You Can Use HTML5 Custom Data Attributes and Why

Gajendar Singh walks you through HTML5 custom data attributes, why they're useful, how to style them with CSS and manipulate them with JavaScript and jQuery

Writing modular CSS (Part 1)

Since our industry is awesome, we don’t only have one recommended solution. Experts have jumped in and provided us with suggestions like BEM, OOCSS, SMACSS, Atomic Design and many others.
Now, instead of suffering from “I don’t know what to do”, the question becomes: “there’s so many ways. Which should I try?” Should I use everything, only one approach or create a custom architecture from the possible picks out there?.

CSS Grid VS Flexbox: A Practical Comparison

We take a look at the new CSS Grid system and compare it with flexbox to see which is the better layout building tool.

Improve Your Billing Form’s UX In One Day

In less than one day, you can improve your billing form’s UX by adding some simple and useful features to your project. This article explains how.

Text Effects with CSS (and a little contenteditable trick)

Mandy Michael has been creating some incredible text effects with just the power of CSS. She uses every trick in the book: gradients, transforms, pseudo elements, shadows, and clipping paths to name a few. They are all real web text too. Custom fonts typically, but no images, canvas, or SVG or anything like that.

For beginners

JavaScript’s Magical Tips Every Developer Should Remember

We programmers can tend to make things over complicated, which in-turn leads to problems and chaos in the developing environment.

Blogs

setState() Gate

It all started last week. 3 different React learners encountered 3 different obstacles trying to use setState() in their projects. Eric mentors new React users a lot, and consults with teams making transitions from other architectures to React.

Flat-Design Best Practices

Avoid the negative side effects of flat design by clearly differentiating between clickable and unclickable elements.

Mythbuster’s Guide to Accessibility

Too often, we’ve seen others neglect accessibility because of some common misconceptions that make things difficult. In this post, we’ll debunk these myths, so you can easily create universally accessible content.

Offtopic