<H1> webtechball </H1> |
<H1> How to filter slides from a slider ? </H1> |
<H1> How to make custom multi-select list using Pug, SASS and jQuery ? </H1> |
<H1> How to make custom animated accordion using Pug, SASS and jQuery ? </H1> |
<H1> How to make text animation using Pug, SASS and jQuery ? </H1> |
<H1> How to make custom radio buttons in CSS or SASS ? </H1> |
<H1> How to make custom popup in jquery ? </H1> |
<H1> How to give animation on the button when it is clicked using SASS and jQuery ? </H1> |
<H1> How to make fully responsive todo list using jQuery ? </H1> |
<H1> Click here to get Code </H1> |
<H1> Instructions to use </H1> |
<H1> How to design one page website with SASS ? </H1> |
<H1> How to change the background, text or a div color on real time with php, mysql, ajax and jQuery ? </H1> |
<H1> Post navigation </H1> |
<H1> Recent Post </H1> |
<H1> Subscribe to Blog via Email </H1> |
<H2> The home of World's best PHP examples </H2> |
<H2> Technologies used :- </H2> |
<H2> To see the demo and source code go to codepen. </H2> |
<H2> </H2> |
<H2> With this example you can create your own custom multi-select list instead of using any plugin. </H2> |
<H2> Technologies used :- </H2> |
<H2> To see the demo and source code go to custom multi-select list </H2> |
<H2> </H2> |
<H2> Instead of using old and boring accordion you can use Custom animated accordion using pug, sass and jQuery. It will give an awesome user interface to the client. And the best part is that we can change the animation effect of the accordion by replacing the class name. To change the class simply go to the animate.css and choose the class which full fill your requirement and paste it in the jQuery code. </H2> |
<H2> Technology used:- </H2> |
<H2> To see the demo and source code go to custom animated accordion </H2> |
<H2> </H2> |
<H2> Display you simple text in an attractive and animated way to your clients. In this example you can write your text in the text field to test the functionality and the animation effect. </H2> |
<H2> In this tutorial I’m going to show you guys how to make fancy and attractive radio buttons. So it’s time to say goodbye to the old radio buttons.
The source code and the video link are below </H2> |
<H2> </H2> |
<H2> In this tutorial I’ll show you guys how to make custom popup with the help of jQuery.
You don’t need bootstrap or any other third party plugin to create your own custom and well organize popup. The Source code and video link are below. </H2> |
<H2> Share if you find this useful. </H2> |
<H2> Hi guys in today’s post I’m going to show you guys how to give animation on the button when user click on it.
So I uploaded the live example on the codepen from where you can see and can edit the file and make some more awesome stuff.
</H2> |
<H2> Share it if this is helpful 🙂 </H2> |
<H2> description:- Hello! In this lesson I’ll show you guys the logic with little example to how to change the background, text or a div color on real time with php, mysql, ajax and jQuery.Maybe you guys have better logics to shorten my code. If you have then please comment below. </H2> |
<H2> So for this lesson make the following files step by step:-1. create database and name it “color”2. create row in database(color) and name it colorname3. Create 2 columns (i) id (ii) colorcode4. Download jQuery file5. Create changebg.php6. Create config.php7. Create insertcolor.php </H2> |
<H2> 1. config.php </H2> |
<H2> 2. changebg.php </H2> |
<H2> 3. insertcolor.php </H2> |
<H2> *NOTE :- I’m providing you pdf files as my wordpress text editor is not working well copy and paste code and make the php files with the same name of files and then goto your browser after making database and then run the changebg.php file.
Live demo is available here </H2> |
<H2> </H2> |
<H2> </H2> |
<H3> Through this blog you’ll be able to filter slides from slick slider by clicking their title tabs. For this we just need the category’s title and only 1 slider and some custom jQuery code. </H3> |
<H3> Pug </H3> |
<H3> SASS </H3> |
<H3> jQuery </H3> |
<H3> Pug </H3> |
<H3> SASS </H3> |
<H3> jQuery </H3> |
<H3> Note:- In the future I will add more features in this example. </H3> |
<H3> Pug </H3> |
<H3> SASS </H3> |
<H3> jQuery </H3> |
<H3> Technology used:- </H3> |
<H3> To see the demo and source code go to Text animation using pug, SASS and jQuery. </H3> |
<H3> Click here to Watch the video </H3> |
<H3> Click here for the Source Code </H3> |
<H3>
Click to watch video </H3> |
<H3> Source Code </H3> |
<H3> To add items:- Click on the add button “+” on the top-right corner. </H3> |
<H3> To edit items:- Click on the label/title and then start typing. Click any where on the screen to save the item you typed. </H3> |
<H3> To delete items:- Click on the delete button (looks like a trash icon) on the right corner of your particular item. </H3> |
<H3> On the web:- http://codepen.io/mukul6996/full/LNKoqx </H3> |
<H3> Comment your mail ID for the Source Code </H3> |
<H3> On the Web http://mukulsoni.com/moviesite/ </H3> |
<H3> </H3> |
Social
Social Data
Cost and overhead previously rendered this semi-public form of communication unfeasible.
But advances in social networking technology from 2004-2010 has made broader concepts of sharing possible.