Building a WordPress Plugin with Vue
Vue.js is a very popular progressive JavaScript library for building modern and rich user interfaces similar to Angular and React in terms of popularity, performance and component-based architecture. We’ll dive into the entire process of building a very simple WordPress plugin with a Vue interface that interacts with the WordPress REST API through the JavaScript …
GeoIP Detection in WordPress
WordPress plugin: Retrieving Geo-Information using one the Maxmind GeoIP2 databases. (Change your life. Bewerbe dich. yellowtree.de) https://github.com/yellowtree/geoip-detect https://wordpress.org/plugins/geoip-detect/
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.
Sketch Trial
If someone reached to trial in using Sketch App, the following library helps them to increase the trial period for a while. (Tested on Sketch 55.2.) https://github.com/gch1p/sketchtrial
Beeceptor
Beeceptor helps for us to mock and intercept the Rest APIs very easily and quickly Use cases Build a mock Rest API in a few seconds. Free, No coding required. Inspect payloads of any HTTP request (GET, POST, PUT, PATCH, DELETE, etc). Customizable responses to simulate API response and failures. When load testing your API, …
Lazy Loading for iFrame
When we work on the speed optimization of website, it’s important to figure out the iFrame loading issue as it require lots of requests and loading time. In order to fix it, we can apply the lazy loading effect to the iFrame. There are few helpers to implement the lazy loading for iFrame, but the …
Creating a hole in a Div element
Box shadow support almost all modern browsers, so, you can do what you want (I hope, I understood you right) this way: html: css: So, the block will be transparent, and all around it will be hightlighted with its shadow. Example: http://codepen.io/anon/pen/ultKh
Implement security code input form in VueJS
Sometimes we need to add a special form to input the security code using individual input fields. The security code form on Linkedin is one of the example. We can use the following library when we need to implement it in Vue.js projects. https://github.com/ofcold/security-code
laravel-cors
The laravel-cors package allows you to send Cross-Origin Resource Sharing headers with Laravel middleware configuration. Features Handles CORS pre-flight OPTIONS requests Adds CORS headers to your responses Resource: https://github.com/barryvdh/laravel-cors