iFrameResizer is a simple library which provides functionality to resize the height of iframe based on it’s content. It’s very useful when we adjust the size of iframe so that we prevent scrolling inside the iframe. Here are reference links. http://davidjbradshaw.github.io/iframe-resizer/ https://github.com/davidjbradshaw/iframe-resizer
New version of XDebug released, which supports PHP8. Main concern for us is XDebug settings are changed.Old XDebug2 settings in php.ini can not be used for XDebug 3 and XDebug will not work. Please check in more details about the changed parameters here. https://xdebug.org/docs/upgrade_guide
Today, almost every application has to be connected and to share data with other applications. The best way to do that is throughAPIs. For a long time there hasn’t been any industry standard for designing and documenting APIs. And API without a good documentation on how to use it, is useless. Because of that, developers have …
Sometimes we face situations when all the tests are passing, we find no bugs, but still, on our users’ part, something broke. By impersonating our users, we can see what they see and track the bugs down easily. We can use laravel-impersonate package for this use case. https://github.com/404labfr/laravel-impersonate The installation and configuration is described in …
Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents. Originally inspired by Salesforce Theo. Figmagic promotes a structured way of assembling design systems. Following the primary principle of atomic design, Figmagic wants you to build from the bottom up, beginning with decomposing the tokens. Tokens shape elements, which form components, …
Github provides github action for CI/CD. For the CI, we could meet some cases to use private packages. In this case, npm run install will have permission problem. So, we need to set ssh agent. – name: Set ssh agent uses: webfactory/ssh-agent@v0.4.1 with: ssh-private-key: ${{ secrets.PRIVATE_SSH_KEY }} Then it will work for a private repository. …
AWS CloudFormation gives you an easy way to model a collection of related AWS and third-party resources, provision them quickly and consistently, and manage them throughout their lifecycles, by treating infrastructure as code. A CloudFormation template describes your desired resources and their dependencies so you can launch and configure them together as a stack. You …
Yup is a JavaScript schema builder for value parsing and validation. Define a schema, transform a value to match, validate the shape of an existing value, or both. Yup schema are extremely expressive and allow modeling complex, interdependent validations, or value transformations. Yup’s API is heavily inspired by Joi, but leaner and built with client-side validation …
Sometimes, we face some usecases to make a mapping object from an array of object. For example, we have a Users array, we need to find a user by tagId. Here tagIdis supposed to be unique. Generally, we may try to use array.find() function to find the object with tagId. But using array.reduce()function in Javascript, …
Slate.js is a rich text editor library similar to Draft.js The most important feature of slate.js is strong customizability. Slate.js itself provides very rich functionalities and we can add our plugin to slate.js very easily. Disadvantage of this library is steep learning curve. More details can be found here: https://docs.slatejs.org/