Welcome To Snipplr


Everyone's Recent Snippets Tagged css



This example shows you how to create custom tooltips, using just a pure CSS. In this examples we use "transform" feature of the CSS3 and some other tricks. Also you may find additional tooltip class provided, to show you the way you may customize thi...
0 173 posted 6 years ago by apphp-snippets
This solution will help you to prevent many issues with your site, when you need to prevent long URL's from breaking out of container.
0 154 posted 6 years ago by apphp-snippets
In this article I will show you how to use AngularJS and Laravel Blade together. People who have been using AngularJS for a while may know of this solution. However if you are just getting started or have never used Angular with a templating engine...
0 174 posted 6 years ago by CreativePunch
In this article I would like to share how to make a sortable index view with Laravel 4. Let’s assume you have an index view with a table. Like this example for a table that contains posts.
0 165 posted 6 years ago by CreativePunch
This is a basic HTML5 starter template that I use when I start a new project. Scripts should go at the end.
8 832 posted 6 years ago by ginoplusio
Für functions.php
1 170 posted 6 years ago by gabbo
Extremely helpful to anyone who is looking to improve performance and follow best practices in HTML/CSS
1 260 posted 6 years ago by Rar
If you want to add horizontal spacing between rows, use a border for the <tr> tag:
1 118 posted 6 years ago by fhenderson
A couple of useful media queries...
1 177 posted 7 years ago by iroybot
Creating fixed floated comment's box on right side
0 99 posted 7 years ago by maddev-
Comingsoon Page for those who don't have time to code. HTML5 web form for email subscription. PHP backend and MySql database. Compatible across browsers
0 174 posted 7 years ago by flanker
If you want to have an element that appears on a higher z-index than another, but don't want it to receive click events, use the following:
0 123 posted 7 years ago by chris5marsh
* A set of starter styles that can be added to any library * The most-used styles I add to all of my sites
0 113 posted 7 years ago by tymartist
The first thing you might notice is that I am not using nested lists to layout the menu. That is an old XHTML layout technique. I am using the more semantically correct HTML5 <nav> tag. Menus are not lists, they are navigation so using the more moder...
0 194 posted 7 years ago by COBOLdinosaur
This handy tool takes raw CSS and finds all relative URLs for background images and injects the absolute path. After which all the background images are displayed on the page. This is useful if you need a quick way to save all background images at on...
0 151 posted 7 years ago by pussard
The CSS calc() function can be used anywhere a length, frequency, angle, time, number, or integer is required. It can be used to apply values for width/height; font-size; margins; padding; borders; shadows; border radius; text-indent;top/right/bottom...
0 172 posted 7 years ago by COBOLdinosaur
Simple Progress Bars with only CSS
0 150 posted 7 years ago by oscarlgarcia
Simple Clearfix
0 126 posted 7 years ago by andrewcolby
The colgroup and col structure is like a directive that specifies table formatting outside of the normal flow. Notice that the col tags do not get closed in HTML5, and the cascade is irregular. Normally the cascade applies to children, but the rows a...
0 142 posted 7 years ago by COBOLdinosaur
Create a subtle "recessed" looking divider line. The example restyles the <hr> tag but it can applied to anything.
1 105 posted 7 years ago by nshakin
Reference a custom font file for use within a stylesheet
0 96 posted 7 years ago by nshakin
One of the limits of using lists (ordered and unordered) is that they have no provision for a heading. You can do something like: <ul>This is a Title<li> etc... but it is invalid because the list containers can only contain List Items. One way common...
0 130 posted 7 years ago by COBOLdinosaur
Changes shape back and forth from a round element to a square element.
0 103 posted 7 years ago by COBOLdinosaur
Multiple backgrounds
0 68 posted 7 years ago by kickass
Forces padding to not be added to overall box dimensions but instead subtracted - good for frameworks. For example, a container 960px with a 20px border and a 20px padding added still remains 960px allowing me to enjoy my life free of pesky maths....
1 84 posted 7 years ago by kickass
Demo Image http://i.imgur.com/f7o3Flr.png
1 161 posted 7 years ago by jntu_gnec
0 91 posted 7 years ago by scorpayllc
0 95 posted 7 years ago by scorpayllc
0 112 posted 7 years ago by scorpayllc
0 94 posted 7 years ago by scorpayllc