Recently I was working on a project that let users edit some source code in a HTML textarea box and send it back to us, so to provide some simple functionality and formatting whilst editing code in a textarea I needed to find a way to mimic tab based behaviour from a text editor.
Type-scale is a visual type scale calculator.
- Put anything inside the info div
- gifs restart on display
- The script will not interfere with any hover animations on desktop browsers (non touch devices) .
Resize and Crop Images is very useful and important technique to save space and bandwidth and it also decrease page execution time and load your webpage much faster.Crop the image when you want to a particluar part of an image to display like only your face and sunset behind you etc.So both are very useful and important technique you can do with your images.In this tutorial we will Resize and Crop an Image Using PHP and jQuery.
Currently the best option today to do this job is Masonry, but it’s very heavy and have dependency of jQuery. Please understand: this isn’t a problem is most cases, but in cases when perfomance and page weight matters, the best case is try other options: maybe pure CSS? It’s possible?
This is a jQuery plug-in. It displays pictures, containers, and notifications in a popup window. They will have unified style which can be adjusted to the individual site design. Plug-in is under development, so some bugs may still be present. It is similar to other “lightbox jquery” plug-ins, but it is written from scratch.
- Cross browser compatibility
- Display of related images
- Advanced loading of consecutive images
- Display of single images
- Display of containers (div, section…)
- Display of notifications
- Correct response to zoom
- Easy category conversion
Endless river is a jQuery plugin, that animates content and make it scroll endlessly!
The usefull feature is that you don’t have to set widths to elements, because speed is set in pixel/second!!
In this tutorial, you see input border, background, placeholder effects on focus. And also see placeholder move as a label on input focus.