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

QuerySelector method in JavaScript

Jan 15, 2021

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...

View
Pure HTML-CSS accordion or collapsible panel using Details and Summary tags

Pure HTML-CSS accordion or collapsible panel using Details and Summary tags

Jan 14, 2021

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...

View
JavaScript callback function with examples

JavaScript callback function with examples

Jan 13, 2021

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...

View
Must know Laravel artisan commands cheat sheet

Must know Laravel artisan commands cheat sheet

Jan 11, 2021

Laravel gives developers a Command Line interface - Artisan. Artisan commands line tool is very handy for building a Laravel application. With this co...

View
Redirect website from http to https using htaccess

Redirect website from http to https using htaccess

Oct 12, 2019

  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...

View
Create a Horizontal Scrolling Menu

Create a Horizontal Scrolling Menu

Sep 24, 2019

How To Create a Horizontal Scrolling Menu The answer is much simple than you thought. The basic idea -  - A container or a wrapper (parent )...

View
Scroll to top of the page - A simple React component

Scroll to top of the page - A simple React component

Sep 17, 2019

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...

View
Clear cache in Laravel

Clear cache in Laravel

Aug 30, 2019

Here is the list of commands to clear all types of cache in the Laravel project. Clear Application Cache  php artisan cache:clear Clear...

View
CSS Counters function tutorial with examples

CSS Counters function tutorial with examples

Mar 7, 2018

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...

View
CSS filter function with example

CSS filter function with example

Jun 2, 2016

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...

View
Select and copy data to clipboard using jQuery

Select and copy data to clipboard using jQuery

Feb 17, 2016

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...

View
3D Text Effect Using CSS3

3D Text Effect Using CSS3

Dec 5, 2015

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...

View
Session in PHP - A Detailed Overview

Session in PHP - A Detailed Overview

Sep 15, 2015

$_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...

View
PHP implode and explode functions for string and arrays

PHP implode and explode functions for string and arrays

Aug 12, 2015

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...

View
Looping over multidimensional array using PHP

Looping over multidimensional array using PHP

Aug 12, 2015

It requires a little more thinking while working with loops in multidimensional arrays. Let’s see the situation here. Say w...

View
PHP array sorting

PHP array sorting

Aug 12, 2015

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...

View
Creating a beautiful CSS3 Button

Creating a beautiful CSS3 Button

Aug 12, 2015

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...

View
Creating Full Width Rotated Divs Using CSS3

Creating Full Width Rotated Divs Using CSS3

Aug 12, 2015

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...

View
Ternary operator in PHP

Ternary operator in PHP

Aug 11, 2015

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...

View
Floated Div and it's uses

Floated Div and it's uses

Aug 9, 2015

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...

View

Subscribe For Newsletter