Web Scripts & Tricks

By Dimitar Tsonev | collection of useful resources redy for your next exciting web project

Using Media Queries For Responsive Design In 2018

Back in July 2010, I wrote an article for Smashing Magazine entitled “How To Use CSS3 Media Queries To Create A Mobile Version of Your Website.” …

How to Quickly Add Microinteractions to Your Website

In today’s quick tip I’m going to show you how to add microinteractions to your website using a JavaScript library called micron.js. With micron.js …

What Is Vue.js?

What is Vue.js? In short, it's a progressive framework for building user interfaces using HTML and JavaScript. If you'd like a more detailed …

Push Notifications for Web Browsers

How do you increase the site’s traffic? E-commerce businesses’ main goal is to keep engage their existed subscribers and get the new visitors. There …

jQuery code snippets for responsive websites

Scroll to an elementScrolling endlessly on a smartphone isn’t the most fun thing ever. This is why it can be very useful to set scrolls so your …

Not Just for WordPress: Clean Documentation With WPThemeDoc

WPThemeDoc by Rich Tabor is an HTML template that helps you write documentation for your WordPress theme, or any other project, really quickly, and …

Bubbly Backgrounds: Moving Backgrounds for Your Website

It’s not modern if it doesn’t move. Of course, this also applies to your website’s background. Bubbly Backgrounds are at your service.JavaScript for …

PayPal Express Checkout with PHP and MySQL

Most of the people prefer to shop online which made eCommerce to grow rapidly. But, what makes an excellent eCommerce site for the customers? The …

You can get pretty far in making a slider with just HTML and CSS

A "slider", as in, a bunch of boxes set in a row that you can navigate between. You know what a slider is. There are loads of features you may want …

jQuery and Ajax – Ready to use code snippets for every day

Note: this article doesn’t use the $ shortcut for the jQuery object.Send data using the GET methodjQuery.get() is a shorthand AJAX function, which …

Implementing Webmentions | CSS-Tricks

By Chris Coyier On July 19, 2017 comments, webmentions<p>Direct Link →<p>We get a decent amount of comments on blog posts right here on CSS-Tricks …

Homebase

12 Fun CSS Text Shadows You Can Copy and Paste

Typography is everyone’s favorite toy in web design. One particularly fun tool that CSS gives you to play with your type is <i>text-shadow</i>, which seems …

Ordered List CSS Styles

Styling ordered list numbers with CSS is not as simple as one might think because there is no CSS selector to target list numbers. Styling them is …

8 Best jQuery 360 Degree Image Rotation Plugins

Another creative and awesome jQuery collection is posted only for you guys. In this, post we are presenting 8 best and very useful jQuery 360 degree …

How to Create a Split-Screen Slider With JavaScript

In today’s video tutorial I’m going to show you how to create a “split-screen” slider element (or UI, whatever you prefer to call it) using …

Improving Perceived Performance with Multiple Background Images

I’m on a train right now, which means the wifi is awful. A lot of sites are refusing to load at all, and those that do have lots of images missing, …

Tutorials

How to set up Analytics on your AMP page

In the digital world, whether you’re writing stories for your loyal readers, creating creative content that your fans love, helping the digital …

Ultimate Guide To AMP: Accelerated Mobile Pages

The mobile web grows larger and quicker with each new smartphone purchase. Now that users can browse on a number of devices the importance of speed …

Create Drop Caps Using CSS3

A drop cap is the first letter of a paragraph or a text block that is larger and usually styled differently from the rest of the letters. This can be …

A Tale of `width` and `max-width`

An interesting conversation came up in the comment thread of one of our posts last week, Considerations for Styling a Modal.You might want to limit …

The Essential Meta Tags for Social Media

<i>The following is a guest post by Adam Coti. Follow along as Adam whittles down the necessary meta tags for social media to display rich previews. If</i> …

Google Two Factor Authentication Login with PHP

In our previous post, explains you the login system using PHP with PDO connection. Here is an extra feature that can be added to login system for an …

Timedropper – A jQuery Time Plugin

There’s some programmer joke that says there are two things hard in computer science: naming things and time zones. On second thought, maybe that’s …

Blur Admin: Administration Dashboard HTML Template

This is a layered landing page perfect to feature your new app. It makes an smart use of gradients over shapes and backgrounds, all encased in a fl...<p>…

THREE Image Transition

About External Resources<p>You can apply a script from anywhere on the web to your Pen. Just put a URL to it here and we'll add it, in the order you …

A Responsive JQuery Slider

What's <i>new</i> in Version 2.0<p>Our goal with Turntable.js is to shake-up the standard approach to web sliders, JQuery sliders, and image viewers. The …

JavaScript