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 481 posted 8 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 542 posted 8 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 616 posted 8 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 483 posted 8 years ago by CreativePunch
Für functions.php
1 517 posted 8 years ago by gabbo
Extremely helpful to anyone who is looking to improve performance and follow best practices in HTML/CSS
1 785 posted 8 years ago by Rar
If you want to add horizontal spacing between rows, use a border for the <tr> tag:
1 374 posted 8 years ago by fhenderson
A couple of useful media queries...
1 582 posted 9 years ago by iroybot
Creating fixed floated comment's box on right side
0 356 posted 9 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 526 posted 9 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 427 posted 9 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 427 posted 9 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 637 posted 9 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 480 posted 9 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 516 posted 9 years ago by COBOLdinosaur
Simple Progress Bars with only CSS
0 409 posted 9 years ago by oscarlgarcia
Simple Clearfix
0 455 posted 9 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 497 posted 9 years ago by COBOLdinosaur
Create a subtle "recessed" looking divider line. The example restyles the <hr> tag but it can applied to anything.
1 422 posted 9 years ago by nshakin
Reference a custom font file for use within a stylesheet
0 396 posted 9 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 499 posted 9 years ago by COBOLdinosaur
Changes shape back and forth from a round element to a square element.
0 403 posted 9 years ago by COBOLdinosaur
Multiple backgrounds
0 331 posted 9 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 330 posted 9 years ago by kickass
Demo Image http://i.imgur.com/f7o3Flr.png
1 559 posted 9 years ago by jntu_gnec
0 369 posted 9 years ago by scorpayllc
0 395 posted 9 years ago by scorpayllc
0 434 posted 9 years ago by scorpayllc
0 414 posted 9 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 636 posted 9 years ago by paulprins