Servage Magazine

Many websites have animations that trigger when you scroll enough to make the element visible. Today we will see how this works and how you can implement similar animations on your own website using an easy-to-use WOW.js JavaScript library together with ready-made animations from Animate.css. Getting the Required Files Since we are going to use both WOW.js and Animate.css libraries, we have to download and include them in an HTML file. Let’s start with downloading Animate.css, but first a quick introduction to the library. As the name suggests, Animate.css is an animation library built with only CSS. It allows you to animate elements using fading, sliding and many other types of animations. You ...

Laravel, the most popular PHP framework, has recently got an alternative way to manage the framework. Voyager is a graphical admin tool that lets developers to create new models, media, menus and more with a GUI instead of a text-based terminal. Let's go through the features in more detail and see how you can install Voyager for your own web application powered by Laravel. Content Management Using BREAD One of Voyager’s main features is the ability to manage the content of your application using a graphical user interface. By default, you can manage users, user roles, media, pages and posts. Voyager uses BREAD functions to do this, which stands ...

Linting is a term you hear every now and then, but what does it mean? Linting is related to source code analysis, which is something you should do for your code as you develop. After reading this article you will be more familiar with these things. Let’s find out what linting is and how to do it with CSS, JavaScript and PHP code. Linting Explained So, what is this mysterious “linting” people are sometimes talking about? Simply put, linting is a code review method where a program automatically analyses source code to detect issues. Lint was the name given for a C program that was used for this type of code analysis decades ...

A code editor is one of the most important tools of a web developer. It can save you from excessive typing, logical code errors, typos and can provide suggestions for better code. Therefore, you should pay attention to your code editor of choice. We have collected a list of IDEs and tools that are often preferred by professionals as well as editors that were the most popular in 2016. PhpStorm and WebStorm These two development environments are commonly found in companies. PhpStorm is a great choice for PHP development while WebStorm is targeted for JavaScript developers. Both of them also support HTML and CSS, and PhpStorm also supports basic JavaScript. Both of the ...

Underscore is helper library written in JavaScript to make data manipulation easier. One of the most useful features in Underscore is iterating over collections like arrays and JSON objects. It makes working with data much simpler. Furthermore, Underscore can be used as a simple JavaScript template engine. Manipulating Data Let’s go through some common functions provided by the Underscore library for working with basic data. The first one is filter(). We can use this function to filter data from a collection, such as an array. Consider an example where we have a list of user ages. We want to find out how many of the users are over 50. ...

Cross-site request forgery (CSRF) is an exploit that allows a malicious user to send requests on behalf of another user in a web application. Even though protecting applications from CSRF attacks is not very difficult, these vulnerabilities are still fairly common. Now is a perfect moment to learn how to protect your application from such exploits. How CSRF Works A cross-site request forgery attack can happen when a user clicks a malicious link on a website or email message. State-changing operations, such as changing a user’s password should be implemented using POST requests. However, this is not always the case and applications sometimes use GET requests for this type of actions. This is ...