or Phenomenal woman: the Maya Angelou songs ; and, Songs without words / Capathia Jenkins & Louis Rosen By library.mit.edu Published On :: Sun, 13 Oct 2019 07:14:16 EDT MEDIA PhonCD J R722 phe Full Article
or Dear Evan Hansen: original Broadway cast recording / music and lyrics by Benj Pasek, Justin Paul By library.mit.edu Published On :: Sun, 27 Oct 2019 07:08:05 EDT MEDIA PhonCD P263 dea Full Article
or Complete works for solo piano / Tchaikovsky By library.mit.edu Published On :: Sun, 27 Oct 2019 07:08:05 EDT MEDIA PhonCD T782 piamu a Full Article
or Project W: works by diverse women composers. By library.mit.edu Published On :: Sun, 27 Oct 2019 07:08:05 EDT MEDIA PhonCD C432 pro Full Article
or Crossings: contemporary music for Chinese instruments / Chen, Liang, McClure, Roy, Stallmann, Walczak By library.mit.edu Published On :: Sun, 3 Nov 2019 07:04:08 EST MEDIA PhonCD L729 cro Full Article
or Double concertos: Brahms, Rihm, Harbison / Mira Wang, Jan Vogler, Royal Scottish National Orchestra, Peter Oundjian By library.mit.edu Published On :: Sun, 3 Nov 2019 07:04:08 EST MEDIA PhonCD W18412 dou Full Article
or More field recordings / Bang on a Can All-Stars By library.mit.edu Published On :: Sun, 3 Nov 2019 07:04:08 EST MEDIA PhonCD B2253 mor Full Article
or A Bronx tale: original Broadway cast recording / music by Alan Menken ; lyrics by Glenn Slater By library.mit.edu Published On :: Sun, 3 Nov 2019 07:04:08 EST MEDIA PhonCD M526 bro Full Article
or The greatest showman: original motion picture soundtrack / original songs by Benj Pasek & Justin Paul By library.mit.edu Published On :: Sun, 3 Nov 2019 07:04:08 EST MEDIA PhonCD P263 gre Full Article
or Anima sacra / Jakub Józef Orliński ; Il Pomo d'Oro ; Maxim Emelyanychev By library.mit.edu Published On :: Sun, 15 Dec 2019 06:08:17 EST MEDIA PhonCD Or53 ani Full Article
or Nattfiolen / Jordsjø By library.mit.edu Published On :: Sun, 22 Dec 2019 07:18:54 EST MEDIA PhonCD P J767 nat Full Article
or --as if the mesh of words were broken--: Lieder in the late 20th century and beyond. By library.mit.edu Published On :: Sun, 22 Dec 2019 07:18:54 EST MEDIA PhonCD L566 as Full Article
or Korean women's voices. By library.mit.edu Published On :: Sun, 19 Jan 2020 07:15:40 EST MEDIA PhonCD C45073 kor Full Article
or Refracted resonance: contemporary music for guitar. By library.mit.edu Published On :: Sun, 26 Jan 2020 07:17:22 EST MEDIA PhonCD C315 ref Full Article
or Secular choral music / Gregory Hutter By library.mit.edu Published On :: Sun, 26 Jan 2020 07:17:22 EST MEDIA PhonCD H977 chomu Full Article
or Speak, be silent / Chaya Czernowin, Anna Thorvaldsdóttir, Mirela Ivičević, Liza Lim, Rebecca Saunders By library.mit.edu Published On :: Sun, 2 Feb 2020 07:58:42 EST MEDIA PhonCD R479 spe Full Article
or Tangos for Yvar / Aharonián, Babbitt, Berkman, Biscardi, Fennelly, Finch, Hill, Johnson, Mumford, Nichifor, Nobre, Nyman, Pender, Piazzolla, Rzewski, Schimmel, Vigeland, Wolpe By library.mit.edu Published On :: Sun, 2 Feb 2020 07:58:42 EST MEDIA PhonCD Sh97 tan Full Article
or Chaos theory: song cycles for prepared saxophone / Sam Newsome By library.mit.edu Published On :: Sun, 16 Feb 2020 07:07:47 EST MEDIA PhonCD J N479 cha Full Article
or Tootsie: the comedy musical / music and lyrics by David Yazbek ; book by Robert Horn ; based on the story by Don McGuire and Larry Gelbart and the Columbia Pictures motion picture By library.mit.edu Published On :: Sun, 16 Feb 2020 07:07:47 EST MEDIA PhonCD Y29 too Full Article
or "We, like Salangan swallows...": a choral gallery of Morton Feldman and contemporaries / the Astra Choir ; John McCaughey, director By library.mit.edu Published On :: Sun, 23 Feb 2020 07:46:19 EST MEDIA PhonCD As89 we Full Article
or Missa Grecorum & motets / Jacob Obrecht By library.mit.edu Published On :: Sun, 23 Feb 2020 07:46:19 EST MEDIA PhonCD Ob6 vocmu Full Article
or Stax '68: a Memphis story. By library.mit.edu Published On :: Sun, 23 Feb 2020 07:46:19 EST MEDIA PhonCD P St289 six Full Article
or 2 orchestra pieces / Christian Wolff By library.mit.edu Published On :: Sun, 23 Feb 2020 07:46:19 EST MEDIA PhonCD W8332 orcmu Full Article
or Blossoms and cannons: a birthday collage: for piano and pre-recorded sounds / Elliott Schwartz By library.mit.edu Published On :: Sun, 23 Feb 2020 07:46:19 EST MEDIA CD Mu pts Sch94.6 blo Full Article
or Prog: A cornucopia of delights By library.mit.edu Published On :: Sun, 23 Feb 2020 07:46:19 EST MEDIA PhonCD ML5.P76 v.100 Full Article
or Works for cello and piano / Rautavaara By library.mit.edu Published On :: Sun, 23 Feb 2020 07:46:19 EST MEDIA PhonCD R194 insmu a Full Article
or Garlands for Steven Stucky / Gloria Cheng, piano ; Peabody Southwell, mezzo-soprano ; Carolyn Hove, oboe By library.mit.edu Published On :: Sun, 23 Feb 2020 07:46:19 EST MEDIA PhonCD C422 gar Full Article
or 99 words / Sir John Tavener ; Roxanna Panufnik By library.mit.edu Published On :: Sun, 23 Feb 2020 07:46:19 EST MEDIA PhonCD V85088 nin Full Article
or Baby I've got it!: More Motown girls. By library.mit.edu Published On :: Sun, 23 Feb 2020 07:46:19 EST MEDIA PhonCD P B1191 ive Full Article
or Ses premiers interprètes: His first performers / Debussy By library.mit.edu Published On :: Sun, 23 Feb 2020 07:46:19 EST MEDIA PhonCD D354 sel c Full Article
or Instruments of revelation / Victoria Bond By library.mit.edu Published On :: Sun, 23 Feb 2020 07:46:19 EST MEDIA PhonCD B64 sel Full Article
or Piano works / Charles Gounod By library.mit.edu Published On :: Sun, 23 Feb 2020 07:46:19 EST MEDIA PhonCD G741 piamu Full Article
or Complete cello suites / JS Bach ; transcribed for violin By library.mit.edu Published On :: Sun, 15 Mar 2020 07:17:48 EDT MEDIA PhonCD B122 suvc ar d Full Article
or Preach sister, preach: new vocal works of Evan Williams, Katherine Bodor, Evan Mack. By library.mit.edu Published On :: Sun, 15 Mar 2020 07:17:48 EDT MEDIA PhonCD J685 pre Full Article
or Silvergrass & other orchestral works: Jian mang hua / Shih-Hui Chen By library.mit.edu Published On :: Sun, 15 Mar 2020 07:17:48 EDT MEDIA PhonCD C4199 orcmu Full Article
or Trilogy 2 / Chick Corea, Christian McBride, Brian Blade By library.mit.edu Published On :: Sun, 22 Mar 2020 07:03:42 EDT MEDIA PhonCD J C432 tri2 Full Article
or Boston Symphony commissions / Timo Andres, Eric Nathan, Sean Shepherd, George Tsontakis By library.mit.edu Published On :: Sun, 22 Mar 2020 07:03:42 EDT MEDIA PhonCD B657 bos Full Article
or String quartets 1, 2 & 3 / Eleanor Alberga By library.mit.edu Published On :: Sun, 22 Mar 2020 07:03:42 EDT MEDIA PhonCD Al133 quas1-3 Full Article
or I madrigali a cinque voci / Cipriano de Rore By library.mit.edu Published On :: Sun, 12 Apr 2020 08:04:52 EDT MEDIA PhonCD R6919 mad1 Full Article
or Music for wind band. John Philip Sousa By library.mit.edu Published On :: Sun, 26 Apr 2020 07:50:59 EDT MEDIA PhonCD So85 bamu a v.19 Full Article
or RBI likely to issue licence for small, payments banks by August By www.business-standard.com Published On :: Tue, 02 Jun 2015 18:41:00 +0530 Reserve Bank of India is likely to issue the licence for either Small or Payments Banks by August Full Article
or Web Tools #346 - JS Quiz, Code Editors, React, Testing Tools By mailchi.mp Published On :: Thu, 05 Mar 2020 14:00:00 +0000 Web Tools Weekly WEB VERSION Issue #346 • March 5, 2020 Advertisement Be in the Know on Emerging New Trends Subscribe to our mailing list to receive reports on the latest trends in products, markets, companies, and styles. We constantly analyze over 300,000 blogs, forums, portals and social media accounts to keep track of the emergence of new trends at the earliest stages. Try it now! If you love little JavaScript coding challenges that teach you about the basics of the language, you'll enjoy TypeOfNaN JavaScript Quizzes, a project by Nick Scialli and a number of other contributors. TypeOfNan JavaScript Quizzes Even after writing JavaScript for many years, I still find it hard to believe how many of such questions I get wrong. Ultimately, I don't think that matters unless I'm live coding in front of an audience or something. Debugging is part of the workflow so even if we get something subtle wrong initially, we can usually figure out the problem and fix it. What we are aiming for in most cases is an end result, not necessarily a process. But a little quiz like this can definitely enhance your understanding, and that can't hurt! And if you like interesting little JavaScript tidbits like I often share in this newsletter, don't forget that I've compiled all my previous tutorials with updated demos and code samples in an e-book bundle you can grab from Leanpub. Now on to this week's tools! Text Editors, IDEs, etc. Be in the Know on Emerging New Trends Subscribe to our mailing list to receive reports on the latest trends in products, markets, companies, and styles. We constantly analyze over 300,000 blogs, forums, portals and social media accounts to keep track of the emergence of new trends at the earliest stages. sponsored Debug Visualizer A VS Code extension for visualizing data structures while debugging. Works best with JavaScript/TypeScript. Also tested with C#, Java, and PHP. Works with any language that you can debug in VS Code. Lens.vim An automatic window resizing plugin for Vim. Automatically resizes windows when their content exceeds their window dimensions, but does so respecting some minimum and maximum resize bounds. guijs A multi-purpose native Windows and Mac app to help you manage your development projects. Has features for projects, package installation, script management, and more. OpenChakra Full-featured visual editor and code generator for React using Chakra UI (the React component library). Autocode An online IDE for connecting APIs together, for makers and developers alike. Codecov A code coverage solution to improve your code review workflow and quality. Provides highly integrated tools to group, merge, archive, and compare coverage reports. CodeinCloud Provides managed and dedicated cloud IDEs, hosted private cloud solutions and DevOp pipelines. Users can access on-demand IDEs for development. Markdown App Online or native WYSIWYG editor for Markdown for Mac, Windows, and Linux. iHateRegex Interactive regex cheatsheet for searching for common or complex regular expression solutions. Peacock VS Code plugin to subtly change the color of your workspace. Ideal when you have multiple VS Code instances and you want to quickly identify which is which. Courses by Wes Bos (Master Packages!) on Sale for $97: Advanced React (68 HD Videos) ES6+ for Everyone (77 HD Videos) Beginner JavaScript (88 HD Videos) React for Beginners (29 HD Videos) Testing and Debugging Tools >&campaign_id=f4daed5baf&device=desktop&v=0.14" style="padding-bottom: 12px;max-width: 568px;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" width="568"> Haxor Helps you support and learn from developers as they build with your products. See how developers use your product by watching their screens, code changes, and open applications. Kasaya A "WYSIWYG" (kind of) scripting language and run-time for browser automation. Blisk Now at version 12+. A developer-oriented browser that provides businesses with a development workspace for teams and freelancers to develop and test modern web applications twice as fast. Hexometer All-in-one website maintenance and performance monitoring tool that continuously monitors and reports 2800+ data points. Beautify.log A Node.js library to beautify console.logs with colors, making them easier to read and more useful. virtual-module Evaluate a module in a sandbox with in-memory module resolution. findead Dead React components finder to find components no longer in use. ci-detect Detect what kind of CI environment the program is in (e.g. Jenkins, GitLab, Netflify, Travis-CI, etc). Zoya A highly composable logging library written in TypeScript, used for both client and server applications. React Tools >&campaign_id=f4daed5baf&device=desktop&v=0.14" style="padding-bottom: 12px;max-width: 568px;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" width="568"> >&campaign_id=f4daed5baf&device=mobile&v=0.14" style="width: 100%;max-width: 386px;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" width="386"> Edtr.io A customizable edit-in-place WYSIWYG component for enabling user-editable pages in React. resourcerer Declarative data-fetching and caching framework for REST APIs with React. react-typical React typing animation in ~400 bytes of JavaScript. React Tiny Fab A tiny (~700 byte gzip'd) WAI-ARIA compliant floating action button for React. The home page has the button working in the bottom right corner if you want to see what this does. react-roughviz a thin React wrapper around roughViz, the library for creating sketchy/hand-drawn styled charts in the browser. react-ga A JavaScript module that can be used to include Google Analytics tracking code in a website or app that uses React for its front-end codebase. React Awesome Slider React content transition slider. A 60fps, lightweight, performant component that renders an animated set of production-ready general purpose sliders. React Tippy A lightweight tooltip library for React based on Tippy.js and powered by Popper.js. react-adal Azure Active Directory Library (ADAL) support for React. iframe-resizer-react The official React interface for iFrame Resizer, a library that auto-resizes height and width of same- and cross-domain iframes to fit their contained content. React Puzzle Confirm This is kind of odd. It's a modal to "confirm" (kind of like a captcha) by fitting a puzzle piece using a slider. A Tweet for Thought According to reports, Corona beer sales are not down due to confusion with Coronavirus (despite some false claims). But I did like this tweet by Kelly Vaughn on that subject. Got a Tool Suggestion? Made something? Send links via Direct Message on Twitter @WebToolsWeekly (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email. Before I Go... Speaking of code editors, Codewerks is a new project that is running a Kickstarter for "software using a streamlined iPad interface that gives you all the flexibility of a Linux machine." Thanks to everyone for subscribing and reading! Keep tooling, Louis webtoolsweekly.com @WebToolsWeekly PayPal.me/WebToolsWeekly WTW on YouTube Full Article
or Web Tools #348 - Remote Work, CSS Tools, React, Build Tools By mailchi.mp Published On :: Thu, 19 Mar 2020 13:30:00 +0000 Web Tools Weekly WEB VERSION Issue #348 • March 19, 2020 Advertisement via Syndicate Have Happier, More Productive Video Meetings Team.video makes it easier and faster for remote teams to work together by offering user friendly video meetings with agendas, collaborative notes, and emoji responses. No download required and it’s free to use. Try Team.video for FREE! What's happening around the world right now is unprecedented, but I don't think I have to tell you that. Wherever you are, I hope you and our family members are healthy and I hope you've been able to continue some semblance of work, assuming you're able to do your job remotely, as most developers probably are. I think most of us that didn't previously work remotely will be looking for or recommending new tools for our remote teams, and even the occasional article on remote work life and work culture will be greatly beneficial. Productivity is essential during the current pandemic Over the past year, I've been curating a second newsletter that you might enjoy if you've been newly converted to remote work. It's called Tech Productivity, and it's always a brief newsletter with about 10-12 links that include productivity-related tools (like video conferencing, Slack plugins, note taking apps, etc.) as well as productivity-related articles. Some of the articles cover things like brain science while others are just simple tip-based posts on freelancing and working on side projects. Basically, any kind of content that can help tech workers be more productive. And if you're missing the "productivity tools" category that I used to include in this newsletter, well those tools are now in Tech Productivity, so this one can stay focused on developer-related tools. Now on to this week's tools! CSS and HTML Tools Have Happier, More Productive Video Meetings Team.video makes it easier and faster for remote teams to work together by offering user friendly video meetings with agendas, collaborative notes, and emoji responses. No download required and it’s free to use. via Syndicate Remake A framework to build web apps and prototypes using nothing but HTML. Editable areas, sortable items, sign-up/log in functionality, and more. Aeon A lightweight date time picker built with web components that can be used anywhere. Selectors Explained Interactive online tool to translate CSS selectors into plain English. Utopia A one-stop resource for implementing fluid responsive designs, allowing you to elegantly scale type and space without breakpoints. Neumorphism.io Generate CSS for elements that have 'soft UI' (i.e. 3D box shadows and lighting). PurgeCSS Now at version 2+. Too to remove unused CSS as part of your development workflow. Leonardo Generate colors based on a desired contrast ratio. Tailwind Colors Color configuration tool for Tailwind CSS, the popular CSS utility framework. FasterChrome A Chrome extension that implements instant.page, the popular link pre-loading library, to make page loads and navigation feel faster. Generate Color Simple online tool to generate a graduated color palette from one or two predefined color. React Tools Tech Productivity Newsletter A brief newsletter featuring tools and articles for remote work, work culture, learning science, and more – all to help you be more productive. promoted usePlaceCage A React hook for placecage.com, the image placeholder service that inserts images of, you guessed it, Nicolas Cage. React Query Devtools Debugging tool for React Query, the library of React hooks for fetching, caching, and updating asynchronous data in React. Venti A global state solution for React. React Nice Dates A responsive, touch-friendly, and modular date picker library. React Google Static Maps A React wrapper for Google's Static Maps API. Craft.js In Beta. A React framework for building powerful and feature-rich drag-n-drop page editors. react-suspense-fetch A primitive library for React Suspense Render-as-You-Fetch. Drab A React CLI that makes it easier to do monotonous tasks like creating a component or page with styles, creating a service, or creating a hook. use-axios-client Make requests with Axios (the promise-based HTTP client for the browser and node) using React hooks. use-tensorflow A React hook for TensorFlow.js (the JavaScript library for machine learning to detect objects and poses easily. Build Tools, Bundlers, etc. Tech Productivity Newsletter A brief newsletter featuring tools and articles for remote work, work culture, learning science, and more – all to help you be more productive. promoted esbuild An extremely fast JavaScript bundler and minifier. Built with Go, but I don't believe that is a barrier to entry for those who don't use Go. Create Next App The easiest way to create a React app with server-side rendering via Next.js. Yarn The popular package manager alternative to npm is now at version 2+. why-npm-i-so-long A small utility to help troubleshoot when installing npm dependencies takes a long time. vue-loader A webpack loader for Vue single-file components. svelvet A CLI Svelte compiler and watcher that works with Snowpack, the popular build tool. one-click.js One click, offline, CommonJS modules in the browser. Gasket Framework maker for JavaScript applications, building and scaffolding boilerplate as well as essential elements for libraries and layers of apps to integrate together during runtime. antd-dayjs-webpack-plugin A webpack plugin for Day.js, the immutable date library alternative to Moment.js. shoulders Quickly view a list of open issues for the open-source packages that your project depends on. A Tweet for Thought As Kelly Vaughn points out, the current pandemic might lead to some interesting new changes to the work force, even after things have improved and things start running normally again. Send Me Your Tools! Made something? Send links via Direct Message on Twitter @WebToolsWeekly (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email. Before I Go... With some extra home time nowadays, you might enjoy Radiooooo, the musical time machine. Thanks to everyone for subscribing and reading! Keep tooling, Louis webtoolsweekly.com @WebToolsWeekly PayPal.me/WebToolsWeekly Full Article
or Web Tools #349 - DOM Snippets, Front-end Frameworks, Media, Uncats By mailchi.mp Published On :: Thu, 26 Mar 2020 14:00:00 +0000 Web Tools Weekly WEB VERSION Issue #349 • March 26, 2020 Advertisement via Syndicate Have Happier, More Productive Video Meetings Team.video makes it easier and faster for remote teams to work together by offering user friendly video meetings with agendas, collaborative notes, and emoji responses. No download required and it’s free to use. Try Team.video for FREE! Although I often include quick DOM scripting tips in the intro of this newsletter, for this week, I'm just going to point you to a great little resource that was sent to me by reader Phuoc Nguyen: HTML DOM It's more or less a repository of basic, intermediate, and advanced native DOM scripting snippets. HTML DOM: A resource of native DOM snippets Here are some of the advanced and intermediate examples: Make a draggable element Resize columns of a table Sort a table by clicking its headers Calculate the size of the scrollbar Communicate between an iframe and parent window There are more than 80 tips currently listed and I'm sure he'll add more later. Even if you don't necessarily use any of the snippets in a real project right away, there are plenty of little coding tidbits you can glean form the example code, which is all just vanilla JavaScript with no library or framework involved. So check out HTML DOM, I'm sure you'll have lots to investigate! Now on to this week's tools! Front-end Frameworks Have Happier, More Productive Video Meetings Team.video makes it easier and faster for remote teams to work together by offering user friendly video meetings with agendas, collaborative notes, and emoji responses. No download required and it’s free to use. via Syndicate chakra-ui-vue A set of accessible and composable Vue components that you can use to build your favourite applications and sites. Pixel Lite A beautifully crafted, responsive UI kit based on Bootstrap 4 that includes 100 components, 3 plugins, and 3 example pages. next-typescript-materialui-jest-starter Very opinionated starter boilerplate for projects based on Next.js, setup with Typescript, Material-UI, and Jest. React SaaS Template Template for building a SaaS app or admin website using React + Material-UI. web3-react A simple, extensible, dependency-minimized framework for building modern Ethereum decentralized apps. Tailwind UI A UI components library, crafted by the creators of Tailwind CSS. neo.mjs A Web Workers-driven UI framework. LitElement A simple base class for creating fast, lightweight web components. Makes it easy to define web components – ideal for building a UI design system. Ionic React React version of Ionic Framework. 100+ mobile optimized React UI components. Standard React tooling with react-dom. Accessible Components Scott O'Hara's repo that lists all the accessible widgets and components he's built. StarAdmin A free responsive admin template built with Bootstrap 4. Media Tools Tech Productivity Newsletter A brief newsletter featuring tools and articles for remote work, work culture, learning science, and more – all to help you be more productive. promoted Croppola Upload a photo and this tool will use AI to crop the photo for you automatically, or you can crop it manually and download the result. Image to Colors Online tool that extracts colors from any photo on upload. Nuxt Optimized Images Automatically optimizes images used in Nuxt.js projects (JPEG, PNG, SVG, WebP and GIF). Twilio Video React App Demonstrates a multi-party video application built with twilio-video.js and Create React App. react-particle-image React component to render images as interactive particles. There's an interactive demo using the React logo that's pretty cool. CoreUI Icons Premium designed free icon for web and mobile, available in SVG, webfont, and raster formats. DotMatrix.js A small, performant class-based, dot matrix library with animated movements that respond to mouse/touch events. react-calendar-heatmap A calendar heatmap component built on SVG, inspired by GitHub’s commit calendar graph. Chessboard Image Modify chess pieces on a virtual chess board, to create chess positions, then download the image for use wherever you want. Might be cool for a chess tutorial website or blog. Video Language A language for making movies. Combines the power of a traditional video editor with the capabilities of a full programming language. The Uncategorizables Tech Productivity Newsletter A brief newsletter featuring tools and articles for remote work, work culture, learning science, and more – all to help you be more productive. promoted Mailcoach A self-hosted email list manager. It integrates with services like Amazon SES, Mailgun, Postmark, or Sendgrid to send out mailings affordably. Backstage Open-source developer portal that puts the developer experience first by means of a a unified front end for all your infrastructure tooling. dstack.ai Collaborative data exploration. Enables individual data scientists and their teams to publish, share, and track data visualizations. TAGX Allows you to create video highlights and annotate the interesting parts of a video. Enter a YouTube, Vimeo, or direct video link to start annotating. cs.opensource.google A search engine to search Google's open source projects (Angular, Dart, Flutter, Go, etc). Cotter One-click secure phone number login for your apps. Phrase Automate localization processes. Edit language files online with your team of translators or order translations into more than 60 languages. It's a Live Lets you mimic a live coding presentation by prerecording the presentation, which gets triggered by random keystrokes as if you were really coding. EasyCSV Import spreadsheets into your App, Zapier, Google Sheets, Salesforce, or any public API in minutes. Pico Platform to create paywalled content, subscriptions, newsletters, etc. A Tweet for Thought This underappreciated Tweet by Adam Greenough should be the dev-related Tweet of the year. Send Me Your Tools! Made something? Send links via Direct Message on Twitter @WebToolsWeekly (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email. Before I Go... If you've got a lot of extra time at home (and you should!) you might like Codepip. There you'll find a number of different interactive online games that teach you various aspects of front-end development. Thanks to everyone for subscribing and reading! Keep tooling, Louis webtoolsweekly.com @WebToolsWeekly PayPal.me/WebToolsWeekly Full Article
or Web Tools #351 - JS Utilities, Media Tools, Uncategorizables By mailchi.mp Published On :: Thu, 09 Apr 2020 14:30:00 +0000 Web Tools Weekly WEB VERSION Issue #351 • April 9, 2020 Advertisement via Syndicate Working From Home? Try Team.Video Team.video makes it easier and faster for remote teams to work together by offering user friendly video meetings with agendas, collaborative notes, and emoji responses. No download required and it’s free to use. Try Team.video for FREE! Last week I covered a really simple introduction to the HTML Drag and Drop API, for those of you who have never used it before. The demo has the minimum code required to produce a drag and drop example. Let's take that a little further and incorporate the dataTransfer object, which has methods and properties that can be used in the midst of a drag and drop operation. First, I can use the setData() method of the dataTransfer object, which I'll incorporate in the midst of my event listener when listening for a dragstart event (an event I didn't need to use in the previous demo). The relevant line looks something like this (where "e" is the event object): e.dataTransfer.setData('text/html', box.innerHTML) As you can see, the setData() method takes two arguments: The data type and the data itself. In this case, the data is simply the innerHTML of the dragged element. This is the first step in transferring data: Setting the data, which happens when the element is initially dragged. The next key line in my code will be using the getData() method. In this case, I'll use it when the drop event is triggered on my drop area element: this.style.background = e.dataTransfer.getData('text/html') The data that I'll be grabbing is text that represents a valid CSS color keyword, which will be inside each draggable element. The data could be a lot of things, but in this case I'm just using some text for demo purposes. And as you can see, the text sets the background color of the drop area element. See the full working demo here There's naturally a lot more code there, but it's fairly straightforward. I'm looping over the draggable boxes to add the event listeners to each one. The setData() and getData() methods are used within that loop to obtain and apply the color info. Try dragging any of the boxes into the drop area to see the background of the drop area change. You can even try changing the HTML to use different colors (any valid CSS color value will work). As long as the color is valid, the background of the drop area element will change to that color. And that's a basic way to use the dataTransfer object when working with the Drag and Drop API. Now on to this week's tools! JavaScript Utilities Working From Home? Try Team.Video Team.video makes it easier and faster for remote teams to work together by offering user friendly video meetings with agendas, collaborative notes, and emoji responses. No download required and it’s free to use. via Syndicate Van11y Bit of an older project that I just discovered. A collection of customizable, accessible scripts for rich interface elements, built using progressive enhancement. Rsup Progress A simple progress bar with promises support. Heapify A very fast JavaScript priority queue, implemented using a binary heap, with no dependencies. Nano Events Simple and tiny (72 bytes) event emitter library for JavaScript. Chardin.js Simple overlay instructions for your apps. Kind of like those 'app tour' plugins, but just a single overlay pointing stuff out. Serialize JavaScript Serialize JavaScript to a superset of JSON that includes regular expressions and functions. FullCalendar A JavaScript calendar plugin, great for displaying events with drag-and-drop capabilities and an API for extending its functionality. defu Utility to recursively assign default properties. Clack A modern keyboard shortcut library written in Typescript. Sharect.js A lightweight (2.9Kb gzipped and minified) JavaScript library to let users share text selections to social networks in desktop browsers (like Medium). Uppload A better JavaScript image uploader. Highly customizable with 30+ plugins, open-source, and can be used with any file uploading back end. Media Tools (SVG, Video, Audio, etc.) Beginner JavaScript by Wes Bos is 50% Off! The master package includes 88 HD videos, part of 15 modules – and course updates are free forever. promoted mediasoup Cutting-edge WebRTC video conferencing. The perfect choice for building multi-party video conferencing and real-time streaming apps. gifcap Create animated GIFs in your browser from a screen recording. Client-side only, no data is uploaded. Tabler Icons A set of over 400 free MIT-licensed high-quality SVG icons for you to use in your web projects. Each icon is designed on a 24x24 grid and a 2px stroke. Video Puppet Using a markdown file, create a video (with captions) from a chosen set of images, audio files and smaller video clips. Exifr The fastest and most versatile JavaScript EXIF reading library. Seamless Pattern Generator Create seamless, repeatable royalty free patterns for your website, or to download as SVG, JPEG or PNG. Resoundly Produce a podcast simply by typing the content and this app will convert it to speech. Spline Easily create 3D web experiences without coding. Build and iterate fast with production-ready results. Photo Stream Self-hosted, super simple photo stream. Built with Ruby and seems to require either Netlify or Jekyll. Ionicons Premium designed icons for use in web, iOS, Android, and desktop apps. Support for SVG and web font. The Uncategorizables Advanced React & GraphQL by Wes Bos is 50% Off! The master package includes 68 HD videos, part of 10 modules – and course updates are free forever. promoted Brim Desktop application to efficiently search large packet captures and logs from Zeek (the network security monitoring tool). StartNames Produces brandable ideas for domain names in a Twitter stream, based on actual domains that are for sale. WMS Everywhere Chrome extension to help you research search volume, advertising cost per click, and related keywords inside Google search results – free and on-demand. PDF.js Express Add a PDF.js viewer with out-of-the-box annotation, PDF form fill, and signing. Based on Mozilla's PDF.js (for parsing and rendering PDFs). AsyncAPI Open source tools to easily build and maintain your event-driven architecture. All powered by the AsyncAPI specification, the industry standard for defining asynchronous APIs. Weglot Allows you to make your website multilingual in minutes and to manage all your translations effortlessly. Our Site Updates An easy way to post updates to your website (e.g. via easy to install banners) and keep visitors informed. RightFont An innovative, beautiful and professional font manager app for Mac, helping designers preview, install, sync, and manage their font files. PingPong Remote user interviews and user tests made simple. Extract Article Text Lets you easily extract boilerplate-free text from news articles, blogs, press releases, and company pages with a single API request. Commerce Drop‑in e‑commerce for any website with a single line of code. Serverless, real‑time, and API‑first. A Tweet for Thought When you're living in a tech bubble like many of us are, it's hard to believe there are people this naive. Send Me Your Tools! Made something? Send links via Direct Message on Twitter @WebToolsWeekly (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email. Before I Go... This is amazing: Open and Shut lets you send messages in Morse code by repeatedly slamming your laptop shut. So if you've been kidnapped and forced to give up all your passwords or something...? Thanks to everyone for subscribing and reading! Keep tooling, Louis webtoolsweekly.com @WebToolsWeekly PayPal.me/WebToolsWeekly Full Article
or Web Tools #355 - Frameworks, Testing Tools, JS Utilities By mailchi.mp Published On :: Thu, 07 May 2020 14:00:00 +0000 Web Tools Weekly WEB VERSION Issue #355 • May 7, 2020 Promotion 123FormBuilder Gold Plan: Lifetime Subscription For a one-time fee of $39.99 (usually $299.88/year) you get a lifetime subscription to the gold plan (20 forms/month, 5000 submissions/month). A web-based form and survey builder with a no-code drag-and-drop editor, 1000+ form templates, integration with Google Sheets, MailChimp, Dropbox, and more. Check it Out Here When creating interfaces using HTML's Drag and Drop API (various aspects of which I've covered in recent issues), it's important to note that some elements on a web page are already 'draggable' by default. And you've no doubt noticed this. The spec explains that the following elements are draggable by default: A text selection An image An `a` element with an `href` attribute Every element on the page that doesn't explicitly have the draggable attribute set has a draggable value of "auto". But that doesn't mean you can check for a value of "auto". As the spec says, if an element's draggable attribute is not set to either true or false: "...the element's draggable content attribute has the state auto. If the element is an img element, an object element that represents an image, or an a element with an href content attribute, the draggable IDL attribute must return true; otherwise, the draggable IDL attribute must return false." In other words, the browser will automatically set the draggable value to true or false based on what kind of element it is. Try this CodePen demo to see the effect in action. Notice a few things in the demo: No draggable attributes on the three elements I'm using the Window.getSelection() method to get the selected text after the drag operation begins I'm using preventDefault() when the drop is made to ensure the browser doesn't think something suspicious is happening. If I didn't include this, you'd see a warning before the browser tries to navigate to whatever you drag. Try selecting any one of the three colors in full, or even a portion of the text in those colors to find another valid color value (e.g. "Pink" inside the color "HotPink"). Notice the background of the dropzone will change accordingly. As a side point, you can select any random piece of text on that page and you'll see the browser try to figure out what to do with the text if you drop it onto the dropzone. This is similar to dragging an image (which is naturally draggable) into a new page and then the browser visits the URL of that image. BTW - if you like these kinds of JavaScript tips, you'll love my e-books bundle. Now on to this week's tools! Front-end Frameworks A No-Code Drag and Drop Form Builder Get a lifetime membership to 123FormBuilder's Gold plan for a one-time fee of $39.99 (usually $299.88/year). 20 forms/month, 5000 submissions/month, 1000+ form templates, integration with Google Sheets, MailChimp, Dropbox, and more. promoted HTML / Sass Jumpstart Minimal, themeable, and scalable Sass/HTML template site. Powered by node-sass and includes stylelint, Prettier, and Autoprefixer, hot-reload via Browsersync. H3 A microframework to build client-side single-page applications (SPAs) in modern JavaScript. Fast Cart A Woocommerce PWA platform for building fast loading, mobile-friendly e-commerce websites. 98.css A CSS library for building retro interfaces that look like Windows 98. Shorthand A utility-based CSS framework that allows you to make unique and modern designs without writing any CSS. Reactron A tiny Electron project configured to work with React as the front end. The project has the minimum code necessary to start a new app. Orbit An open source design system that includes a whole slew of components and utilities for use in your next travel-based app or website. vue-composable General purpose Vue Composition API composable and reactive components written in TypeScript. Hook A dark HTML landing page template built with the aforementioned Shorthand CSS framework. LitElement Starter Template A minimal starter template for a web components app built with LitElement, TypeScript, and Parcel for bundling. Reach UI A set of React components to build accessible React-based design systems. Testing and Debugging Tools ES6 for Everyone by Wes Bos is 50% Off! The master package includes 77 HD videos, part of 21 modules – and course updates are free forever. promoted Eruda Now at version 2+. A console for testing and debugging on mobile browsers. CursedChrome This can be used for malicious purposes, so be wary. A Chrome-extension implant that turns victim Chrome browsers into fully-functional HTTP proxies, allowing you to browse sites as your victims. postMessage-tracker A Chrome extension to track postMessage usage (URL, domain, and stack) both by logging using CORS and also visually as an extension icon. Tempomat Native macOS app for monitoring continuous integration systems. Will it CORS? Test if a URL is CORS friendly (i.e. it's safe to send and the response can be read). Pointer Latency Tests the delay of pointermove events in the current web browser and demonstrates the usefulness/uselessness of pointer prediction. axios A well-known tool but I've never included it here. A Promise-based HTTP client for the browser and Node. FinDOM-XSS A fast and simple DOM based XSS vulnerability scanner via a Shell script. EventReduce Browser Demo A browser demo where the EventReduce algorithm is used in different browser databases so you can test out the performance gains of different queries. Insomnia Now at version 7+. API design platform plus REST and GraphQL client. JavaScript Utilities Advanced React & GraphQL by Wes Bos is 50% Off! The master package includes 68 HD videos, part of 10 modules – and course updates are free forever. promoted emoji-regex A regular expression to match all Emoji-only symbols as per the Unicode Standard. Hegel An advanced static type checker for JavaScript with optional type annotations and is able to prevent runtime type errors. Rosetta A general purpose internationalization library in 292 bytes. SAMD A tiny, static AMD API implementation that allows including AMD modules in regular script tags. Flipswitch.js Pure ES6 library for clipping fixed positioned elements on scroll. useMemoValue() Reuse the previous version of a value unless it has changed. Notyf A small (~3KB) JavaScript library for toast notifications. Responsive, accessible, dependency-free, and easy to integrate with React, Angular and Vue. gen-esm-wrapper CLI tool that makes it easier for module authors to support both ES modules and CommonJS modules for Node.js. prray 'Promisified' Array, compatible with normal arrays, but comes with support for async methods (e.g. mapAsync). qrcode-generator QR code generator implementation in JavaScript, Java, and more. A Tweet for Thought In case you wanted to know how long it takes to load your Twitter timeline over a real 56k connection. Send Me Your Tools! Made something? Send links via Direct Message on Twitter @WebToolsWeekly (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email. Before I Go... Miss the office? Say no more. Thanks to everyone for subscribing and reading! Keep tooling, Louis webtoolsweekly.com @WebToolsWeekly PayPal.me/WebToolsWeekly Full Article
or [ASAP] Electrochemical Oxidative Phosphorylation of Aldehyde Hydrazones By feedproxy.google.com Published On :: Tue, 28 Apr 2020 04:00:00 GMT Organic LettersDOI: 10.1021/acs.orglett.0c01343 Full Article
or [ASAP] Efficient Synthesis of 1,4-Thiazepanones and 1,4-Thiazepanes as 3D Fragments for Screening Libraries By feedproxy.google.com Published On :: Wed, 29 Apr 2020 04:00:00 GMT Organic LettersDOI: 10.1021/acs.orglett.0c01230 Full Article
or [ASAP] Stereochemical Relay through a Cationic Intermediate: Helical Preorganization Dictates Direction of Conrotation in the <italic toggle="yes">halo</italic>-Nazarov Cyclization By feedproxy.google.com Published On :: Thu, 30 Apr 2020 04:00:00 GMT Organic LettersDOI: 10.1021/acs.orglett.0c01330 Full Article
or [ASAP] Photochemical Oxidation Specific to Distorted Aromatic Amines Providing <italic toggle="yes">ortho</italic>-Diketones By feedproxy.google.com Published On :: Thu, 30 Apr 2020 04:00:00 GMT Organic LettersDOI: 10.1021/acs.orglett.0c01190 Full Article