JavaScript Daily
11.6K subscribers
34 photos
2 videos
270 links
Daily JavaScript / JS community news, links and events.

"First, software ate the world, the web ate software, and JavaScript ate the web."

'JavaScript' is a trademark of Oracle Corporation in the US. We are not endorsed by or affiliated with Oracle.
Download Telegram
**Learn SVG in 10 Minutes**

SVG, short for Scalable Vector Graphics, is an image format based on XML syntax. Other image formats are based on pixel processing, while SVG makes a shape description for the image, so essentially it is a text file with small size, and will not be distorted no matter how many times it is enlarged.

https://www.tutorialdocs.com/article/svg-learn.html

Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
VelocityJS is an animation engine with the same API as jQuery's $.animate(). It works with and without jQuery. It's incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling.

It is the best of jQuery and CSS transitions combined.

http://velocityjs.org/

Fork it here:
https://github.com/julianshapiro/velocity

Download from:
https://raw.githubusercontent.com/julianshapiro/velocity/master/velocity.min.js

Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
JSZip is a JavaScript library for creating, reading and editing .zip files, with a lovely and simple API.

JSZip is dual-licensed. You may use it under the MIT license or the GPLv3 license.

Learn more:
https://stuk.github.io/jszip/

Fork it here:
https://github.com/Stuk/jszip

Documentation:
https://stuk.github.io/jszip/documentation/api_jszip.html

Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
This media is not supported in your browser
VIEW IN TELEGRAM
https://rajatsingla.github.io/JSON-table-editor/

JSON table editor is a minimal, yet flexible table editor written in javascript. It can format cells.
Fork the code from the same repository ;)
TrackingJS library brings different computer vision algorithms and techniques into the browser environment. By using modern HTML5 specifications, we enable you to do real-time color tracking, face detection and much more — all that with a lightweight core (~7 KB) and intuitive interface.

https://trackingjs.com/

Get documentation here:
https://trackingjs.com/docs.html#introduction

Contribute to:
https://github.com/eduardolundgren/tracking.js/

Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
👍1
JavaScript Weekly: A free, once–weekly email roundup of JavaScript news and articles.

https://javascriptweekly.com/

Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
👉👉 Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Bulma is a modern CSS framework based on Flexbox. As such, the sole output is a single CSS file: bulma.css

You can either use that file, "out of the box", or download the Sass source files to customize the variables.

There is no JavaScript included. People generally want to use their own JS implementation (and usually already have one). Bulma can be considered "environment agnostic": it's just the style layer on top of the logic.

https://bulma.io/

Fork it from:
https://github.com/jgthms/bulma

Comparing and Contrasting with Bootstrap:
https://bulma.io/alternative-to-bootstrap/

Learn Bulma CSS:
https://scrimba.com/g/gbulma

👉👉 Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
👍1
Curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.

https://github.com/30-seconds/30-seconds-of-code

Note that:
* A few of our snippets are not yet optimized for production (see disclaimers for individual snippet issues).
* Snippets are written in ES6, use the Babel transpiler to ensure backwards-compatibility.

Visit:
https://30secondsofcode.org/


👉👉 Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
VulcanJS is a framework that gives you a set of tools for quickly building React & GraphQL-based web applications. Out of the box, it can handle data loading, automatically generate forms, handle email notifications, and much more.

Vulcan is unique in that it spans the full stack, from the database to the browser. While there exists many excellent back-end frameworks or backend-as-a-service providers, these all still require you to handle your front-end code yourself, including building a set of components to read, write, and display data.

But because Vulcan is full-stack, it’s able to speed up these repetitive tasks by providing a whole range of helper components that are fine-tuned to the Vulcan back-end, and as a result just work out of the box.

http://vulcanjs.org/

Fork it here:
https://github.com/VulcanJS/Vulcan

Documentation here:
http://docs.vulcanjs.org/

👉👉 Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
An interesting blog on how AI is changing the Web landscape...


How AI is Changing the Future of Web Design

Wix and TheGrid’s role is to make it easy for people to create their websites minus the difficult coding and technicalities. This makes it easier for users who have no coding experience or knowledge to build and manage their own websites.

By just placing in your preferences and the program automatically does all the formatting and designing for you. However, despite having AI to power their software, users still think that both Wix and TheGrid haven’t fulfilled their expectations.

https://www.smartdatacollective.com/artificial-intelligence-changing-future-web-design/


👉👉 Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Understanding MVC & MVVM design patterns

At its core, any website’s functionality is simply a way in which the front end or the view can reach the appropriate model to retrieve data. In any case, there will always be a model and there will always be a view. What really changes is the way in which the models and views are connected.

The proliferation of programming languages and the steady increase in computing power over these past years has lead to one’s ability to find any solution to any question or problem imaginable within the click of a mouse. Alongside these innovations came new ways to organize our codebases and new ways in which webpages can connect to the data it needs. We should understand that there’s no singular way in which a website can be structured.

👉👉 Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.

#MVC #MVVM #DesignPatterns

https://hackernoon.com/mvc-vs-mvvm-how-a-website-communicates-with-its-data-models-18553877bf7d
https://twitter.com/bketelsen/status/1009989486346948608

👉👉 Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
The mobile web has definitely improved from where it was just a couple years ago. It’s very rare to run into a website that isn’t 100% responsive in design. That said, I don’t think many mobile websites are 100% mobile-first in design.

For an experience to be truly mobile-first, it would need to be faster and have an app shell. Which is exactly what a PWA offers.

https://www.smashingmagazine.com/2018/12/pwa-native-mobile-apps/


👉👉 Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.