Welcome To Snipplr
Everyone's Recent Snippets Tagged css
- All /
- JavaScript /
- HTML /
- PHP /
- CSS /
- Ruby /
- Objective C
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
849
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
965
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
1116
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
823
posted 10 years ago by CreativePunch
Extremely helpful to anyone who is looking to improve performance and follow best practices in HTML/CSS
2
1326
posted 11 years ago by Rar
If you want to add horizontal spacing between rows, use a border for the <tr> tag:
1
694
posted 11 years ago by fhenderson
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
927
posted 11 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
748
posted 11 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
837
posted 11 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
1195
posted 11 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
891
posted 11 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
923
posted 11 years ago by COBOLdinosaur
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
899
posted 11 years ago by COBOLdinosaur
Create a subtle "recessed" looking divider line. The example restyles the <hr> tag but it can applied to anything.
1
807
posted 11 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
901
posted 11 years ago by COBOLdinosaur
Changes shape back and forth from a round element to a square element.
0
775
posted 11 years ago by COBOLdinosaur
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
626
posted 11 years ago by kickass
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
1082
posted 11 years ago by paulprins