fullPage.js
A simple and easy to use library to create fullscreen scrolling websites (also known as single page websites or onepage sites). It allows the creation of fullscreen scrolling websites, as well as adding some landscape sliders inside the sections of the site.
A perfect plugin for web slides...
https://alvarotrigo.com/fullPage/
Fork it here: https://github.com/alvarotrigo/fullPage.js/
Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
A simple and easy to use library to create fullscreen scrolling websites (also known as single page websites or onepage sites). It allows the creation of fullscreen scrolling websites, as well as adding some landscape sliders inside the sections of the site.
A perfect plugin for web slides...
https://alvarotrigo.com/fullPage/
Fork it here: https://github.com/alvarotrigo/fullPage.js/
Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Alvarotrigo
fullPage.js
Great Javascript library to create fullscreen scrolling websites
Looking for inspiration to work on VueJS?
Here is a showcase site you would like to watch and tinker with...
https://madewithvuejs.com/
Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Here is a showcase site you would like to watch and tinker with...
https://madewithvuejs.com/
Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Madewithvuejs
Vue.js Showcase - Made With Vue.js
A collection of projects made with Vue.js – Websites, UI Components, Frameworks, Apps and more!
Building a Hangman Game with Vue.js
Working on a project that you are motivated to build is one of the most effective ways to learn how to code. This is a fun little project to learn about Vue.js, HTML and CSS.
To build the Hangman game, we will explore a few of Vue’s core features:
* Declarative Rendering and Template Syntax.
* List Rendering.
* Event Handling and Methods.
* Conditional Rendering.
https://www.30platforms.com/post/building-a-hangman-game-with-vue-js/
Video Tutorial: https://www.youtube.com/watch?v=y4yf5DRJI6k
Tinker with this code:
https://github.com/30platforms/vue-hangman-game
Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Working on a project that you are motivated to build is one of the most effective ways to learn how to code. This is a fun little project to learn about Vue.js, HTML and CSS.
To build the Hangman game, we will explore a few of Vue’s core features:
* Declarative Rendering and Template Syntax.
* List Rendering.
* Event Handling and Methods.
* Conditional Rendering.
https://www.30platforms.com/post/building-a-hangman-game-with-vue-js/
Video Tutorial: https://www.youtube.com/watch?v=y4yf5DRJI6k
Tinker with this code:
https://github.com/30platforms/vue-hangman-game
Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
30 PLATFORMS
Building a Hangman Game with Vue.js { 30 PLATFORMS }
Working on a project that you are motivated to build is one of the most effective ways to learn how to code. This is a fun little project to learn about Vue.js, HTML and CSS. Click New Game above to try the finished product.
Introduction to Vue.js Vue.js…
Introduction to Vue.js Vue.js…
DraxtJS
Draxt is a utility module for selecting and manipulating filesystem objects in a Node.js environment. It uses glob patterns as its "selector engine". draxt also provides several DOM-like interfaces representing filesystem objects which build on promisified APIs for the fs and fs-extra modules.
Fork it here:
https://github.com/ramhejazi/draxt
Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Draxt is a utility module for selecting and manipulating filesystem objects in a Node.js environment. It uses glob patterns as its "selector engine". draxt also provides several DOM-like interfaces representing filesystem objects which build on promisified APIs for the fs and fs-extra modules.
Fork it here:
https://github.com/ramhejazi/draxt
Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
GitHub
GitHub - ramhejazi/draxt: draxt.js – NodeList/jQuery-like package for File System (node.js)
draxt.js – NodeList/jQuery-like package for File System (node.js) - GitHub - ramhejazi/draxt: draxt.js – NodeList/jQuery-like package for File System (node.js)
Want to create Duotone effect on Images ?
Explore this design tool to easily create and generate Duotone images.
https://cssduotone.com/
Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Explore this design tool to easily create and generate Duotone images.
https://cssduotone.com/
Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Cssduotone
CSS Duotone Generator
Create CSS Duotones quickly for free
AJAX
Asynchronous JavaScript + XML, while not a technology in itself, is a term coined in 2005 by Jesse James Garrett, that describes a "new" approach to using a number of existing technologies together, including HTML or XHTML, Cascading Style Sheets, JavaScript, The Document Object Model, XML, XSLT, and most importantly the XMLHttpRequest object.
https://developer.mozilla.org/en-US/docs/Web/Guide/AJAX
Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Asynchronous JavaScript + XML, while not a technology in itself, is a term coined in 2005 by Jesse James Garrett, that describes a "new" approach to using a number of existing technologies together, including HTML or XHTML, Cascading Style Sheets, JavaScript, The Document Object Model, XML, XSLT, and most importantly the XMLHttpRequest object.
https://developer.mozilla.org/en-US/docs/Web/Guide/AJAX
Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
MDN Web Docs
Making network requests with JavaScript - Learn web development | MDN
Another very common task in modern websites and applications is making network requests to retrieve individual data items from the server to update sections of a webpage without having to load an entire new page. This seemingly small detail has had a huge…
Uploading Files with AJAX
The ability to communicate with a web server without reloading the page has revolutionised how web applications are built. The primary technology that enables AJAX (XMLHttpRequests) has evolved significantly since the initial conception of dynamic websites.
A nice feature added to XMLHttpRequests in recent years is the ability to handle file uploads. Traditionally many developers have resorted to using technologies like Flash to upload files to a server. The problem with this approach is that the user needs to have a third-party browser plugin installed.
In this post you’ll learn how to upload files to a server using native JavaScript technologies. The example we’re going to use supports uploading multiple files in a single request. However, you can apply the same principles to single-file uploads too.
http://blog.teamtreehouse.com/uploading-files-ajax
Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
The ability to communicate with a web server without reloading the page has revolutionised how web applications are built. The primary technology that enables AJAX (XMLHttpRequests) has evolved significantly since the initial conception of dynamic websites.
A nice feature added to XMLHttpRequests in recent years is the ability to handle file uploads. Traditionally many developers have resorted to using technologies like Flash to upload files to a server. The problem with this approach is that the user needs to have a third-party browser plugin installed.
In this post you’ll learn how to upload files to a server using native JavaScript technologies. The example we’re going to use supports uploading multiple files in a single request. However, you can apply the same principles to single-file uploads too.
http://blog.teamtreehouse.com/uploading-files-ajax
Join @javascriptdaily for more updates of Daily JavaScript / JS community news, links and events.
Treehouse Blog
Uploading Files with AJAX [Article] | Treehouse Blog
In this post you'll learn how to upload files to a web server using AJAX.
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.
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.
This media is not supported in your browser
VIEW IN TELEGRAM
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.
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.
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.
GitHub
GitHub - haml/haml: HTML Abstraction Markup Language - A Markup Haiku
HTML Abstraction Markup Language - A Markup Haiku. Contribute to haml/haml development by creating an account on GitHub.
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.
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.
Medium
Flexbox — The Animated Tutorial
In my previous tutorial I dumped all of the flex diagrams in one place to show you flex box bird’s eye view — but it’s not enough.
**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.
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.
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.
jamesthom.as
Serverless Machine Learning With TensorFlow.js - James Thomas
Using TensorFlow.js for Machine Learning on Serverless Cloud Platforms. Use serverless Node.js functions for visual recognition on image files using …
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.
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.
velocityjs.org
Velocity.js
Velocity.js: An incredibly fast animation engine for motion designers.
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.
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.
stuk.github.io
JSZip
Create .zip files using JavaScript. Provides a simple API to place any content generated by JavaScript into a .zip file for your users.
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 ;)
JSON table editor is a minimal, yet flexible table editor written in javascript. It can format cells.
Fork the code from the same repository ;)