Skip to main content

Home/ CSS Evangelist/ Group items tagged guide

Rss Feed Group items tagged

Vernon Fowler

bjankord/Style-Guide-Boilerplate - 0 views

  • 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.
thompsonmarry

Getting Started with Firefox extension - Diigo help - 0 views

  •  Feature Highlight: Highlights Diigo saves the day with "highlights". Highlights let you select the important snippets on a page and store them in your library with the page's bookmark. Let's try it. Just open a page, maybe one of your old-school bookmarks or one of your new cat bookmarks, and find the information on that page you actually care about. Select that important text. Got it? Okay, now put your hemet on, 'cause this might blow your mind! Click the highlight icon on the Diigo toolbar. It's the one with the "T" on a page with a yellow highlighter. You will notice that the selected text gets a yellow background. This means that the text has been saved in your library, and as long as you have the Diigo add-on the text will be highlighted on the page! How's that for easy?   Now you've highlighted the text. It will appear in your library within the bookmark for the page it is on. Go to your library and you can see how it works. If you're not sure how to get to your library, just click the second icon on the toolbar (Diigo icon to the left of the search bar) and then select "My Library »".
  • Sticky Notes on the Web What? I can put a sticky note on a web page? How? Oh, that's right! Diigo. Just right-click anywhere on the page and choose to "add a floating sticky note". Type up your note and choose "Post", then move the note anywhere on the page. You have to type a note first, before you move it where you want, otherwise there's nothing to move!
yc c

Safari Reference Library - 0 views

  •  
    Explore a comprehensive collection of guides, reference, and other resources for developing web applications and content for Safari. The Safari Reference Library provides detailed information for web developers on iPhone, iPod touch, Mac, and PC. These resources include guides and articles, API reference documents, sample code, release notes, and technical notes. Use these resources to learn about Safari's developer tools, visual effects, HTML and CSS support, JavaScript and DOM support, and other features and technologies. The library is organized by Topics and Resource Types.
yc c

Complete CSS Guide The missing manual for CSS - Westciv Wiki - 7 views

shared by yc c on 14 Mar 10 - Cached
  •  
    This Guide is a reference to all of CSS 2.1, the W3C recommended standard for web page appearance, as of July 2008. We will also cover some aspects of CSS 3, currently a work in progress.
anonymous

A Guide to Analyzing Data For Your SEO Company India - 0 views

  •  
    In the search engine optimization process, analyzing data is very important. This post offers some advice to your SEO Company India on SEO data analysis.
Vernon Fowler

Migrating to v3.x · Bootstrap - 0 views

  •  
    "Bootstrap 3 is not backwards compatible with v2.x. Use this section as a general guide to upgrading from v2.x to v3.0. For a broader overview, see what's new in the v3.0 release announcement."
tech vedic

The power user's guide to picking the perfect keyboard - 0 views

  •  
    Are you still using the same plastic keyboard that came with your PC? Then it's time to go for a change. Just go through this tutorial and choose an apt keyboard for your PC.
Vernon Fowler

Sass Style Guide | CSS-Tricks - 0 views

  • 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.
yc c

Learn how to slice your templates into fully standards compliant XHTML and CSS! - 0 views

shared by yc c on 09 Mar 09 - Cached
  •  
    This site is a free resource for the budding web designer looking to take the step into the future of modern web design. Throughout the guide, you will be shown cunning CSS techniques used to keep loadtime to a minimum and to organize and fine tune your content so it is presented in the best possible way
yc c

Which email clients support CSS3? - Blog - Campaign Monitor - 4 views

  •  
    The results: CSS3 support across the major email clients The following chart displays the results of our CSS3 tests for the 7 most popular email clients. For the 24 most popular email clients, download our full guide.
Vernon Fowler

A Complete Guide to Flexbox | CSS-Tricks - 0 views

  • flex-direction
  • flex-wrap
  • space-around: items are evenly distributed in the line with equal space around them
  • ...6 more annotations...
  • justify-content
  • align-items
  • flex-start: cross-start margin edge of the items is placed on the cross-start line
  • stretch (default): stretch to fill the container (still respect min-width/max-width)
  • Note: this property has no effect when the flexbox has only a single line.
  • flex-grow
tech vedic

The Hard Drive Buying Guide for Students - 0 views

  •  
    For storing big projects, you need tons of storage space. If you are studying fields like filmmaking, animation or photography then you need to go for external storage. In this tutorial, we are giving you some tips for buying appropriate external hard drive.
tech vedic

The Ultimate Guide to Changing Your DNS Server - 0 views

  •  
    In case, you find the need to change the DNS server for your entire network on your router or set it individually on a PC or other device then have a look on this tutorial.
tech vedic

How to overclock your new Haswell CPU like a pro? - 0 views

  •  
    The ultimate Haswell PC is powered by a Core i7-4770K, a fast solid-state drive, 8GB of RAM, and a discrete graphics card. For all game lovers, it is terrific. By overclocking your Haswell CPU, you can enhance the PC's performance.
1 - 20 of 42 Next › Last »
Showing 20 items per page