Rebrandly is the industry-leading link management platform to brand, track and share short URLs using a custom domain name. https://rebrandly.com/
JavaScript Resize Observer
Resize Observer is a new JavaScript API that’s very similar to other observer APIs like the Intersection Observer API. It allows for elements to be notified when their size changes. The most frequent reason for an element’s size to change is when the viewport is resized or the device’s direction changes between portrait and landscape. Up until …
StoryBook
Storybook is a user interface development environment and playground for UI components. The tool enables developers to create components independently and showcase components interactively in an isolated development environment. Storybook runs outside of the main app so users can develop UI components in isolation without worrying about app specific dependencies and requirements. https://storybook.js.org/ It is …
create waveform by FFMPEG from mp3
We can use ffmpeg for several purpose such as encoding. Also we can use it to get waveform file from mp3. This is a command for that. ffmpeg -y -i http://ma-previews.s3.amazonaws.com/preview-251513-CSnH5LgyMq.mp3 -filter_complex “[0:a]aformat=channel_layouts=mono, compand=gain=-6, showwavespic=s=1280×720, colorkey=black, colorchannelmixer=.3:0:0:0:.6:0:0:0:.4:0:0:0[fg]; color=s=1280×720:color=#8cdbac[bg]; [bg][fg]overlay=format=rgb” -frames:v 1 ./result.png
CSS – “position: fixed;”
On the iPhone devices, the position:fixed; property doesn’t work when users try to input the values. For this reason, the DOM element with position:fixed property will be displayed somewhere that we didn’t want. To fix this issue, we can add the following CSS properties while the input board is activated.
Google Console Service
Google provides console service which provides crawl of pages. So, we can create console account, and registers pages on that. Then this service will crawl pages and update status automatically. Also we can register the pages by API.
Tamper monkey chrome extension (supports Firefox, safari as well.)
Tampermonkey is the most popular userscript manager, with over 10 million users. It’s available for Chrome, Microsoft Edge, Safari, Opera Next, and Firefox. Tampermonkey makes it very easy to manage your userscripts and provides features like a clear overview over the running scripts, a built-in editor, ZIP-based import and export, automatic update checks and browser and cloud storage based synchronization. We can …
Material Design for Bootstrap
The world’s most popular framework for building responsive, mobile-first websites and apps.It provides Angular, React, Vue and jQuery versions. https://mdbootstrap.com/
react-sortable-hoc
react-sortable-hoc is an npm package which provides drag & drop, sort functionality for React components. https://github.com/clauderic/react-sortable-hoc Here is demo and documentation of the package. http://clauderic.github.io/react-sortable-hoc/#/basic-configuration/basic-usage?_k=ws01s2 And here is awesome example which uses this package. https://qed42.github.io/react-redux-reorderable-grid/