Angelos Chalaris (Chalarangelo)

23 Added | 1 Magazine | 279 Likes | 9 Following | 4 Followers | @Chalarangelo | Keep up with Angelos Chalaris (Chalarangelo) 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 “Angelos Chalaris (Chalarangelo)”

Copying text to clipboard with JavaScript

<i>In this article, I will be explaining in depth how the</i> <i>copyToClipboard</i> <i>snippet from</i> <i>30 seconds of code</i> <i>works. You can find the source code for it and a</i> …

Web Development

My first open source contribution

In the following article, I will share my story about <b>my very first open source contribution</b> and how it changed my view towards open source …

JavaScript

Takeaways from maintaining an open source project for a month

A month ago, I launched my latest open source project, <b>30 seconds of code</b>. It started out as a simple idea — a small, private collection of Javascript …

JavaScript

30 seconds of code

Adapter<p>ary<p>Creates a function that accepts up to n arguments, ignoring any additional arguments.<p>Call the provided function, fn, with up to n …

JavaScript

30 seconds of code

Curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.<p>UseCtrl+Forcommand+Fto search for a …

JavaScript

Building a simple static page generator with Node.js

Static page generators are great and super convenient when developing reasonably simple websites. I’ve used probably two or three out of what seems …

JavaScript

A Guide to creating Web Applications with React and Redux

In a previous article, I tried to write an in-depth guide to getting started with <b>Progressive Web Apps</b>. Having learnt a great deal since then, along …

JavaScript

30-minute Python Web Scraper

I’ve been meaning to create a web scraper using Python and Selenium for a while now, but never gotten around to it. A few nights ago, I decided to …

Web Development

Release mini.css v2.3.7

• Fixes a couple of bugs with checkbox and radio elements.<br>• Fixes a multitude of bugs with select and option elements.<br>• Updated documentation to reflect …

How to get your first tag badge on StackOverflow — and why it’s important.

Every developer uses StackOverflow in different ways. Some use it to figure out how to fix bugs in their code. Others enjoy being able to …

Stack Overflow

The blue elephant

The doors of the train closed after the annoying beeping sound stopped. A man in his mid-twenties sat across from Lucy, setting down his leather …

A Quick Introduction to Functional Javascript

<b>Functional programming</b> is one of the hottest trends right now and there’s a lot of good arguments about why one might want to utilize it in their …

JavaScript

Javascript Variable Scope & Closures: A Primer

Javascript might seem like a pretty approachable programming language to most people, however certain concepts can prove quite tricky for beginners. …

JavaScript

A Beginner’s Guide to Progressive Web Apps & the Frontend Web

Developing for the frontend web and keeping up with the Javascript ecosystem and all the new terms and flashy frameworks can be intimidating to say …

Web Development

Creating a mobile-friendly navigation using mini.css

<i>In this series, we will be walking through some basic ideas and techniques that will help you get started with</i> <i>mini.css</i><i>, as well as understand the</i> …

UI Design

mini.css

A minimal, responsive, style-agnostic CSS framework<p><b>mini.css</b> is a lightweight CSS framework (under 7KB gzipped) designed with mobile devices and …

mini.css React/Preact libraries - Fast, lightweight mini.css components built with React/Preact

React & Preact Libraries Fast, lightweight components<p>If you want to create a progressive web app, utilize a virtual DOM or just fancy trying React …

Web Development

Using the mini.css card module and media object

<i>In this series, we will be walking through some basic ideas and techniques that will help you get started with</i> <i>mini.css</i><i>, as well as understand the</i> …

Social Media

Designing a simple web page with mini.css

<i>In this series, we will be walking through some basic ideas and techniques that will help you get started with</i> <i>mini.css</i><i>, as well as understand the</i> …

Web Development

Minimal, responsive, style-agnostic CSS framework

MinimalSize matters!<p><b>mini.css</b> aims to provide as much functionality as possible in less than 7KB gzipped. This very small footprint means that your …

Web Development

5 reasons to try out mini.css

In this article, I am going to explain why mini.css is a worthwhile addition to the CSS framework ecosystem, as well as the types of projects that …

Web Design