Skip to main content

Home/ CSS Evangelist/ Group items tagged patterns

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
anonymous

Pick Out Beautiful Background Patterns to Highlight Your Website Design - 0 views

www.webguru-india.com/...-highlight-your-website-design

Graphic Design Web

shared by anonymous on 30 Apr 12 - No Cached
  • anonymous on 30 Apr 12
     
    Beautiful background patterns can distinguish and highlight your site, amongst millions of others. However, web designers should ensure that the pattern matches theme of the site and does not overwhelm the content. Additionally, avoid using patterns throughout the site.
Wanda Terral

Patternify | CSS Pattern Generator - 0 views

www.patternify.com

css generator webdesign background tools

shared by Wanda Terral on 15 Dec 11 - No Cached
  • Wanda Terral on 15 Dec 11
     
    Patternify is a simple CSS pattern generator. Its graphical web-based interface lets you draw the pattern you want, and then it generates the CSS code for you. Instead of having to launch your graphics editor and creating a 2px by 2px image, you can just build your pattern online using this. And with the base64 code, you don't even need an image file anymore: just include the code in your CSS and you're ready to rock.
Vernon Fowler

bjankord/Style-Guide-Boilerplate - 0 views

github.com/...Style-Guide-Boilerplate

css webdesign tools online styleguide boilerplate

shared by Vernon Fowler on 19 Dec 13 - No Cached
  • I recommend creating a directory named style-guide in your site's root directory. I think it would be awesome if I could go to anysite.com/style-guide/ and check out that site's style guide.
  • You should be able to go to yoursite.com/style-guide/ and see how your live site's CSS affects base elements.
  • Below the custom styles for the boilerplate, you will add in your own custom stylesheet(s) which you use on your live site.
  • ...1 more annotation...
  • To create custom patterns like buttons, breadcrumbs, alert messages, etc., create a new .html file and add your HTML markup into the file. Save the file as pattern-name.html into the markup/patterns directory inside of your style-guide directory.
Frederik Van Zande

Icons Design Showcase | Elements of Design - 0 views

www.smileycat.com/...icons

blog calendar code design patterns footer forms inspiration quotes showcase webdesign

shared by Frederik Van Zande on 26 May 08 - Cached
  • Frederik Van Zande on 26 May 08
     
    Very nice collection of screenshots about all different kinds of design patterns.
Jonathan Mike

Design Patterns Library & Code Standards - 0 views

developer.fellowshipone.com/patterns

webdesign css

shared by Jonathan Mike on 06 Aug 10 - Cached
  • Jonathan Mike on 06 Aug 10
     
    Check out some design samples.
Vernon Fowler

Ten Reasons You Should Be Using a CSS Preprocessor | Urban Insight Blog - 0 views

blog.urbaninsight.com/...ould-be-using-css-preprocessor

css preprocessor sass webdesign web design workflow tools less

shared by Vernon Fowler on 10 Oct 12 - No Cached
  • 10 reasons you should consider using a CSS preprocessor
  • you can start using things like variables, mixins, and functions. It will allow you to start reusing properties and patterns over and over, after defining them just once
  • nothing is repeated
  • ...2 more annotations...
  • Both Less and Sass support nested definitions.
  • if you can write CSS, you already know how to write valid .less
Vernon Fowler

Sass Style Guide | CSS-Tricks - 0 views

css-tricks.com/sass-style-guide

sass scss styleguide css webdesign DIG252

shared by Vernon Fowler on 18 Jun 14 - No Cached
  • List @extend(s) First
  • List "Regular" Styles Next
  • List @include(s) Next
  • ...9 more annotations...
  • All Vendor Prefixes Use @mixins
  • Global and Section-Specific Sass Files Are just Table of Contents In other words, no styles directly in them. Force yourself to keep all styles organized into component parts.
  • If you find yourself using a number other than 0 or 100% over and over, it likely deserves a variable.
  • List Vendor/Global Dependancies First, Then Author Dependancies, Then Patterns, Then Parts
  • In Deployment, Compile Compressed
  • Comments get stripped when compiling to compressed code, so there is no cost.
  • Partials are named _partial.scss
  • Variablize All Colors Except perhaps white and black.
  • In your global stylesheet, @import a _shame.scss file last.
Frederik Van Zande

Design Stencils - Yahoo! Design Pattern Library - 0 views

developer.yahoo.com/...wireframes

examples stencels stencil visio webdesign wireframe yahoo

shared by Frederik Van Zande on 02 Jun 08 - Cached
  • Frederik Van Zande on 02 Jun 08
     
    Yahoo! Design Stencil Kit version 1.0 is available for OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG), and Adobe Photoshop (PNG), and covers the following topics: * Ad Units * Calendars * Carousels * Charts and Tables * UI Controls * Form Elements * Grids * Menus and Buttons * Mobile - General * Mobile - iPhone * Navigation and Pagination * OS Elements * Placeholder Text * Screen Resolutions * Tabs * Windows and Containers
1 - 11 of 11
Showing 20▼ items per page