rfrankster

126 Added | 4 Magazines | 6 Likes | 4 Following | @rfrankster | Keep up with rfrankster on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “rfrankster”

Object Oriented Programming in JavaScript

Object-Oriented Programming is a popular style of programming that has taken root in JavaScript since the beginning.<p>It's so deeply rooted in …

JavaScript

SSE Instead Of WebSockets For Unidirectional Data Flow Over HTTP/2

The main pitfall here is that the number of connections is going to grow linearly with the number of widgets we have and we are going to hit the …

Software Development

Bringing Order to Web Design Chaos (with Web Components)

<i>In my maturation as a Software Engineer, I've found that stories of the problems and solutions that other engineers have encountered to be invaluable</i> …

Web Development

A Comprehensive Guide To User Experience Design

(This is a sponsored article.) Having undertaken initial user research and analyzed your research findings, the next phase of the design process is …

UX Design

7 Website Design Trends for 2018

Imagine a scenario: a client asks what they should do to improve their organic rankings. After a diligent tech audit, market analysis, and a …

UI Design

Weekly News for Designers № 421 - Bootstrap 4, CSS Gridish, Page Transition Effects

10 Bootstrap 4 Code Snippets – A collection of some of the coolest examples to showcase what BS4 has to offer.<p>Bye bye Material Design – A look at why …

Web Design

How JavaScript works: The building blocks of Web Workers + 5 cases when you should use them

This is post # 7 of the series dedicated to exploring JavaScript and its building components. In the process of identifying and describing the core …

JavaScript

10 Laws Of UX, Illustrated

A handy guide for remembering Fitts’s Law, Jakob’s Law, and more.<p>Good design tends to follow general principles that give designers overarching guidelines to work within. But for user experience and interface designers, there are also laws that govern the nitty-gritty. For instance, it’s helpful to …

UX Design

10 Smallest & Fastest Frontend Web Dev Frameworks

You're reading 10 Smallest & Fastest Frontend Web Dev Frameworks, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on …

Handy

10 rules of great user experience

Here's one to bookmark: Laws of UX explores the links between user experience design and 10 key psychological principles, to provide valuable …

UI Design

How To Make A Drag-and-Drop File Uploader With Vanilla JavaScript

As you might expect, you can register event handlers for these events in the same way you register event handlers for most browser events: via …

Web Development

RESTful without HTTP Verbs

<i>note bene: I'm really looking forward to comments that begin, "What about...," or "In addition, ..." as its a great benefit to enumerate additional</i> …

Copy Text to Clipboard Using Javascript

Skptricks html javascript web development Copy Text to Clipboard Using Javascript<p><i>by</i><p>sumit kumar pradhan <i>on</i><p>January 07, 2018January 07, 2018<p><i>in</i> html, …

Weekly News for Designers № 418 - Future of CSS & JavaScript, Bootstrap, CSS Grid, Photoshop for Designers

10 Dev Talks & Presentations on the Future of CSS – A collection of top talks from UX conferences worldwide.<p>From Bootstrap to CSS Grid – Using …

10 Awesome CSS3 Tricks

This article will introduce you to 10 CSS3 tricks that will enhance your website.<p>When CSS was developed around 1995, you could not do much with it …

A quick guide to designing responsive email

As more web traffic continues to move to mobile, designing sites and experiences for different sized screens becomes more important. The trend …

Web Design

The Best JavaScript Frameworks You’re Not Using

Currently there are three front end JavaScript frameworks that dominate the field — React, Vue and Angular. The vast majority of blog posts, …

Front-End Tools: My Favorite Finds of 2017 | CSS-Tricks

By Louis Lazaris On December 28, 2017<p>Another twelve months have passed and I'm sure all of you have come across some interesting new coding …

Web Development

Building a simple static page generator with Node.js

Step 0: List of ingredients (a.k.a. dependencies and need-to-know)<p>npm init — I assume most people are familiar with creating a package, so I’m not …

JavaScript

Node.js Weekly Update - 17 November, 2017

<b>Below you can find RisingStack's collection of the most important Node.js updates, projects & tutorials from this week:</b><p>Node v9.2.0 (Current) released …

JavaScript

How to get started with TypeScript

TypeScript is one of a group of languages that use the JavaScript runtime as execution environment: .ts files containing TypeScript code are compiled …

JavaScript

Introduction to OOP in Javascript

What is this OOP thingy.<p>"<i>Object-oriented programming (OOP) is a programming language model organized around objects rather than "actions" and data</i> …

JavaScript

Top 10 Tools for JavaScript Development

JavaScript holds a firm ground today as one of the most popular programming languages. It is also highly dynamic, constantly evolving and expanding …

JavaScript

Declining Complexity in CSS

At the end of last week, I posted this picture to Twitter and Facebook, and on Twitter it kind of took off. On the left: the 2nd and 3rd editions of …

CSS

Creating Progressive Web Application in 6 simple steps with React.JS

This tutorial uses the boiler plate “<b>ReactPWA</b>” created by my team at Atyantik Technologies Private Limited, and assumes that you have nodejs ≥ 8.4 …

7 Essential HTML Tags that Separate SEO Pros from the Rookies

For many websites, a #1 ranking is the best thing that’s ever happened to them.Let me tell you a little story.A company built a website. It was just …

Loneliness

JavaScript: Learn Promises

JavaScript Promises made easy. Learn the basics in 5 minutes.<p><b>Udemy Black Friday Sale</b> — Thousands of Web Development & Software Development courses …

JavaScript

The 14 JavaScript debugging tips you probably didn't know

Knowing your tools can make a significant difference when it comes to getting things done. Despite JavaScript's reputation as being difficult to …

JavaScript

UI Inspiration: Some more Fresh UI/UX Interactions

We had a pretty good response from last week's article about fresh UI/UX interactions. You guys are suggesting we should do this as a weekly thing? …

UI Design

Hello Stylelint

Stylelint is a great new modern unopinionated CSS linter. It's a must for any project beyond test.html.After my last post about always adding generic …

JavaScript