Skip to main content

Home/ CSS Evangelist/ Group items tagged number

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Web Design Saudi

Excellent Saudi Web Design Team - 1 views

I wanted to make a website to promote my Riyadh-based travel agency, after all my travel agency was the only remaining agency which has no online presence then. I noticed that my competitors had al...

web design Saudi

started by Web Design Saudi on 14 Nov 11 no follow-up yet
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 &, 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 <, >, <=, >= and == operators.
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.
Jonathan Mike

GRC's Script-Free Pure-CSS Menuing System - 0 views

www.grc.com/invitro.htm

CSS webdesign menu

shared by Jonathan Mike on 04 Jul 10 - Cached
  • Jonathan Mike on 04 Jul 10
     
    The menuing system incorporates a number of features that may not be immediately apparent, but which were crucial for real use and which, at the time it was developed, made it unique on the Web
Scott Hendrickson

A List Apart: Articles: Frameworks for Designers - 0 views

www.alistapart.com/...frameworksfordesigners

css framework

shared by Scott Hendrickson on 14 Jun 07 - Cached
  • How should a CSS framework be built? There are several possible ways to go about building a framework, but the most common and arguably the most useful is to abstract your common CSS into individual stylesheets that each cover a particular part of the whole. For example, you may have a stylesheet that sets up the typography and another that handles the mass reset. The beauty of the approach is the ability to selectively include only the styles that you need. You may end up with six or seven different stylesheets in your framework, but if a particular project doesn’t need one or two of them, they don’t have to be included. The framework we created in our office has five stylesheets: reset.css—handles the mass reset. type.css—handles the typography. grid.css—handles the layout grid. widgets.css—handles widgets like tabs, drop-down menus, and “read more” buttons. base.css—includes all the other stylesheets, so that we only need to call base.css from our (X)HTML documents to use the entire framework.
  • A word of caution This method works quite well, but there is a valid concern to be raised: it adds to the number of HTTP connections needed to render each page. On large, high-traffic sites, adding five more HTTP connections to every page view may result in angry system administrators. Two possible solutions to this are: Include everything in a single file, rather than breaking it into modules. The problem here is that you lose the ability to include only certain parts of the framework, and you also make maintenance more difficult. Have a server-side process that dynamically flattens the individual files into a single response. I’ve not seen this done, but it could be very efficient if done well. Using my example framework above, this dynamic process could occur when base.css is requested, but not when type.css, grids.css, etc. are. This way, the individual components are still available, but the entire framework is available in a flattened version, as well.
Jason Bao

Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for down... - 0 views

blog.html.it/layoutgala

css tips

shared by Jason Bao on 14 Feb 07 - Cached
  • In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility. The result is a set of 40 layouts that we've thought worth sharing: on each of them you'll find also a download link (if you want, you can download the entire collection, 40 HTML pages in a single zip file). Further details can be found below the gallery.
joey potter

I Need Computer Technical Help Now - 2 views

"I have no time to wait". That is what I muttered when my computer suddenly went on a blue screen. I had a project and I needed to pass it on time. But with my computer on trouble, I would not make...

computer technical help

started by joey potter on 07 Jun 11 no follow-up yet
Sanny Y

The Number One Computer Tech Support Service - 1 views

Computer Tech Support Service offers the most outstanding computer support service. They have friendly computer support technicians who are very skilled in giving accurate and fast solutions to my ...

Computer support service

started by Sanny Y on 13 Sep 11 no follow-up yet
seth kutcher

Remote Computer Assistance - 1 views

My computer often experiences trouble and I could hardly find someone to fix it for me, especially when it happens during the wee hours of the morning. My friend told me about Computer Assistance O...

started by seth kutcher on 13 Oct 11 no follow-up yet
Kilron Keit

Pay Per Click Advertising Company | Google Pay Per Click Advertising: Start Now Right A... - 0 views

The achievement of more than a few pay per click advertising companies campaign depends on technique it is considered. Assortment of keywords, advertisement copy, location, and conversion managemen...

google ppc management companies google ppc expert companies get ppc experts google ppc management google advertising expert get PPC expert reviews get ppc expert Google Advertising companies

started by Kilron Keit on 31 Dec 15 no follow-up yet
Kilron Keit

Google Advertising Expert- Let Your Website On Top Page For PPC Marketing - 0 views

Google advertising expert put forward a number of additional constructive tips like formation of numerous campaigns at the same time, to put together your PPC ads campaign create a center of concen...

Google Advertising Expert Google Advertising companies PPC Advertising Expert get ppc experts google ppc management companies google ppc management get PPC expert reviews google ppc expert companies get ppc expert Ppc Marketing Expert

started by Kilron Keit on 03 Dec 15 no follow-up yet
mikhail-miguel

an overview of current css layout techniques - 1 views

particletree.com/...-current-css-layout-techniques

css layouts webdev css

shared by mikhail-miguel on 04 Mar 07 - Cached
  • When it comes to understanding the world of standards based design, you have to think medieval. Creating a web site in CSS is like building a manor. You are a lord, setting aside land for specific purposes, hoping the user rotates their content appropriately. Most of you will build villages attracting only a few peasants to comment on various decrees, some of you will build castles and a very small number will build what I can only describe as cathedrals—structures that warrant pilgrimages from thousands across the globe.
  • mikhail-miguel on 05 Mar 18
     
    Particletree is the beginning of something. This place, this collection of knowledge, is a gathering of forces, a sharpening of skills.
‹ Previous 21 - 40 of 40
Showing 20▼ items per page