Collective #524

Inspirational Website of the Week: Kubikfoto³ A great design with wonderful details and smooth transitions. Our pick this week. Get inspired This content is sponsored via Syndicate Ads Website Builder Software With Your Branding This B2B platform fits designers, freelancers, agencies and anyone who Read more

Collective #381

dreamt up by webguru in Uncategorized | Comments Off on Collective #381








C381_workerize

Workerize

With Workarize you can move modules into Web Workers in a simple way, automatically reflecting exported functions as asynchronous proxies.

Check it out



C381_tinywins

Tiny Wins

Joel Califa writes about the little changes he made in GitHub that had a great impact.

Read it






C381_cheatsheet

CSSCS

Adam Marsden made this useful CSS cheatsheet with links to the related MDN entries.

Check it out




C381_generator

plait.py

Plait.py is a program for generating fake data from composable yaml templates.

Check it out


C381_canvas

canvas-area

Canvas-area is an HTML container element that acts as a controller parent for one or more canvas elements. Made by Stefan Goessner.

Check it out





Collective #381 was written by Pedro Botelho and published on Codrops.


Source: Codrops, Collective #381

Learning Elm From A Drum Sequencer (Part 1)

dreamt up by webguru in Uncategorized | Comments Off on Learning Elm From A Drum Sequencer (Part 1)

If you’re a front-end developer following the evolution of single page applications (SPA), it’s likely you’ve heard of Elm, the functional language that inspired Redux. If you haven’t, it’s a compile-to-JavaScript language comparable with SPA projects like React, Angular, and Vue.
Like those, it manages state changes through its virtual dom aiming to make the code more maintainable and performant. It focuses on developer happiness, high-quality tooling, and simple, repeatable patterns.
Source: Smashing Magazine, Learning Elm From A Drum Sequencer (Part 1)

Designing Friction For A Better User Experience

dreamt up by webguru in Uncategorized | Comments Off on Designing Friction For A Better User Experience

In experience design, friction is anything that prevents users from accomplishing their goals or getting things done. It’s the newsletter signup overlay covering the actual content, the difficult wording on a landing page, or the needless optional questions in a checkout flow. It’s the opposite of intuitive and effortless, the opposite of “Don’t make me think.”
Having said that, friction can still be a good thing sometimes. In game design, for example, friction is actually required.
Source: Smashing Magazine, Designing Friction For A Better User Experience

Visual Studio Code Can Do That?

dreamt up by webguru in Uncategorized | Comments Off on Visual Studio Code Can Do That?

About two years ago, I begrudgingly opened Visual Studio Code (VS Code) for the first time. The only reason I even did so is that I was working on a TypeScript project (also quite begrudgingly) and I was tired of fighting with the editor and the compiler and all of the settings that I needed to make a TypeScript project work. Someone mentioned to me that TypeScript “just works” in VS Code and I was pleasantly surprised to find that they were right.
Source: Smashing Magazine, Visual Studio Code Can Do That?

Collective #380

dreamt up by webguru in Uncategorized | Comments Off on Collective #380








C380_dot

Dotgrid

Dotgrid is a vector tool that works by adding control points and connecting them with different line-types. Read more about it here.

Check it out









C380_docu

Docusaurus

In case you missed it: Docusaurus is a project for easily building, deploying, and maintaining open source project websites.

Check it out




C380_eel

Eel

A Python library for making Electron-like offline HTML/JS GUI apps. By Chris Knott.

Check it out





Collective #380 was written by Pedro Botelho and published on Codrops.


Source: Codrops, Collective #380

Ghost Button Design: Is This Really Still A Thing (And Why)?

dreamt up by webguru in Uncategorized | Comments Off on Ghost Button Design: Is This Really Still A Thing (And Why)?

For such a small design element, buttons sure are a complicated one to tackle. It makes sense, what with call-to-action buttons serving as the next step in your visitors’ path to conversion. Mess that up and you might as well say “bye-bye” to business.
Though we have a good understanding of the types of button design rules that universally work, there will be times when you’re surprised by a rogue element that performs well.
Source: Smashing Magazine, Ghost Button Design: Is This Really Still A Thing (And Why)?

Dwelling On The Past: The Importance Of Self Reflection (Part 2)

dreamt up by webguru in Uncategorized | Comments Off on Dwelling On The Past: The Importance Of Self Reflection (Part 2)

Current and aspiring web professionals must continually grow in order to stay relevant. Our field doesn’t allow for stagnation. In part one of this series, I discussed the importance of project retrospectives in facilitating and documenting team growth. We don’t always have the luxury of engaging in team retrospectives, or even of working on teams. Personal reflection provides similar benefits, while focusing on your individual experiences.
Personal reflection enables us to process and make meaning of all of the great (and not so great) learning and working experiences we’ve had.
Source: Smashing Magazine, Dwelling On The Past: The Importance Of Self Reflection (Part 2)

Collective #379

dreamt up by webguru in Uncategorized | Comments Off on Collective #379






C379_framework

lit

A tiny CSS framework that aims to preserve everything Skeleton, Milligram, and other micro frameworks have to offer. By Arham Jain.

Check it out




C379_stimulus

Stimulus

A JavaScript framework that doesn’t take over your complete front-end but adds to it.

Check it out







C379_headless

headless-devtools

Headless-devtools lets you perform Chrome DevTools actions from your code by leveraging Headless Chrome with Puppeteer.

Check it out



C379_feedback

Fizzl

A tool for collecting design feedback quickly and easily. Free for the first couple of months.

Check it out





Collective #379 was written by Pedro Botelho and published on Codrops.


Source: Codrops, Collective #379

The Rise Of The State Machines

dreamt up by webguru in Uncategorized | Comments Off on The Rise Of The State Machines

It’s 2018 already, and countless front-end developers are still leading a battle against complexity and immobility. Month after month, they’ve searched for the holy grail: a bug-free application architecture that will help them deliver quickly and with high quality. I am one of those developers, and I’ve found something interesting that might help.
We have taken a good step forward with tools such as React and Redux. However, they’re not enough on their own in large-scale applications.
Source: Smashing Magazine, The Rise Of The State Machines

The Front-End Performance Challenge: Winners And Results

dreamt up by webguru in Uncategorized | Comments Off on The Front-End Performance Challenge: Winners And Results

A few weeks ago, we asked our readers and the community to use everything they could to make their websites and projects perform blazingly fast. Today, we’re thrilled to show off the results of this challenge and announce the winner who will be awarded with some smashing prizes indeed!
What prizes, you ask? The winner wins a roundtrip flight to London, full accommodation in a fancy hotel, a ticket to SmashingConf London 2018, and last but not least, a Smashing workshop of their choice.
Source: Smashing Magazine, The Front-End Performance Challenge: Winners And Results