Skip to main content

Home/ CSS Evangelist/ Group items tagged border

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
mikhail-miguel

Design Shack - Inspirational CSS and Blog Design - 0 views

www.designshack.co.uk/index.php

webdev css

shared by mikhail-miguel on 19 Feb 07 - Cached
  • Brand's Vistro 415 Views - Visit Site 5 Elan Snowboards 143 Views - Visit Site 6 Stock Temple 115 Views - Visit Site 5 Mein Brandenburg 347 Views - Visit Site 7 Kineda 277 Views - Visit Site 4 Emma's Bridal Jewelry 220 Views - Visit Site 8 Footnote 552 Views - Visit Site 5 Triple Crown 343 Views - Visit Site 7 Arts and Sciences
mikhail-miguel

CSS Import - 0 views

www.cssimport.com

webdev css galleries showcases

shared by mikhail-miguel on 14 Feb 07 - Cached
  • Contrabrand (0)Feb 14, 2007 12 Stone Art (0)Feb 5, 2007 Spouse Notes (0)Feb 4, 2007 Urban Dish Seattle (1)Feb 2, 2007 Agency Access (0)Feb 2, 2007 Fall in Tennessee (0)Feb 2, 2007 NorthColour (3)Feb 1, 2007 Noemie Chevaux (0)Feb 1, 2007 Incredible Box (3)Feb 1, 2007 Drew Warkentin (4)
yc c

Understanding border-image | CSS-Tricks - 6 views

css-tricks.com/understanding-border-image

border explication CSS3 webdev article

shared by yc c on 23 Jul 10 - Cached
  • Strangely, the percentages require the “%”, while pixels should be listed without the “px”:
  • yc c on 23 Jul 10
     
    The new CSS3 property border-image is a little tricky, but it can allow you to create flexible boxes with custom borders (or drop shadows, if that's your thing) with a single div and a single image. In this article I explain how the border-image shorthand property works in today's browsers.
yc c

Dynamic Drive CSS Library- Practical CSS codes and examples - 0 views

www.dynamicdrive.com/style

css examples sniplet

shared by yc c on 14 Feb 07 - Cached
  • var rate87=new rateit(87, "26", "090%") rate87.displaytext("26") 4.5 CSS Gradient Shadow var rate74=new rateit(74, "72", "078%") rate74.displaytext("72") 3.9 CSS Thick Tabs var rate47=new rateit(47, "71", "080%") rate47.displaytext("71") 4 SuckerTree Vertical Menu (v1.1) var rate52=new rateit(52, "60", "074%") rate52.displaytext("60") 3.7 Overlapping horizontal tabs var rate51=new rateit(51, "128", "080%") rate51.displaytext("128") 4 Animated link underlines var rate50=new rateit(50, "78", "075%") rate50.displaytext("78") 3.8 SuckerTree Horizontal Menu <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xm
Al-Mehatb Shaikh

Getting Started with Chrome extension - Diigo help - 0 views

help.diigo.com/...tting-started-chrome-extension

Diigo Chrome

shared by Al-Mehatb Shaikh on 10 Mar 14 - No Cached
  • Use the “Save” option to bookmark a page. Bookmarking saves a link to the page in your online Diigo library, allowing you to easily access it later.
  • Highlighting can also be accomplished from the context pop-up. After&nbsp;the Chrome extension is installed, whenever you select text on a webpage, the context pop-up will appear, allowing you to accomplish text-related annotation. Highlight Pop-up Menu – After you highlight some text, position your mouse cursor over it and the highlight pop-up menu will appear. The highlight pop-up menu allows you to add notes to, share, or delete the highlight.
  • Sticky Note Click the middle icon on the annotation toolbar to add a sticky note to the page. With a sticky note, you can write your thoughts anywhere on a web page.
yc c

CSS3 Border Image Experiments : Nora Brown Design - 6 views

www.norabrowndesign.com/...border-image-anim.html

css3 border image interactive tool online demo explication

shared by yc c on 23 Jul 10 - Cached
  • yc c on 23 Jul 10
     
    from article: Understanding border-image http://css-tricks.com/understanding-border-image/
Vernon Fowler

An introduction to LESS, and comparison to Sass | Smashing Coding - 0 views

coding.smashingmagazine.com/...to-less-and-comparison-to-sass

less sass css comparison webdesign css3 preprocessor

shared by Vernon Fowler on 25 Feb 14 - No Cached
  • The only difference in variables between LESS and Sass is that, while LESS uses @, Sass uses $. There are some scope differences as well, which I’ll get to shortly.
  • With Sass, you declare @mixin prior to the style to identify it as a mixin. Later, you declare @include to call it.
  • Parametric Mixins Like having functions in your CSS (*swoon*), these can be immensely useful for those seemingly redundant tasks of modern-day CSS.
  • ...8 more annotations...
  • .border-radius( @radius: 3px ) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; }
  • The syntax in Sass is very similar to that of LESS. Just use the $ for variables, and call the mixins with the @mixin and @include method mentioned earlier.
  • Selector Inheritance Here’s something not provided in LESS. With this ability, you can append a selector to a previously established selector without the need to add it in a comma-separated format. .menu { border: 1px solid #ddd; } .footer { @extend .menu; } /* will render like so: */ .menu, .footer { border: 1px solid #ddd; }
  • With LESS, you can nest ids, classes and elements as you go.
  • You can also refer in element styles to their pseudo-elements by using the &amp;, which in this case functions similar to this in JavaScript.
  • Sass is a lot more versatile with numbers than LESS. It has built into it conversion tables to combine comparable units.
  • Sass seems to have a lot more color options — not that I would need them all. Lighten and darken are the only ones that I see myself using often.
  • Conditionals and Control This is rather nifty, and another thing not provided by LESS. With Sass, you have the ability to use if { } else { } conditional statements, as well as for { } loops. It supports and, or and not, as well as the &lt;, &gt;, &lt;=, &gt;= and == operators.
Zulkarnain K.

Creating Triangles in CSS - 13 views

jonrohan.me/...creating-triangles-in-css

css stylesheet tricks webdesign

shared by Zulkarnain K. on 06 May 11 - No Cached
  • Zulkarnain K. on 06 May 11
     
    when a browser draws the borders, it draws them at angles. This technique takes advantage of that. One side of the border is colored for the color of the arrow, and the rest are transparent. Then you set the width of the border to something large
Vernon Fowler

Box Sizing | CSS-Tricks - 0 views

css-tricks.com/box-sizing

css box-sizing webdesign css3

shared by Vernon Fowler on 21 Aug 12 - No Cached
  • The box-sizing CSS3 property can do just this. The border-box value (as opposed to the content-box default) makes the final rendered box the declared width, and any border and padding cut inside the box.
  • -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */
Vernon Fowler

CSS3 Generator - 12 views

css3generator.com

css3 webdesign generator css tools web design

shared by Vernon Fowler on 24 Jul 10 - Cached
  • -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  • If you set it to border-box, the padding and border will render inside the box.
  • yc c on 24 Jul 10
     
     All the effects are fully customizable and you can choose from all the popular CSS3 properties.
stylist

Yet Another Multicolumn Layout | Ein (X)HTML/CSS Framework - 1 views

www.yaml.de

html

shared by stylist on 14 Feb 07 - Cached
  • Wilhelm Wagenfeld Haus Netzspielwiese Flexible/Elastische Layouts Gymnasium Blomberg Blogstoff-Weblog &nbsp;
Frederik Van Zande

Buttons & their paddings : reference for all browsers - 0 views

www.designdetector.com/...buttons-padding-demo.html

buttons crossbrowser css firefox form ie opera padding safari webdesign

shared by Frederik Van Zande on 06 May 08 - Cached
  • Frederik Van Zande on 06 May 08
     
    Here is a LIVE demo showing how input buttons are rendered in your browser. The 'Standard' column will look different depending on your operating system. The '+ Border' column shows the same buttons with a red border added. (This removes the default button style as seen in the first column.)
wen071

CSS Mania - 0 views

cssmania.com

web

shared by wen071 on 15 Feb 07 - Cached
Charles Gnilka

10 Image Free Sexy CSS Menu and How to Create One | Desizn Tech - 0 views

desizntech.info/...css-menu-and-how-to-create-one

css.navigation

shared by Charles Gnilka on 21 May 09 - Cached
  • Charles Gnilka on 21 May 09
     
    It has been while since we did any CSS menu post here. Who said you can't make sexy, cool looking menu with CSS ? Today we bring you 10 Free sexy CSS menu and tutorial on how to create one. As usual they are free for personal use. Most the of menus are created using using  CSS and CSS3 propety-webkit-border-radius and -moz-border-radius.
Vernon Fowler

Box Sizing | CSS-Tricks - 0 views

css-tricks.com/box-sizing

box sizing layout boxmodel CSS webdesign

shared by Vernon Fowler on 26 Jan 12 - No Cached
  • -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */
Vernon Fowler

Web Designer Notebook » How to use Modernizr - 0 views

webdesignernotebook.com/...how-to-use-modernizr

html5 css3 javascript library browser modernizr css webdesign

shared by Vernon Fowler on 15 Mar 14 - No Cached
  • Modernizr doesn’t actually magically enable these properties for browsers that don’t support them. It just tells the page whether that feature is supported on the browser the visitor is using or not.
  • To install Modernizr, download the file from this page. Then, on your site’s head tag, add a link to the file. For example: ?1&lt;script src="js/modernizr-1.0.min.js"&gt;&lt;/script&gt; The second step is to include on your html tag a class of “no-js”: ?1&lt;html class="no-js"&gt; Why add this tag? Because that will be the default state of the page. If JavaScript (js) isn’t on, then Modernizr won’t work at all (and probably other features of your site won’t work either…), so it’s good that we have a fallback for that case. If JavaScript is indeed enabled, once that page is loaded on the browser, that class will be replaced dynamically and it may look something like this: ?1&lt;html class="js canvas canvastext geolocation rgba hsla no-multiplebgs borderimage borderradius boxshadow opacity no-cssanimations csscolumns no-cssgradients no-cssreflections csstransforms no-csstransforms3d no-csstransitions&nbsp; video audio cufon-active fontface cufon-ready"&gt;
  • Vernon Fowler on 15 Mar 14
     
    "There is a tool that came to make our lives as progressive web designers a bit easier: Modernizr. In this short tutorial, learn how to apply this handy script to maximum effect on your sites."
mikhail-miguel

css vault - 0 views

cssvault.com

css

shared by mikhail-miguel on 13 Feb 07 - Cached
1 - 20 of 44 Next › Last »
Showing 20▼ items per page