Skip to main content

Home/ CSS Evangelist/ Group items tagged codes

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
1More

LeadGen - Multipurpose Marketing Landing Page Pack with Page Builder - 0 views

themeforest.net/...19245368 active campaign Aweber bootstrap responsive monitor corporate business creative drag and drop get response lead generation mailchimp mailer lite marketing landing page multipurpose one builder
shared by LinkSture Technologies on 17 Jan 17 - No Cached
  • LinkSture Technologies on 17 Jan 17
     
    LeadGen is a conversion ratio and speed optimized multi-purpose marketing landing page template with drag & drop page builder and tons of readymade elements and demos with greater level of customization possibilities. LeadGen is the best collection of landing pages with modern touch, very well polished, highly responsive, elegant and engaging marketing pages to attract your readers and convince them to contact you or convert to your prospect using the form and call to action buttons. LeadGen can be used as one page website also by having OnePage smooth scrolling menu linked to various sections added on the page. There are 30+ carefully crafted readymade demos are available for different type of businesses as well as 300+ unique elements to chose from and generate your own landing page quickly without any hassles. A powerful and intuitive drag and drop page builder worth $29 is integrated to use readymade blocks, customize fonts, colors, links, styling, content, images as well as deep customization using source code also.

Don't Just Get A Website… Get Discovered! - 3 views

started by clariene Austria on 30 May 12 no follow-up yet

What you need to know about seo webdesign - 1 views

started by clariene Austria on 04 Jul 12 no follow-up yet

Don't Just Get A Website… Get Discovered! - 1 views

started by clariene Austria on 04 Jun 12 no follow-up yet
2More

Working With LESS and the Chrome DevTools - 2 views

dev.tutsplus.com/...the-chrome-devtools--net-36636 css webdesign tools browser less debug
shared by Vernon Fowler on 28 Jan 14 - No Cached
  • While holding Command (Control on Windows), click any property, value or selector to jump to the line of code in the corresponding LESS source file within the Sources panel.
  • Vernon Fowler on 28 Jan 14
     
    This is a complete tutorial to using LESS with Chrome's DevTools. If you've used Sass with Chrome's DevTools, you'll most likely already be familiar with the concepts introduced here. | Difficulty: Beginner; Length: Quick; Tags: Tools & Tips, Tutorials, Web Dev
12More

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.
1More

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.
1More

The Golden Grid - 0 views

code.google.com/the-golden-grid css grid thegoldengrid
shared by Vladimir Carrer on 07 Mar 09 - Cached
  • Vladimir Carrer on 10 Mar 09
     
    The Golden Grid is a web grid system. It 's a product of the search for the perfect modern grid system. It 's meant to be a CSS tool for grid based web sites
1More

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
2More

CSS Optimization: Make Your Sites Load Faster for Free by Blogging Pro - 0 views

www.bloggingpro.com/...css-optimization compare css optimizer tools
shared by yc c on 04 Mar 07 - Cached
  • While a lot of people are out to optimize their sites/blogs, most everyone seems to skip over CSS. I have been spending some time looking at CSS Optimization tools today. I wanted something free, online, and easy to use. And of course, something that worked. There are actually quite a few websites that fit the bill, and some of them are easier to use, produce more friendly code, and others are a bit harder to use, but can produce amazing results.
  • Jason Bao on 06 Mar 07
     
    oh,, that would be hard to find the differences between before and after optimizing..
1More

Resources : CSS : Cultured Code - 0 views

www.culturedcode.com/css css download interactive tutorial
shared by yc c on 09 Mar 09 - Cached
  • yc c on 09 Mar 09
     
    interactive CSS 2.1 properties reference
1More

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.
1More

CSSVista: Live CSS editing with Internet Explorer and Firefox simultaneously - 0 views

sitevista.com/cssvista css firefox ie mswindows tools
shared by yc c on 11 Jul 07 - Cached
  • yc c on 11 Jul 07
     
    CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously. If you like this, you may be interested in our browser compatibility service, SiteVista. Yes, that's why this software is free! :-)
2More

Typogridphy - A Typographical and Grid Layout CSS Framework From Harry Roberts of CSS W... - 2 views

csswizardry.com/typogridphy css layout-grid
shared by Gary Edwards on 31 May 08 - Cached
  • Grids &amp; Typography Typogridphy is a CSS framework constructed to allow web designers and front-end developers to quickly code typograhically pleasing grid layouts. Based on the popular 960 Grid System, Typogridphy allows you to create grid layouts which are versatile and great looking. Typogridphy is made of fully validate, semantic and strict xHTML, and validate CSS.
  • Gary Edwards on 31 May 08
     
    Very nice. Great looking lists! Found this link at CSS-Tricks
1More

Image to CSS Converter - 0 views

elliottback.com/...image-to-css.php converter css html image tools
shared by yc c on 06 May 07 - Cached
  • yc c on 06 May 07
     
    This is the direct link from http://elliottback.com/wp/archives/2005/04/25/convert-image-to-css/
     Convert Image to CSS
    Posted in Code, Plugins, Graphics by Elliott Back on April 25th, 2005. [Del.icio.us]

    Ever wanted to take an image and convert it, pixel by pixel, into CSS, HTML, or xHTML? Well, now you can, thanks to my handy conversion tool! Just give it the URL of the image to convert, select a pixel resampling ratio, a mode, and off you go. You can also save the html. Just right click on the permalink and "save target as" to your favorite location.

        * Example: Born into Brothels [via]
        * Example: Cambridge, England [via]
        * Massive deforestation [via]

    Note: If you give a very large image, with a very small pixel ratio, the image could take a long time to load, or eventually overload your browser with multiple megabytes of web information. These "images" are very large!


1More

A CSS Sticky Footer - 0 views

ryanfait.com/sticky-footer css footer sniplet
shared by yc c on 09 Mar 09 - Cached
  • yc c on 09 Mar 09
     
    /* STICKER - A valid, easy to use CSS sticky footer by Ryan Fait This is the basic CSS you need along with the one extra empty div and the wrapper required to achieve the effect. I suggest that you leave the * { margin: 0; } code in while testing and building your site because margins do have a tendency to mess things up a bit. Have fun! Copyright (c) 2006-2007 Ryan Fait */ * { margin: 0; } html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; /* the bottom margin is the negative value of the footer's height */ } .footer, .push { height: 4em; /* .push must be the same height as .footer */ } /* TROUBLESHOOTING I've received a few comments about vertical margins causing a few problems with the layout. If you want space between paragraphs or headers, use padding instead of margin. It's as simple as that. */
1More

Compress javascript and css. amazing code compression. quick, easy and free! - 0 views

compressor.ebiene.de compressor css online
shared by yc c on 09 Mar 09 - Cached
  • yc c on 09 Mar 09
     
    compress CSS by copy paste
« First ‹ Previous 81 - 100 of 129 Next › Last »
Showing 20▼ items per page