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/
Passwordless SMS & Email Authentication
Passwordless connections in Auth0 allow users to login without the need to remember a password. The benefits of enabling passwordless connections include: Improved user experience, particularly on mobile applications, since users only need an email address or phone number to sign up and the credential used for authentication is automatically validated after sign-up. Enhanced security since …
How to Install PHP on IIS
You can install PHP with FastCGI Extension on IIS 7 / IIS 8 Server. FastCGI is a regular protocol which enables a Web Server to interface with CGI executable files of app structure. The windows most current PHP 4.4.x and PHP 5.x distribution totally support this FastCGI Extension. This article provides step by step description …