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 659 posted 10 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 737 posted 10 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 875 posted 10 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 632 posted 10 years ago by CreativePunch
Für functions.php
1 721 posted 10 years ago by gabbo
Extremely helpful to anyone who is looking to improve performance and follow best practices in HTML/CSS
2 1083 posted 10 years ago by Rar
If you want to add horizontal spacing between rows, use a border for the <tr> tag:
1 529 posted 10 years ago by fhenderson
A couple of useful media queries...
1 819 posted 10 years ago by iroybot
Creating fixed floated comment's box on right side
0 519 posted 10 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 718 posted 10 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 588 posted 10 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 628 posted 10 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 940 posted 10 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 698 posted 10 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 736 posted 10 years ago by COBOLdinosaur
Simple Progress Bars with only CSS
0 568 posted 10 years ago by oscarlgarcia
Simple Clearfix
0 618 posted 10 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 695 posted 10 years ago by COBOLdinosaur
Create a subtle "recessed" looking divider line. The example restyles the <hr> tag but it can applied to anything.
1 615 posted 10 years ago by nshakin
Reference a custom font file for use within a stylesheet
0 572 posted 10 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 714 posted 10 years ago by COBOLdinosaur
Changes shape back and forth from a round element to a square element.
0 575 posted 10 years ago by COBOLdinosaur
Multiple backgrounds
0 487 posted 10 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 464 posted 10 years ago by kickass
Demo Image http://i.imgur.com/f7o3Flr.png
1 808 posted 10 years ago by jntu_gnec
0 543 posted 10 years ago by scorpayllc
0 538 posted 10 years ago by scorpayllc
0 628 posted 10 years ago by scorpayllc
0 584 posted 10 years ago by scorpayllc
When I got the font from SymbolSet I was really excited to drop it into my interface but found many of the classes did not work. It looked like an encoding issue (since using the in line versions worked). Upon replacing all 570+ UTF-8 characters with...
0 869 posted 10 years ago by paulprins