Posts
Tag - "Code Snippets"
Browse important and ready to use codes snippets for all your development and design work. Explore code snippets on CSS, HTML, jQuery, PHP, Bootstrap, SASS, Laravel, Ajax etc.
QuerySelector method in JavaScript
In a tree structure, we use a selector in CSS that matches against elements. We use elements, classes, or IDs. Selectors Let's see an example1...
Pure HTML-CSS accordion or collapsible panel using Details and Summary tags
Collapsible panels or accordions have been an important part of the UI experience for a long time. In this article, we will explore HTML5 <details...
JavaScript callback function with examples
The callback function is a must-know concept for developers! What is a function() ? A function is a block of code that does a defined task whe...
Must know Laravel artisan commands cheat sheet
Laravel gives developers a Command Line interface - Artisan. Artisan commands line tool is very handy for building a Laravel application. With this co...
Redirect website from http to https using htaccess
From July 2018, with the release of Chrome 68 - Now your website users know the level of security as google flags your website if your site is...
Create a Horizontal Scrolling Menu
How To Create a Horizontal Scrolling Menu The answer is much simple than you thought. The basic idea - - A container or a wrapper (parent )...
Scroll to top of the page - A simple React component
We are going to create a React button component that when clicked, the page smoothly scrolls back to the top. Here is the simple concept to achieve t...
Clear cache in Laravel
Here is the list of commands to clear all types of cache in the Laravel project. Clear Application Cache php artisan cache:clear Clear...
CSS Counters function tutorial with examples
CSS Counters function CSS 2.1 introduced CSS counters. Using Counters in CSS we can keep track on the placement of any element in the document tree a...
CSS filter function with example
CSS filter functions allow adjusting the color of an element before it is rendered on the site. Though these CSS filter functions are mostly used for...
Select and copy data to clipboard using jQuery
In the web world, it's all about great user experience. Many times we need to use the data to copy paste from one place to another. For inst...
3D Text Effect Using CSS3
CSS3 can be used to create 3D effects for heading and decorations. Here is the basic setup. To give the 3D effect we will use simple&n...
Session in PHP - A Detailed Overview
$_SESSION is a special array used to store information across the page requests a user makes during his visit to your website or web applica...
PHP implode and explode functions for string and arrays
PHP implode and explode functions are very easy to use. In this tutorial, we will learn how to do it. Let’s check it out. There...
Looping over multidimensional array using PHP
It requires a little more thinking while working with loops in multidimensional arrays. Let’s see the situation here. Say w...
PHP array sorting
We know that array is the collection of data in list form, but what if we need to sort the data or sort it in reverse order or if...
Creating a beautiful CSS3 Button
Design matters. If you have interest and passion for front-end designing you have a lot to learn and experiment. So, we gonna create a button and it...
Creating Full Width Rotated Divs Using CSS3
We have used DIVs many times in its best way and it has always served us as expected. Now it’s time to make some interesting lay...
Ternary operator in PHP
The Ternary operator in PHP is a built-in operator that acts like an if statement in PHP. It shares with several other languages. It has an unus...
Floated Div and it's uses
First of all... Why do we need to float div.? That’s the question and answer is quite simple. You want two column as in below image th...