eliortabeka

Square Loading animation using clip-path

Square Loading animation using clip-path example.

A Pen by Elior Shalev Tabeka on CodePen.

License.

eliortabeka

Circle Loading animation using clip-path

Circle Loading animation using clip-path example.

A Pen by Elior Shalev Tabeka on CodePen.

License.

eliortabeka

Triangle Loading animation using clip-path

Triangle Loading animation using clip-path example.

A Pen by Elior Shalev Tabeka on CodePen.

License.

eliortabeka

Button Hover Effect with box-shadow

Button Hover Effect with box-shadow property

A Pen by Elior Shalev Tabeka on CodePen.

License.

eliortabeka

Remix CodePen Challenge

Check out the Remix competition page for details of prizes and updates of the winners!

Random Background using pseudo elements and Sass SVG Animations for Social Icons CSS Animations

A Pen by Elior Shalev Tabeka on CodePen.

eliortabeka

While attempting to explain JavaScript's reduce method on arrays, conceptually, I came up with the following - hopefully it's helpful; happy to tweak it if anyone has suggestions.

Intro

JavaScript Arrays have lots of built in methods on their prototype. Some of them mutate - ie, they change the underlying array in-place. Luckily, most of them do not - they instead return an entirely distinct array. Since arrays are conceptually a contiguous list of items, it helps code clarity and maintainability a lot to be able to operate on them in a "functional" way. (I'll also insist on referring to an array as a "list" - although in some languages, List is a native data type, in JS and this post, I'm referring to the concept. Everywhere I use the word "list" you can assume I'm talking about a JS Array) This means, to perform a single operation on the list as a whole ("atomically"), and to return a new list - thus making it much simpler to think about both the old list and the new one, what they contain, and

eliortabeka

[
    {
        "hex": "#EFDECD", 
        "name": "Almond", 
        "rgb": "(239, 222, 205)"
    }, 
    {
        "hex": "#CD9575", 
        "name": "Antique Brass", 
        "rgb": "(205, 149, 117)"

eliortabeka

// functions/income/counter.function.js

'use strict'

const functions = require('firebase-functions')
const admin = require('firebase-admin')

// Prevent firebase from initializing twice
try { admin.initializeApp(functions.config().firebase) } catch (e) {}