Dragula: Drag and drop so simple it hurts


Drag and drop so simple it hurts

Browser support includes every sane browser and IE7+. (Granted you polyfill the functional Array methods in ES5)

Framework support includes vanilla JavaScript, Angular, and React.

Try out the demo!

Have you ever wanted a drag and drop library that just works? That doesn’t just depend on bloated frameworks, that has great support? That actually understands where to place the elements when they are dropped? That doesn’t need you to do a zillion things to get it to work? Well, so did I!

Super easy to set up
No bloated dependencies
Figures out sort order on its own
A shadow where the item would be dropped offers visual feedback
Touch events!
Seamlessly handles clicks without any configuration
You can get it on npm.

npm install dragula –save

Or bower, too.

bower install dragula –save

Or a CDN.

If you’re not using either package manager, you can use dragula by downloading the files in the dist

Original URL: http://feedproxy.google.com/~r/feedsapi/BwPx/~3/SIjtwwUDnq4/dragula

Original article

Ways scientists use Slack

Illustration by the project twins

When geneticist Daniel MacArthur checks into his lab, the first thing he does is fire up Slack, a workplace messaging app. In the system, he zips through the hundreds of messages and files left in different channels by the lab’s 23 scientists — some reporting on their projects, others requesting help. The lab’s members have posted more than 400,000 messages on Slack since April 2014 — a rate of nearly 500 per day. For MacArthur, who works at the Broad Institute of MIT and Harvard in Cambridge, Massachusetts, the tool has rendered irrelevant many of the ways that his lab previously used to communicate about papers and projects — especially e-mail. E-mail, says MacArthur, is “genuinely awful” and “actually disastrous for group communication”. His inbox, a jumble of vendor announcements, administration notices and other random requests, contains some 17,500 unread items. Slack, by contrast, is focused: because

Original URL: http://feedproxy.google.com/~r/feedsapi/BwPx/~3/w1ElNKwqXro/how-scientists-use-slack-1.21228

Original article

Show HN: Remember – A progressive Todo app


What is this?

Remember is a progressive modern offline todo (go figure) web-app I built to learn about progressive webapps or PWA. It uses app shell architecture and IndexedDB to make the app available offline.

You can find out more from the blog post here.

The live demo is hosted on firebase. Add the app to your homescreen by selecting ‘Add to Homescreen’ in your browser’s options.

What’s in it?

This project was bootstrapped with Create React App.

Tools I’ve used to bring this to life.

The big ones

Webpack (ES6)
Supporting libraries

react-motion – Animation library using spring dynamics
redux-saga – Side-effects library
react-redux – React/Redux bindings
react-hammerjs – Wrapper around HammerJS
localforage – Wrapper library around IndexedDB
classnames – Utility to manage css classes
color-string – Utility to manipulate color-strings
shortid – Utility to generate unique ids
sw-precache – Generate service-worker boilerplate
Available Scripts

In the project directory, you can run:

yarn start

yarn run build

yarn run build-offline

Original URL: http://feedproxy.google.com/~r/feedsapi/BwPx/~3/3QU-8Kwx7sQ/remember

Original article

Proudly powered by WordPress | Theme: Baskerville 2 by Anders Noren.

Up ↑

%d bloggers like this: