Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is …
How to use Google reCaptcha with Vuejs
Google reCaptcha is a great way to keep any spam and fake accounts on your app/website in check. In this tutorial we’re going to look at how to add reCaptcha to register/sign up page of a vuejs app to ensure that whoever signs up is in fact a human being. The flow is as follows. User fills in …
Sorting images automatically in HTML, and implement the gallery module
In real website coding, we are facing some challenges to create the complex gallery module in HTML or on the WordPress landing page sites. Fortunately, there are already pre-built libraries we can use or refer on, so we don’t need to waste our time to re-build them from scratch. Here are some of the image …
Redux-Saga, Redux-Thunk
Redux-saga and redux-thunk are redux middleware libraries, that are designed to make handling side effects(asynchronous things like data fetching) easier to manage and better at handling failures. The difference of those 2 libraries stands on processing the data fetched from back-end api. Redux-thunk handles the data in a callback function and redux-saga uses async-await functions …
Using custom fonts in CSS
On the frontend design, we are apparently facing image blurring issue when we try to use png or svg files as icons or logos. Especially the image blurring issue is happening when we scale the image size. To fix this issue and keep the high resolution of image, and also to improve the site loading …
Using sprites for multiple images in CSS
When we need to use several images in CSS, we can consider about using Sprites technology to improve the site loading speed. Using Sprites in CSS, we can decrease the number of images, which will be directly affect to the decrease the number of HTTP requests. Resources: https://css-tricks.com/css-sprites/ http://www.w3schools.com/css/css_image_sprites.asp https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Images/Implementing_image_sprites_in_CSS
Introduction to popular front end js libraries for better UI/UX
fullPage.js http://alvarotrigo.com/fullPagefullPage.js is a simple and easy to use library to create fullscreen scrolling websites (also known as single page websites or onepage sites). It allows the creation of fullscreen scrolling websites, as well as adding some landscape sliders inside the sections of the site. parallax.js http://matthew.wagerfield.com/parallaxparallax.js reacts to the orientation of your smart device, offsetting …
Ant design – design language with components ready
Ant design is a design language.Ant Design which is specially created for internal desktop applications, is committed to improving the experience of users and product designers. In the process of internal desktop applications development, many different design specs and implementations would be involved, which might cause designers and developers difficulties and duplication and reduce the …
apiary.io – online API Desing Stack
Building great APIs is all about effective collaboration. App developers, testers, architects, product managers, clients, and partners all bring unique perspectives to the design of your APIs. We can use this service when designing REST API. There are a lot of services online. But this is free and easy to use.