-------------
📖 Why We Chose Vue.js
—----------
I like vanilla Vue.js personally, although I can reach for vue-resource when I need it. Hooking Vue.js up to existing code is very straightforward.
📖 Why We Chose Vue.js
—----------
I like vanilla Vue.js personally, although I can reach for vue-resource when I need it. Hooking Vue.js up to existing code is very straightforward.
Gitlab
Why we chose Vue.js
Why GitLab went with Vue.js
------------—
Supper Test
—---------—
The motivation with this module is to provide a high-level abstraction for testing HTTP, while still allowing you to drop down to the lower-level API provided by superagent.
Supper Test
—---------—
The motivation with this module is to provide a high-level abstraction for testing HTTP, while still allowing you to drop down to the lower-level API provided by superagent.
GitHub
GitHub - forwardemail/supertest: 🕷 Super-agent driven library for testing node.js HTTP servers using a fluent API. Maintained…
🕷 Super-agent driven library for testing node.js HTTP servers using a fluent API. Maintained for @forwardemail, @ladjs, @spamscanner, @breejs, @cabinjs, and @lassjs. - forwardemail/supertest
-------------
📖 Remote Stories
—----------
Anonymous stories from remote workers
Remote Stories is a platform where remote workers of all kinds can anonymously post their experiences, thoughts, concerns, opinions and, of course, general ups/downs.
📖 Remote Stories
—----------
Anonymous stories from remote workers
Remote Stories is a platform where remote workers of all kinds can anonymously post their experiences, thoughts, concerns, opinions and, of course, general ups/downs.
------------—
Nike+ Running - React Native
—---------—
UI & UX Prototype of redesigned Nike+ Running App.
Nike+ Running - React Native
—---------—
UI & UX Prototype of redesigned Nike+ Running App.
GitHub
GitHub - sonnylazuardi/react-native-nike-running: 🏃 UI & UX Prototype of redesigned Nike+ Running for React Native 📱+ React Native…
🏃 UI & UX Prototype of redesigned Nike+ Running for React Native 📱+ React Native DOM (Web) 🌏 - GitHub - sonnylazuardi/react-native-nike-running: 🏃 UI & UX Prototype of redesigned N...
------------
📖 An Introduction to the BEM Methodology
—---------
BEM stands for Block Element Modifier. It suggests a structured way of naming your classes, based on properties of the element in question. If you’ve ever seen a class name like header__form—email that’s BEM in action. When using the BEM methodology, keep note that we will be using only class names (not IDs). Class names allow you to repeat the BEM name if necessary, and create a more consistent coding structure (both on in the HTML and CSS/Sass files). Now let’s break it down.
📖 An Introduction to the BEM Methodology
—---------
BEM stands for Block Element Modifier. It suggests a structured way of naming your classes, based on properties of the element in question. If you’ve ever seen a class name like header__form—email that’s BEM in action. When using the BEM methodology, keep note that we will be using only class names (not IDs). Class names allow you to repeat the BEM name if necessary, and create a more consistent coding structure (both on in the HTML and CSS/Sass files). Now let’s break it down.
Web Design Envato Tuts+
An Introduction to the BEM Methodology
Let’s face it, we all want to make our code easier to read. Doing so helps us work more quickly and efficiently, and when others work with us we can maintain clarity and coherent semantics. These...
---------------
Preact Starter
—------------
Webpack2 boilerplate for building SPA / PWA / offline front-end apps with Preact
Preact Starter
—------------
Webpack2 boilerplate for building SPA / PWA / offline front-end apps with Preact
GitHub
lukeed/preact-starter
Webpack3 boilerplate for building SPA / PWA / offline front-end apps with Preact - lukeed/preact-starter
-------------
📖 Angular 1 vs Angular 2 – a high-level comparison
—----------
I’m really excited about Angular (....), after having tried it out with a few components, I can see how its easier to learn and more transparent to the developer. Again much of the things described in this post such as Zones will just work.
📖 Angular 1 vs Angular 2 – a high-level comparison
—----------
I’m really excited about Angular (....), after having tried it out with a few components, I can see how its easier to learn and more transparent to the developer. Again much of the things described in this post such as Zones will just work.
CodingpediaOrg
Angular 1 vs Angular 2 – a high-level comparison
Sharing coding knowledge
---------—
Eval JS
—------—
A JavaScript interpreter written in JavaScript.
Why?
You might be working in a JavaScript environment where eval() isn't allowed (and you have a genuinely good reason why you want to use it). Maybe this'll slip under the radar. You could also extend this to make it execute ES6 code in an ES5 environment. PRs welcome!
Eval JS
—------—
A JavaScript interpreter written in JavaScript.
Why?
You might be working in a JavaScript environment where eval() isn't allowed (and you have a genuinely good reason why you want to use it). Maybe this'll slip under the radar. You could also extend this to make it execute ES6 code in an ES5 environment. PRs welcome!
GitHub
GitHub - marten-de-vries/evaljs: A JavaScript interpreter written in JavaScript
A JavaScript interpreter written in JavaScript. Contribute to marten-de-vries/evaljs development by creating an account on GitHub.
----------
📖 What is an isomorphic application?
—-------
Javascript was traditionally the language of the web browser, performing computations directly on a user’s machine. This is referred to as “client-side” processing. With the advent of Node.js, JavaScript has become a compelling “server-side” language as well, which was traditionally the domain of languages like Java, Python and PHP.
📖 What is an isomorphic application?
—-------
Javascript was traditionally the language of the web browser, performing computations directly on a user’s machine. This is referred to as “client-side” processing. With the advent of Node.js, JavaScript has become a compelling “server-side” language as well, which was traditionally the domain of languages like Java, Python and PHP.
Lullabot
What is an isomorphic application?
Isomorphic applications are fast, SEO friendly, and help you to write less code
------------
Seat Preview
—---------
An experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room.
Seat Preview
—---------
An experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room.
GitHub
GitHub - codrops/SeatPreview: An experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room.
An experimental demo where a 3D perspective preview is shown for a selected seat in a cinema room. - codrops/SeatPreview
---------—
📖 What is Code Splitting?
—------—
Code splitting is one of the most compelling features of webpack. It allows you to split your code into various bundles which you can then load on demand — like when a user navigates to a matching route, or on an event from the user. This allows for smaller bundles, and allows you to control resource load prioritization, which if used correctly, can have a major impact on your application load time.
📖 What is Code Splitting?
—------—
Code splitting is one of the most compelling features of webpack. It allows you to split your code into various bundles which you can then load on demand — like when a user navigates to a matching route, or on an event from the user. This allows for smaller bundles, and allows you to control resource load prioritization, which if used correctly, can have a major impact on your application load time.
---------—
📖 Clean Code Javascript
—------—
Not every principle herein has to be strictly followed, and even fewer will be universally agreed upon. These are guidelines and nothing more, but they are ones codified over many years of collective experience by the authors of Clean Code.
Our craft of software engineering is just a bit over 50 years old, and we are still learning a lot. When software architecture is as old as architecture itself, maybe then we will have harder rules to follow. For now, let these guidelines serve as a touchstone by which to assess the quality of the JavaScript code that you and your team produce.
📖 Clean Code Javascript
—------—
Not every principle herein has to be strictly followed, and even fewer will be universally agreed upon. These are guidelines and nothing more, but they are ones codified over many years of collective experience by the authors of Clean Code.
Our craft of software engineering is just a bit over 50 years old, and we are still learning a lot. When software architecture is as old as architecture itself, maybe then we will have harder rules to follow. For now, let these guidelines serve as a touchstone by which to assess the quality of the JavaScript code that you and your team produce.
GitHub
GitHub - ryanmcdermott/clean-code-javascript: Clean Code concepts adapted for JavaScript
Clean Code concepts adapted for JavaScript. Contribute to ryanmcdermott/clean-code-javascript development by creating an account on GitHub.
----------
Helium CSS
—-------
Helium is a tool for discovering unused CSS across many pages on a web site.
The tool is javascript-based and runs from the browser.
Helium accepts a list of URLs for different sections of a site then loads and parses each page to build up a list of all stylesheets. It then visits each page in the URL list and checks if the selectors found in the stylesheets are used on the pages. Finally, it generates a report that details each stylesheet and the selectors that were not found to be used on any of the given pages.
Helium CSS
—-------
Helium is a tool for discovering unused CSS across many pages on a web site.
The tool is javascript-based and runs from the browser.
Helium accepts a list of URLs for different sections of a site then loads and parses each page to build up a list of all stylesheets. It then visits each page in the URL list and checks if the selectors found in the stylesheets are used on the pages. Finally, it generates a report that details each stylesheet and the selectors that were not found to be used on any of the given pages.
GitHub
GitHub - geuis/helium-css: Helium - javascript tool to scan your site and show unused CSS
Helium - javascript tool to scan your site and show unused CSS - geuis/helium-css
------—
Optimize JS
—---—
Optimize a JavaScript file for faster initial execution and parsing, by wrapping all immediately-invoked functions or likely-to-be-invoked functions in parentheses.
Optimize JS
—---—
Optimize a JavaScript file for faster initial execution and parsing, by wrapping all immediately-invoked functions or likely-to-be-invoked functions in parentheses.
GitHub
GitHub - nolanlawson/optimize-js: Optimize a JS file for faster parsing (UNMAINTAINED)
Optimize a JS file for faster parsing (UNMAINTAINED) - nolanlawson/optimize-js
---------—
📖 Backbone Fundamentals
—------—
Backbone.js is a lightweight JavaScript library that adds structure to your client-side code. It makes it easy to manage and decouple concerns in your application, leaving you with code that is more maintainable in the long term.
📖 Backbone Fundamentals
—------—
Backbone.js is a lightweight JavaScript library that adds structure to your client-side code. It makes it easy to manage and decouple concerns in your application, leaving you with code that is more maintainable in the long term.
------—
Vue Hot Reload Loader
—---—
Enable hot module replacement (HMR) on your Vue components.
This loader is for Vue components written in .js (or other non single file components format) file. If you are using .vue file, you don't need this loader because they already have HMR feature.
Vue Hot Reload Loader
—---—
Enable hot module replacement (HMR) on your Vue components.
This loader is for Vue components written in .js (or other non single file components format) file. If you are using .vue file, you don't need this loader because they already have HMR feature.
GitHub
GitHub - ktsn/vue-hot-reload-loader: Enable hot module replacement (HMR) on your Vue components
Enable hot module replacement (HMR) on your Vue components - GitHub - ktsn/vue-hot-reload-loader: Enable hot module replacement (HMR) on your Vue components