background preloader

TogetherJS

TogetherJS
TogetherJS is a free, open source JavaScript library by Mozilla that adds collaboration features and tools to your website. By adding TogetherJS to your site, your users can help each other out on a website in real time! Built for the web. TogetherJS is implemented in JavaScript; no software or plugins to install, and it's friendly with existing web pages, while still letting developers customize the experience. By someone you trust. TogetherJS is built and hosted by Mozilla, so you know it's safe to use.

https://togetherjs.com/

Related:  JavascriptOnline Worktech tools

Node.js real time logging with Winston, Redis and Socket.io, p2 Following up on my last blog post Node.js real time logging with Winston, Redis and Socket.io, p1 I want to get into the integration of winston with Socekt.io to stream logs real time to a browser. So just a quick recap, the idea here is to have a mechanism that logs messages categorized by different levels in the server and displays them at the same time in the browser, keeping the user informed at all times of the action in the back end, or helping a developer spot some bugs without the need to keep an eye on the terminal console or searching for log files buried in the server. Socket.io So first we need to initialize the socket.io lib. This part could be done several different ways, I haven’t found a baseline to follow when initializing and sharing a socket.io handler on express, so if anybody knows please hit me up in the comments. Anyway, the approach I decided to take was:

5 Things to Know About Photoshop Brushes - Digital Photography School A Post By: Helen Bradley Brushes are used a lot in photo editing from removing blemishes and smoothing skin to dodging and burning and painting on masks. Here are five important features of the brush tool in Photoshop. Debuts New Open Source Digital Storytelling Tool - BBG The Broadcasting Board of Governors launched KettleCorn today, a new digital tool that will allow journalists to enhance, remix and share interactive web videos by combining audio and video with live web content. KettleCorn is built on the open source popcorn.js framework, adapting the previously existing Mozilla Popcorn Maker for journalists’ needs. Leveraging open source technologies allows the BBG a cost-effective way to adapt existing technology by building in core features crucial to journalists working in a multilingual, fast-paced environment.

PayPal Releases Kraken to Help Spur Node.js Adoption Michael Vizard, March 7th, 2014 PayPal, looking to provide an additional structure around the Node.js application framework, developed the Kraken implementation, a more secure and scalable framework for building commercial-grade applications. This week, PayPal is making Kraken available to the broader open-source community. Bill Scott, senior director of user interface engineering at PayPal, says Kraken is being shared with the rest of the Node.js community because its adoption outside of PayPal will spur its adoption within PayPal while at the same time making PayPal a more attractive place to work. Every time a technology gets shared with the open source community, Scott says, developers’ enthusiasm for acquiring a skill they could potentially use elsewhere winds up increasing use of that technology by orders of magnitude. Kraken is based on the express Web application framework.

christianalfoni WebApp Enthusiast So this little library Baobab continues to surprise me. The previous article I wrote on this used a strategy where you would lock up all your components, but have a dependency to the state tree of the application in each component that needed it. The individual components could point cursors into the state tree, allowing the component to extract state from the state tree and render itself whenever the cursor notified about a change. This optimized the rendering of React JS and gave a very good FLUX structure to your application. When going isomorphic though... wait, let me explain what an isomorphic app is before we move on. Typically with a single page application you pass only som basic HTML and script tags on the initial page request.

Top 20 Sites like Fiverr - Phill Turner 468EmailShare Spare time work has always been a means of financing a university education, that special something needed or just extra cash to spend. The explosion of the web for business, interest in a hobby and pleasure has expanded the wish to create. This has all initiated the need for everyday people to be able to employ expert ability at realistic cost. Hence the micro worker is born.

Tracker 2.0 enterprise-grade cloud hosting Activate is hosted with Rackspace, a leader in the Gartner "Magic Quadrant" for managed hosting. Activate takes advantage of Rackspace's deep cloud expertise and data center certifications, including SSAE 16 Type II SOC 1, to provide independently verified assurance for secure and reliable data center operations. monitored performance Activate is monitored for performance 24/7 to ensure that we're always one step ahead of potential performance bottlenecks. File: README [Unicorn: Rack HTTP server for fast clients and Unix] Application_TimeoutsCONTRIBUTORSDESIGNFAQHACKINGISSUESKNOWN_ISSUESLICENSELinksNEWSPHILOSOPHYREADMESIGNALSSandboxTUNINGunicorn_1UnicornConfiguratorHttpServerOobGCPrereadInputStreamInputTeeInputUtilWorker unicorn is an HTTP server for Rack applications designed to only serve fast clients on low-latency, high-bandwidth connections and take advantage of features in Unix/Unix-like kernels. Slow clients should only be served by placing a reverse proxy capable of fully buffering both the the request and response in between unicorn and slow clients. Features Designed for Rack, Unix, fast clients, and ease-of-debugging. We cut out everything that is better supported by the operating system, nginx or Rack.Compatible with Ruby 1.9.3 and later. unicorn 4.x remains supported for Ruby 1.8 users.Process management: unicorn will reap and restart workers that die from broken apps.

Backend Apps with Webpack (Part I) Webpack is an amazing tool. It calls itself a "module bundler" but it is much more than that: it provides an infrastructure for building, transforming, and live updating modules. While its wall of configuration options may not be your style, this approach works really well for the problem it's solving. Work At Home Special Report! By: Finance Reports Posted: Sunday, June 5, 2016 "Kelly puts her computer to work and makes money while working from home. She says that Home Profit System has helped change her financial life and recommends it to people as a good opportunity. Have You Ever Considered Beating The Recession?

Accept Mobile Payments with Braintree's Mobile Payment Gateway General What is Braintree? Braintree is a full-stack payments platform that makes it easy to accept payments in your app or website. Our service replaces the traditional model of sourcing a payment gateway and merchant account from different providers. From one touch payments to mobile SDKs and foreign currency acceptance, we provide everything you need to start accepting payments today. Enterprise Free URL Shortener - Free Branded URL Link Shortener - Po.st Po.st Link Shortener is a free URL shortener for brands that turns your shortened URL Links and social audiences into customers across the open web. Use Po.st's free branded url link shortener to create shortened URLs to reach a larger qualified audience on your next display campaign. Paid, owned & earned media working together Your brand’s social media team can improve overall campaign efficiency by tapping into Po.st Link Shortener’s “active audience data” to deliver more ROI from your media investments. Vanity URLs Po.st Link Shortener enables brands to create a branded URL links (for example, that closely relates to your brand and allows you to more closely and privately track your click-through data.

Radium - A React Component Styling Library Radium is a toolset for easily writing React component styles. It resolves browser states and media queries to apply the correct styles to your components, all without selectors, specificity, or source order dependence. How do I do it, then? First, require or import Radium at the top of component file: var Radium = require('radium'); // orimport Radium from 'radium' // If you want to use the <Style /> component you can doimport Radium, { Style } from 'radium' Let's create a fictional <Button> component.

What Is Forex? If you’ve ever traveled to another country, you usually had to find a currency exchange booth at the airport, and then exchange the money you have in your wallet (if you’re a dude) or purse (if you’re a lady) or man purse (if you’re a metrosexual) into the currency of the country you are visiting. You go up to the counter and notice a screen displaying different exchange rates for different currencies. You find “Japanese yen” and think to yourself, “WOW!

Related:  TechWebRessourcesFramework JS