recentpopularlog in

Chirael : javascript   1088

« earlier  
GitHub - feltcoop/why-svelte: Why Svelte is our choice for a large web project in 2020
Svelte is a JavaScript framework for building user interfaces. Its compiler architecture enables amazing tradeoffs for UX and DX. Svelte might be worth your attention, especially if you pine for the web of yore and future.
svelte  webdev  libraries  opensource  design  javascript 
4 weeks ago by Chirael
Thinking in React Hooks
React introduced hooks one year ago, and they've been a game-changer for a lot of developers. There are tons of how-to introduction resources out there, but I want to talk about the fundamental mindset change when switching from React class components to function components + hooks
react  javascript  webdev  libraries  profdev 
december 2019 by Chirael
GitHub - huginn/huginn: Create agents that monitor and act on your behalf. Your agents are standing by!
Huginn is a system for building agents that perform automated tasks for you online. They can read the web, watch for events, and take actions on your behalf. Huginn's Agents create and consume events, propagating them along a directed graph. Think of it as a hackable version of IFTTT or Zapier on your own server. You always know who has your data. You do.
opensource  productivity  javascript 
december 2019 by Chirael
Build your own React
We are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the optimizations and non-essential features.
javascript  react  webdev  profdev 
november 2019 by Chirael
Microsoft’s visual data explorer SandDance open sourced | FlowingData
Microsoft just open sourced their data exploration tool known as SandDance:

For those unfamiliar with SandDance, it was introduced nearly four years ago as a system for exploring and presenting data using “unit visualizations.” Instead of aggregating data and showing the resulting sums as bar charts, SandDance shows every single row of a dataset (for datasets up to ~500K rows). It represents each of these rows as a mark that can be colored and organized into different areas on the screen. Thus, bar charts are made of their constituent units, stacked, or sorted.
javascript  opensource  software  datascience  charts  graphics 
october 2019 by Chirael
wehatecaptchas
That's why we built this captcha alternative. All it takes is one click! No deciphering letters or finding images. Give it a try below!
captcha  security  webdev  libraries  javascript 
september 2019 by Chirael
An Introduction to D3.js
While it might seem like D3.js is an all-encompassing framework, it’s really just a collection of small modules. Here are all of the modules: each is visualized as a circle - larger circles are modules with larger file sizes.
d3  javascript  webdev  datascience  libraries  howto  profdev  graphics 
september 2019 by Chirael
digitaljs: Teaching-focused digital circuit simulator
This project is a digital circuit simulator implemented in Javascript. It is designed to simulate circuits synthesized by hardware design tools like Yosys, and it has a companion project yosys2digitaljs, which converts Yosys output files to DigitalJS. It is also intended to be a teaching tool, therefore readability and ease of inspection is one of top concerns for the project.
hardware  javascript  education  profdev  opensource 
june 2019 by Chirael
Javascript Array.push is 945x faster than Array.concat 🤯🤔 - DEV Community 👩‍💻👨‍💻
If you are merging arrays with thousands of elements across, you can shave off seconds from the process by using arr1.push(...arr2) instead of arr1 = arr1.concat(arr2). If you really to go faster, you might even want to write your own implementation to merge arrays.
javascript  performance  programming 
may 2019 by Chirael
Create pdfs with form fields with Open Source Software
Openoffice can create pdfs with form fields, but does not allow javascript for calulations or validation.

Scribus can create pfds with forms an javascript.
opensource  pdf  javascript  programming 
may 2019 by Chirael
Uppy 1.0: Your best friend in file uploading — Uppy
Initially, the idea was to build a proprietary uploader that would work exclusively with Transloadit’s commercial service, but we quickly turned around on it. We felt our version of a file uploader could have a real impact if we made it more widely available. So, just like Transloadit had done before with Tus, we decided to make Uppy an open-source solution — free for anyone to use and hack on. Transloadit support became an optional plugin.

Three years, 16.000 stargazers, getting featured on Smashing Magazine, JavaScript Daily, Product Hunt, and SurviveJS, and a thriving community later — and we could not be happier to finally launch Uppy 1.0!
javascript  opensource  webdev  tools 
april 2019 by Chirael
Making the obvious code fast - A tour of Go, Java, C#, F#, Rust, Javascript and C
Rust achieves impressive numbers with the most obvious approach. This is super cool. I feel that this behavior should be the goal for any language offering these kinds of higher order functions as part of the language or core library. Using a traditional for loop or a ‘for x in y’ style loop is also just as fast. It is also possible to use rust intrinsics to get the same speed as the AVX2 vectorized C code here, but to use those you have to write out the loop explicitly...

Finally, when we get down to a basic imperative for loop, javascript performs comparably to SEE vectorized C.
...

Go has good performance with the both the usual imperative loop and their ‘range’ idiom which is like a ‘foreach’ in other languages.
Neither auto vectorization nor explicit SIMD support appears to be completely not on the Go radar. There are no map/reduce/fold higher order functions in the standard library, so we can’t compare them. Go does a good thing here by not providing a slow path at all.
performance  c  c#  f#  rust  javascript  go  programming  node 
april 2019 by Chirael
ghacksuserjs/ghacks-user.js: An ongoing comprehensive user.js template for configuring and hardening Firefox privacy, security and anti-fingerprinting
An ongoing comprehensive user.js template for configuring and hardening Firefox privacy, security and anti-fingerprinting
firefox  javascript  privacy 
april 2019 by Chirael
Don’t trust the locals: investigating the prevalence of persistent client-side cross-site scripting in the wild | the morning paper
A security-aware user might refrain from performing any sensitive actions in such an open network, e.g., performing a login or doing online banking. However, using a Persistent Client-Side XSS, the attacker can implant a malicious payload which lies dormant and is used only later to attack a victim. One such scenario is a JavaScript-based keylogger, which is triggered upon visiting the site with infected persistent storage in a seemingly secure environment, e.g., at home.

Defences
When using local storage for unstructured data, always use context-aware sanitisation (i.e., apply the appropriate encoding to prevent escaping) before inserting the data in the DOM.

When using local storage for structured data, use JSON.parse instead of eval. (eval is more liberal in what it accepts, 27 of the domains in the study use data formats resembling JSON that can be parsed with eval, but not by JSON.parse. To which I say, fix your format!).
security  webdev  json  html  javascript 
april 2019 by Chirael
256 Kilobytes | Get These Dependencies Off My Lawn: 5 Tasks You Didn't Know Could be Done with Pure HTML and CSS
Get These Dependencies Off My Lawn: 5 Tasks You Didn't Know Could be Done with Pure HTML and CSS.
Smooth Scrolling is Built into the CSS Standard
HSL Colors are Built Into the CSS Standard
There's a built-in HTML toggle (right triangle expands for detail)
HTML5 Has Built-In Progress Bars and Meters
CSS Variables Exist (As Do Attribute Selectors)

CSS variables exist natively and they're very straightforward to pick up, if they're new to you.

Attribute selectors are another example of native CSS functionality that can solve problems that developers often overcomplicate. Do you want to:

Style all <a> tags (links) that have href values that end with .pdf or that start with "https"?
Style all links that have the rel="nofollow" or target="_blank" attributes?
Style all form inputs with the attribute and value of type="email"?
These are all tasks that can be done purely with CSS attribute selectors with no need for jQuery, SASS, and/or other external dependencies.
css  html  javascript  webdev 
february 2019 by Chirael
Our Software Dependency Problem - research!rsc
Dependency managers now exist for essentially every programming language. Maven Central (Java), Nuget (.NET), Packagist (PHP), PyPI (Python), and RubyGems (Ruby) each host over 100,000 packages. The arrival of this kind of fine-grained, widespread software reuse is one of the most consequential shifts in software development over the past two decades. And if we’re not more careful, it will lead to serious problems.
programming  design  java  javascript  dotnet  php  python  ruby  software  testing  debugging  profdev 
january 2019 by Chirael
Node.js Fundamentals: Web Server Without Dependencies
In this tutorial, though, we’ll build a working server without any dependencies, using only core Node’s http package, exploring all important details one by one. While this is not something you see every day, it can help to understand all these frameworks better – not only existing libraries use this package under the hood, but also often expose raw objects, and you might need to use them for some very specific tasks.
programming  javascript  node  profdev 
december 2018 by Chirael
GitHub - e-oj/Magic-Grid: A simple, lightweight Javascript library for dynamic grid layouts.
Creating a dynamic grid layout has never been easier. With Magic Grid, all you have to do is specify a container and listen for changes. A few other configuration options are available for convenience but it's all very simple. Check it out live on JSFIDDLE. You can read about the implementaion details on CodeBurst.

Note: Every item in the grid must have the same width
javascript  css  webdev  opensource  libraries 
december 2018 by Chirael
Compiler basics: lisp to assembly | notes.eatonphil.com
In this post we'll write a simple compiler in Javascript (on Node) without any third-party libraries. Our goal is to take an input program like (+ 1 (+ 2 3)) and produce an output assembly program that does these operations to produce 6 as the exit code. The resulting compiler can be found here.

We'll cover:

Parsing
Code generation
Assembly basics
Syscalls
And for now we'll omit:

Programmable function definitions
Non-symbol/-numeric data types
More than 3 function arguments
Lots of safety
Lots of error messsages
assembly  lisp  javascript  node  json  programming  profdev 
november 2018 by Chirael
About Database Connection Pool Sizing · brettwooldridge/HikariCP Wiki · GitHub
Configuring a connection pool is something that developers often get wrong. There are several, possibly counter-intuitive for some, principles that need to be understood when configuring the pool.
databases  performance  javascript 
november 2018 by Chirael
Creating a QR Code step by step
This JavaScript demo application visualizes in detailed steps, how a text string is encoded into a QR Code barcode symbol. The content of this page essentially explains and justifies how my QR Code generator library works internally.
algorithms  javascript  opensource  marketing  libraries 
november 2018 by Chirael
howler.js - JavaScript audio library for the modern web
howler.js makes working with audio in JavaScript easy and reliable across all platforms.
audio  javascript  opensource  libraries 
november 2018 by Chirael
Fear, trust and JavaScript: When types and functional programming fail - Reaktor
Or you change the game and just use PureScript. Or ReasonML, or Elm, or even ClojureScript. These exist today. Production software runs on them. They work with the JavaScript ecosystem, where necessary. And they provide a higher base level of trust in the code that you write and an environment where immutability, functional programming, and types (where applicable) work well and work together.

Adopting one of these languages is not going to solve all of your problems. It will introduce its own problems. But it might give you a higher level of basic trust in your code, and better tools to increase or decrease that trust as needed. In my next post, I discuss how these ideas play together in PureScript.

But in JavaScript, the fear is always with you.
javascript  typescript  programming  clojurescript  profdev 
october 2018 by Chirael
« earlier      
per page:    204080120160

Copy this bookmark:





to read