A basic tutorial for HTML & CSS

HTML & CSS Is Hard to be the only introduction to HTML and CSS that you’ll ever need. If you put in the effort to read every section and write every code snippet, this tutorial has the potential to replace hundreds or even thousand of dollars worth of online courses and live training.

Our goal is to make it as easy as possible for complete beginners to become professional web developers, so if you’ve never written a line of HTML or CSS, but you’re contemplating an expertise, grab a cup of coffee, take a seat, and let’s get to work.

https://internetingishard.com/html-and-css/introduction/

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

An experiment by https://twitter.com/cassidoo using HAML Loops.

https://codepen.io/cassidoo/pen/MBELdq

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

HTML abstraction markup language

Haml (HTML abstraction markup language) is based on one primary principle: markup should be beautiful. It’s not just beauty for beauty’s sake either; Haml accelerates and simplifies template creation down to veritable haiku.

Unspace Interactive and several other professional Rails shops use Haml exclusively for their projects, valuing its focus on cleanliness, readability, and production speed.

http://haml.info/

Fork it from: https://github.com/haml/haml

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

Flexbox — The Animated Tutorial

If a picture is worth a thousand words — how many more animation? Flex cannot be efficiently & fully explained by text or static images. To cement your knowledge of flex here are some animated samples.

https://medium.com/@js_tut/flexbox-the-animated-tutorial-8075cbe4c1b2

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

**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.

Serverless Machine Learning with TensorFlow.js:

http://jamesthom.as/blog/2018/08/13/serverless-machine-learning-with-tensorflow-dot-js/

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.

https://www.instagram.com/p/BooSvD7i_kK/?

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 ;)

https://camwiegert.github.io/baffle/

Follow us @javascriptdaily

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.

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.

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.