Skip to main content

Home/ CSS Evangelist/ Group items tagged style

Rss Feed Group items tagged

Vernon Fowler

list-style | CSS-Tricks - 0 views

  • The list-style-position property defines where to position the list marker, and it accepts one of two values: "inside" or "outside". These are demonstrated below
Jungle Jar

JungleJar - An Introduction To CSS Styled Lists - 0 views

  •  
    This is a CSS tutorial providing an introduction to CSS lists, teaching all the essentials, and also gives webmasters a much better way to use list-style-images or bullets by not using them at all.
stylist

Top 10 CSS image gallery tutorials (YouNeed2See Technology) - 0 views

  • There are many tutorials out there on how to create your own image gallery. There are simple ones made from pure CSS, and there are complex ones using css and javascript. By the end of this article you will have the information necessary to start building your own photo gallery. The first tutorial is from cssplay and is one of my favorites around. They have a very elegant and simple image gallery. Your images are separated into different sections (people, plants, animals, etc) and all your images for each section listed nicely underneath. As you hover over each image it expands double it's size so you can take a better look at each image before you view the full version. The interface is very clean and simple to use, I recommend taking a look at this one.
Hussain M Elius

A CSS styled table - 0 views

  •  
    Styling a table using CSS
mikhail-miguel

CSS Basics - Making Cascading Style Sheets Easy to Understand - 1 views

  • You've heard the buzz about the seperation of style from content, but you are stuck in the world of nested tables and deprecated markup. If so, you have come to the right place! Using CSS to style your (X)HTML files, will benefit you and your visitors in many ways.
Vernon Fowler

Book - Scalable and Modular Architecture for CSS - 0 views

  • By separating rules into the five categories, naming convention is beneficial for immediately understanding which category a particular style belongs to and its role within the overall scope of the page. On large projects, it is more likely to have styles broken up across multiple files. In these cases, naming convention also makes it easier to find which file a style belongs to.
tech vedic

Aspire S7 Ultrabooks S7-391-9886 Review - 0 views

  •  
    Aspire S7 Ultrabooks S7-391-9886 has been conceptualized and designed not only to meet the parameters of the Ultrabook guidelines as prescribed by the semiconductor giant Intel, but even to exceed it, along with pampering premium consumers, who look for svelte yet resilient and highly performing device to stay away from the crowd in terms of style and performance By-The Xpert Crew @ http://techvedic.com https://www.facebook.com/techvedicinc https://twitter.com/techvedicinc http://pinterest.com/techvedic1 http://techvedicinc.tumblr.com/
LinkSture Technologies

Brando Responsive and Multipurpose OnePage WordPress Theme - 0 views

  •  
    Brando is a completely modern, feature-rich, professionally designed, fully responsive and multi-purpose onepage WordPress theme. You will have an impressive number of readymade onepage site demos as per your business nature like design / ad / digital media agency, architecture firm, personal resume / vcard / portfolio, freelancer, spa and beauty saloon, art and photography, wedding, restaurant / hotel, tours and travel agency, event landing page, tattoo maker but this is not the limit as you can combine multiple elements from different innovative demo to achieve the style as per your imagination. It provides multiple eye-catching portfolio and blog layouts as well as coming soon page for showcasing your projects, news and other content. The Visual Composer - a widely used, premium, drag & drop enabled, quick content editing tool is integrated and included in the theme free of cost to helps you create and manage website pages content without touching the code. It also offers theme settings panel to manage overall website layout, colors, fonts, header, footer, social sharing and much more. It provides a great import feature to import demo data for your desired onepage demo or multiple different demos also quickly. Brando is extremely polished, cutting edge implementation of high-end search engine optimization enhancement techniques from the well structured and fast executable codebase, better result in all devices and browsers, and rendering your pages spectacularly effective to achieve the top ranks for all the relevant searches at an impressive high speed and hence resulting in higher level of traffic.
Vernon Fowler

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

  • 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.
tech vedic

How to set the default font in Microsoft Office Word 2003? - 0 views

  •  
    Microsoft Word processor offers a range of tools and features to customize your documents. You can modify fonts on all possible verticals including size, look, style, color, alignment, etc.
Vernon Fowler

Compass Home | Compass Documentation - 4 views

  •  
    Compass is a stylesheet authoring framework that makes your stylesheets and markup easier to build and maintain. With compass, you write your stylesheets in Sass instead of CSS. Using the power of Sass Mixins and the Compass community, you can apply battle-tested styles from frameworks like Blueprint to your stylesheets instead of your markup.
yc c

CSS Filters | Speaking | Hicksdesign - 6 views

  •  
    A 5 minute microslot on how to make sure the browser you want gets the CSS that you want it to have! Exclude IE6 and earlier from seeing your CSS3, and specify styles for mobiles and IE versions.
mimi .

A List Apart: Articles: Alternative Style: Working With Alternate Style Sheets - 0 views

  •  
    dynamically change stylesheets
helloe

PingMag - The Tokyo-based magazine about "Design and Making Things" » Archive... - 7 views

  • Writing CSS is very much like having sex. Not everyone does it the same way and there is no particular “right” way to do it. I guess for me the similarities actually end there, seeing as writing CSS is something I do every day whereas having sex is…anyway I digress. The W3C have set the standards but beyond this, writing CSS is down to an individual’s preferences. Here are 5 little tips and ideas I’ve adopted in the last 6 months that you can use to make your CSS more streamlined, maintainable and easy to read. Written by Jon Disclaimer: The CSS example files are exactly that. They are not meant to be fully functional CSS documents. Class names in the CSS files are named merely so that you may visualise the document in your head (because there is no accompanying html), not because I condone the naming convention in them.
  • 1) Make a table of contents At the top of your CSS document, write out a table of contents. For example, you could outline the different areas that your CSS document is styling (header, main, footer etc). Then, use a large, obvious section break to separate the areas. Not only does this make your CSS look neater, but when it comes to making quick adjustments to certain areas of your website at a later date, finding the corresponding area in your CSS will be much easier. View Example File 1
  • 3) Isolate single properties that you are likely to reuse a lot If you find yourself using a single property a lot, isolate it to save yourself repeating it over and over again and also enabling you to change the display of all parts of the site that use it. View Example File 3
Frederik Van Zande

A List Apart: Articles: Progressive Enhancement with CSS - 0 views

  •  
    In the previous article in this series, we covered the basic concept of progressive enhancement; now, we can begin discussing how to use it. There are many ways to integrate progressive enhancement into your work using Cascading Style Sheets (CSS), and this article will cover a few of the biggies and get you thinking about other ways to progressively enhance your sites.
Frederik Van Zande

Emblematiq :: Niceforms :: Overview - 0 views

  •  
    Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase, or signing up for a website. They are the basic, and pretty much the only way of gathering information on the web. You basically know a web form when you see one as they always look the same and they've kept this look over the years. Try as hard as you might but web forms can only change their appearance so much. Some may argue that this is a good usability feature, and I tend to agree, but there comes a time when you just need to style web forms so that they look different. How do you do that? Niceforms comes to the rescue! Niceforms is a script that will replace the most commonly used form elements with custom designed ones. You can either use the default theme that is provided or you can even develop your own look with minimal effort.
Alberto Adrián Schiano

Graphics Lab - 0 views

  • In this laboratory I perform various experiments in the realms of digital magick. Here I work with images, and 3D virtual spaces, as well as more traditional geometrical models to try and understand the graphical aspects of Computional Sorcery
    • Alberto Adrián Schiano
       
      This site has one of the biggest collection of ImageMagick tutorials and examples. See what you need to do and search it here! Este sitio tiene una de las mayores colecciones de tutoriales sobre ImageMagick. Ver que necesitamos hacer y buscar aquí.
  •  
    Dealing with images and scripts to modify them Sobre imagenes y guiones que los modifican
Frederik Van Zande

CSS Compatibility and Internet Explorer - 0 views

  •  
    A chart displaying IE compatibility to CSS from version 5 to 8
  •  
    With each new release of Windows Internet Explorer, support for the Cascading Style Sheets (CSS) standard has steadily improved. Internet Explorer 6 was the first fully CSS Level 1-compliant version of Internet Explorer. Windows Internet Explorer 8 is planned to be a fully CSS Level 2.1-compliant browser, and will support some features of CSS 3. If the browsers your Web site is targeting include earlier versions of Internet Explorer, however, you want to know the level of CSS compliance for those as well. This article provides an at-a-glance look at CSS compliance across recent versions of Internet Explorer, including support in Internet Explorer 8 Beta 1 for Developers and planned support in the final version of Internet Explorer 8.
‹ Previous 21 - 40 of 147 Next › Last »
Showing 20 items per page