background preloader

CSS 3.0 Border Radius

CSS 3.0 Border Radius

Lorem Ipsum - All the facts - Lipsum generator Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque neque est, accumsan eu pellentesque vitae, pharetra aliquam arcu. Cras posuere, metus eget euismod laoreet, turpis ligula pellentesque arcu, quis euismod nisi lorem at tortor. Sed in ante non nisi consectetur lobortis. Etiam dictum ultrices mollis. Sed et feugiat magna. Mauris elit augue, bibendum ut viverra consequat, posuere vel metus. Nullam dolor dolor, pharetra id eros ac, eleifend mollis est. Proin in nunc rutrum, rhoncus mauris eu, feugiat tortor. Nulla sed pretium nulla. Slide Down Box Menu with jQuery and CSS3 In this tutorial we will create a unique sliding box navigation. The idea is to make a box with the menu item slide out, while a thumbnail pops up. We will also include a submenu box with further links for some of the menu items. View demoDownload source In this tutorial we will create a unique sliding box navigation. We will be using the jQuery Easing Plugin and some beautiful photos by tibchris. The Markup For the HTML structure we will be using an unordered list where each menu item will contain the main link item and a div element for the submenu: <ul id="sdt_menu" class="sdt_menu"><li><a href="#"><img src="images/1.jpg" alt=""/><span class="sdt_active"></span><span class="sdt_wrap"><span class="sdt_link">Portfolio</span><span class="sdt_descr">My work</span></span></a><div class="sdt_box"><a href="#">Websites</a><a href="#">Illustrations</a><a href="#">Photography</a></div></li> ... If there is no submenu, the div can simply be left out. The CSS The image will be styled as follows:

CSS Sprite Generator | Project Fondue RGB Color Codes and Names Courtesy of DKTS maroon darkred red lightpink crimson palevioletred hotpink deeppink mediumvioletred purple darkmagenta orchid thistle plum violet fuchsia magenta mediumorchid darkviolet darkorchid blueviolet indigo mediumpurple slateblue mediumslateblue darkblue mediumblue blue navy midnightblue darkslateblue royalblue cornflowerblue lightsteelblue aliceblue ghostwhite lavender dodgerblue steelblue deepskyblue slategray lightslategray lightskyblue skyblue lightblue teal darkcyan darkturquoise aqua, cyan mediumturquoise cadetblue paleturquoise lightcyan azure lightseagreen turquoise powderblue darkslategray aquamarine mediumspringgreen mediumaquamarine springgreen mediumseagreen seagreen limegreen darkgreen green lime forestgreen darkseagreen lightgreen palegreen mintcream honeydew chartreuse lawngreen olivedrab darkolivegreen yellowgreen greenyellow beige linen lightgoldenrodyellow olive yellow lightyellow ivory darkkhaki khaki palegoldenrod wheat gold lemonchiffon papayawhip darkgoldenrod goldenrod antiquewhite cornsilk oldlace moccasin navajowhite orange bisque tan darkorange burlywood

The Shapes of CSS Learn Development at Frontend Masters CSS is capable of making all sorts of shapes. Squares and rectangles are easy, as they are the natural shapes of the web. We also get the ::before and ::after pseudo elements in CSS, which give us the potential of two more shapes we can add to the original element. Square Rectangle Circle Oval Triangle Up Triangle Down Triangle Left Triangle Right Triangle Top Left Triangle Top Right Triangle Bottom Left Triangle Bottom Right Curved Tail Arrow via Ando Razafimandimby Trapezoid Parallelogram Star (6-points) Star (5-points) via Kit MacAllister Pentagon Hexagon Octagon Heart via Nicolas Gallagher Infinity via Nicolas Gallagher Diamond Square via Joseph Silber Diamond Shield via Joseph Silber Diamond Narrow via Joseph Silber Cut Diamond via Alexander Futekov Egg Pac-Man Talk Bubble RSS Feed via Kevin Huff 12 Point Burst via Alan Johnson 8 Point Burst via Alan Johnson Yin Yang via Alexander Futekov Badge Ribbon via Catalin Rosu Space Invader via Vlad Zinculescu TV Screen Magnifying Glass

Web 2.0 and grudge free buttons generator! The new retina mobile Texturized Glassy Badge Shine Big 3d Ribbon iPhone and iPod touch Vista and 7 Download Cartoon Apple Apple style buttons generator! Bubble Bubble style buttons generator! Tooltip Small Mr. Div And His Fantastical Geometric GIFs [Gallery] Matthew DiVito, known on tumblr as Mr. Div, is a motion graphics designer whose experiments with making super short animations in Cinema 4D led him to that format of formats, the future (and, oddly, the past) of film, video, and photography—the almighty GIF. What started off just for kicks turned into a little bit of a tumblr phenomenon, encouraging Div to create a couple of new ones a week. Now there are tons of ‘em, and we’re pretty certain they’re getting better and better. eclipse the_eye twist triduo typeA cage expand temple spherify rough seas liquid cube @ImYourKid

CSS Reset | CSS Reset – All the most common CSS Resets in one place with one-click copy/paste, documentation and tutorials CSS3 PIE: CSS3 decorations for IE 10 examples of futuristic CSS3 techniques Pure CSS speech bubbles In a design, bubbles can be great to illustrate a quote. In this article, talented designer Nicolas Gallagher will show you what he built with CSS3: Text bubbles, with no Javascript or images. Source: Super Awesome Buttons with CSS3 and RGBA CSS has always been great to enhance buttons; but using CSS3, the RGBa property, and of course a lot of creativity, you can create modern and clean buttons. Source: Classy photo frame using CSS3 As I recently said on my other blog Cats Who Blog, images are very important in blogging, and in the Internet media in general. Source: Easily Turn Your Images Into Polaroids with CSS3 Source: Fancy web form with field hints using only CSS3

97 Highly Effective Single-Page Mini Templates (Updated) On 04.26.10, In Freebies, Themes, Web Templates are light and very simple, but they have many uses. Html Resume templates will help you to set up a professional online CV in minutes. “Under Construction” templates allow you to keep your users informed, while you work at your website. Advertisment Your resume is one of the most important components when you are looking for a job. 1. The Resume template comes with a bonus business card. 5 Different Colors. Preview | Details | $10 ($8) 2. Typographic CV is online resume / CV template. Preview | Details | £12.00 3. Contact form with live validation, AJAX. Preview | Details | $10 ($8) 4. Clean Elegant Resume. Details | $5 ($3) 5. This Sample Resume Template is a simple and quick way to build a HTML resume. Preview | Details | free 6. Cielo CV is a modern, web2.0 styled HTML CV (Resume) template that will enhance your chance of finding better work proposals. Preview | Details | $10 ($8) 7. Preview | Details | $12 ($10) 8. Preview | Details | $12 ($10)

Sites that are tagged with hand written - CSSline Showcase Gallery CSSline - Showcase gallery of excellent CSS sites. Home Now with 1648 sites! Last updated 1 Week, 16 Hours, 25 Minutes ago! About Read about the people behind this site and more! Facebook Remember to like us on Facebook! Twitter Remember to follow us on Twitter! © 2014 CSSline Filter sites You can filter sites by choosing your favourite color and/or tags. Choose color Choose tags