Skip to main content

Home/ CSS Evangelist/ Group items tagged commenting

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
mikhail-miguel

css bloom - 0 views

cssbloom.com

webdev css

shared by mikhail-miguel on 18 Feb 07 - Cached
  • (16 votes, average: 3.88 out of 5)  Loading ... Comments (4) | Permalink CSS Bloom is a website showcasing the best CSS based designs used by Blog's and Online Portfolio's. By providing links, and previews of the best designs, we aim to provide our viewers with inspiration for their websites. If you have come across a design which is missing from CSS Bloom, but you feel should be added, or if you would like to submit your own design, then please use the Submit link at the top of the page. PetrSimi January 26th, 2007 (11 votes, average: 3.09 out of 5)  Loading ... Comments (0) | Permalink Blog PetrSimi January 26th, 2007 (11 votes, average: 3 out of 5)  Loading ...
wen071

CSS Bloom | CSS Gallery with Blog's and Online Portfolio's - 0 views

www.cssbloom.com

css

shared by wen071 on 19 Feb 07 - Cached
  • CSS Bloom is a website showcasing the best CSS based designs used by Blog's and Online Portfolio's. By providing links, and previews of the best designs, we aim to provide our viewers with inspiration for their websites. If you have come across a design which is missing from CSS Bloom, but you feel should be added, or if you would like to submit your own design, then please use the Submit link at the top of the page. PetrSimi January 26th, 2007 (11 votes, average: 3.09 out of 5)  Loading ... Comments (0) | Permalink Blog PetrSimi January 26th, 2007 (11 votes, average: 3 out of 5)  Loading ... Comments (0) | Permalink CreativeBits January 26th, 2007
moviele

Programming Designs Forums / Top Ten CSS Gallery/Showcase Websites - 0 views

forum.programming-designs.com/viewtopic.php

css

shared by moviele on 23 Feb 07 - Cached
  • Features:Submit websites? NoSubmit CSS Templates? YesRate websites/designs? YesComment on websites/designs? NoSite Functionality: 5/5Comments: CSSZenGarden is one of the first in it's class and showcases talent through customizing stylesheets to fit the site's design.2. StyleGala.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 5/5Comments: Style Gala not only showcases design but also brings resources into the mix, providing a great community for web designers./3. CSSRemix.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 5/5Comments: In my opinion, the best gallery showcase of CSS websites there is in terms of allowing people to interact.4. CSSReboot.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 5/5Comments: This site is more competitive than the others and submitting a site isn't as easy as the rest. But for what it does, it's great.5. CSSTux.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? NoComment on websites/designs? YesSite Functionality: 4/5Comments: Design is great, showcase is simple yet elegant.6. CSSMania.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? NoSite Functionality: 4/5Comments: A site with great functionality but commenting would be nice.7. CSSImport.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 4/5Comments: Another great showcase of design and talent, definitely a site you should check out.8. CSSDrive.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 4/5Comments: Great functionality, not the best design though.9. UnmatchedStyle.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 4/5Comments: They don't give quite enough room for effective showcasing, but overall it works.10. CSSBloom.comFeatures:Submit websites? YesSubmit CSS Templates? NoRate websites/designs? YesComment on websites/designs? YesSite Functionality: 3/5Comments: CSSBloom is based on WordPress, looks like a blog, but works well.Notable Mentions 11. CSS-Galleries.comFeatures:
    • Jason Bao
      Jason Bao on 23 Feb 07
       
      Zen Garden is an excellent one!
wen071

CSSElite CSS Gallery - css gallery, website design gallery, web design resources, css d... - 0 views

www.csselite.com

css website

shared by wen071 on 19 Feb 07 - Cached
  • AJ Miles (0) Bluebolt (0) Pro Landscape (0) OhYouPrettyThings (0) SUM Agency (0) Igoo (0) Young Go Getter (0) Future of Web Apps (0)
css rank

CSSRank - CSS Gallery For The Best Designed Web 2.0 Sites - 172 views

The development of web applications has drastically changed since its advent. Websites were normally designed with dominant tables in it. But this changed to a more portable and reliable method of ...

general

started by css rank on 28 Oct 08 no follow-up yet
Frederik Van Zande

SitePoint » How to Use Conditional Comments for Better CSS - 0 views

www.sitepoint.com/...tional-comments-for-better-css

conditional_comments css IE

shared by Frederik Van Zande on 12 Nov 08 - Cached
  • Frederik Van Zande on 12 Nov 08
     
    I'm a new contributor to the SitePoint blogs and will mostly be covering front-end development and Semantic Web technologies. I'm looking forward to participating in the SitePoint community! Sometimes it's the simplest things that go unnoticed for the longest time. Case in point, while catching up on some WSG reading tonight, I saw a link to Paul Hammond's Conditional classnames for Internet Explorer. In a sentence, he shows how using conditional comments to customize the element's class name can be used to simplify CSS selectors for a number of advantageous purposes.
anonymous

13 Awesome Javascript CSS Menus - 0 views

www.noupe.com/...some-java-script-css-menu.html

css

shared by anonymous on 11 Nov 07 - Cached
  • 13 Awesome Javascript CSS Menus Posted in: Ajax, Javascript, CSS 31 Comments, Add a Response
Vernon Fowler

Replacing the -9999px hack (new image replacement) - Jeffrey Zeldman Presents The Daily... - 0 views

www.zeldman.com/...9px-hack-new-image-replacement

NED12 css webdesign hacks image image-replacement text-indent

shared by Vernon Fowler on 16 Sep 12 - No Cached
  • My friend Scott Kellum, design director at Treesaver, has now sent me this refactored code for hiding text, which I hereby christen the Kellum Method: .hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; } Really long strings of text will never flow into the container because they always flow away from the container. Performance is dramatically improved because a 9999px box is not drawn. Noticeably so in animations on the iPad 1.
  • Scott Kellum said on 1 March 2012 at 3:41 pm: I went ahead and created a side by side site to test the performance: http://lab.pgdn.us/hidden-text-performance/ @Ethan, This is the best 43min I have ever spent learning about optimizing the performance of my CSS: http://www.youtube.com/watch?v=xuMWhto62Eo
  • Would be interesting to understand both the SEO and accessibility impacts of this approach.
  • ...4 more annotations...
  • Scott Kellum said on 2 March 2012 at 4:06 pm: After much deliberation over here: https://github.com/h5bp/html5-boilerplate/issues/1005#issuecomment-4293007 Jonathan Neal suggested a method using font: 0/0 serif; and things seem to be settling on this — .ir { font: 0/0 serif; text-shadow: none; color: transparent; }
  • While I think this is certainly and interesting approach, I have some concerns with the accessibility. In some, if not all, cases when overflow: hidden; hides the content of the element this is applied to from screen readers. In most cases where I use image replacement, I still need the text to be accessible (e.g. call to action buttons set in Gotham). See Aaron Gustafson’s A List Apart article, http://www.alistapart.com/articles/now-you-see-me/. Has anyone tested this with a wide battery of screen readers or other accessibility devices?
  • Another note on accessibility: Besides the screen reader problems – people who don’t get images will not see the text too.
  • As a few people said already, this does not solve the accessibility problem that comes with text-indent. Worse, it may send the wrong message: “this is new and cool, use this from now!”. As a leader in the industry, I think you should warn people that even if this is “better” in term of performance, it is still a bad solution. Imo, Image Replacement techniques should be evaluated against the problems they solve/address. Fwiw, I wrote something about these challenges a few years back: http://tjkdesign.com/articles/tip.asp </shameless plug>
webartist

Design Feeds - 0 views

www.designfeeds.com.au

design feeds resources websites webdesign tutorials rss seo typography coding css apps news articles designfeeds

shared by webartist on 04 Jan 09 - Cached
  • webartist on 04 Jan 09
     
    A collection of design related articles, resources, comments and inspiration. Designfeeds.com.au provides easy to use and up to date information on anything design. From design inspiration to CSS and coding techniques, Designfeeds.com.au refreshes every 10 minutes and grabs new articles from a growing resource of respected websites.
my mashable

Friendfeed Beta More Like Twitter - 0 views

www.bloggersbase.com/...endfeed-beta-more-like-twitter

Twitter friendfeed friendfeed-beta

shared by my mashable on 07 Apr 09 - Cached
  • my mashable on 07 Apr 09
     
    Friendfeed introduce a new design for Friendfeed at http://beta.friendfeed.com/ on April 06, 2009. The newly re-designed friendfeed beta version looks a lot like Twitter. Forget the refresh button. All pages now update in real-time. You'll see your friends' photos and messages stream in as they're shared. Comments and likes also get displayed as they happen.
mk19198

Facebook Autopilot Share like a human intro - YouTube - 0 views

www.youtube.com/watch

shared by mk19198 on 21 Jan 15 - No Cached
  • mk19198 on 21 Jan 15
     
    Facebook autopilot is a creative software, which can share on Facebook groups and comments just like a real human
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.
Frederik Van Zande

How to get Cross Browser Compatibility Every Time | Anthony Short | Web Design & Develo... - 0 views

anthonyshort.com.au/...rowser-compatibility-everytime

best practice browser compatibility css reference

shared by Frederik Van Zande on 20 Jun 08 - Cached
  • Here is a quick summary for those of you who don't want to read the whole article: Always use strict doctype and standards-compliant HTML/CSS Always use a reset at the start of your css Use opacity:0.99 on text elements to clean up rendering in Safari Never resize images in the CSS or HTML Check font rendering in every browser. Don't use Lucida Size text as a % in the body, and as em's throughout All layout divs that are floated should include display:inline and overflow:hidden Containers should have overflow:auto and trigger hasLayout via a width or height Don't use any fancy CSS3 selectors Don't use transparent PNG's unless you have loaded the alpha
  • Frederik Van Zande on 20 Jun 08
     
    Cross-browser compatibility is one of the most time consuming tasks for any web designer. We've seen many different articles over the net describing common problems and fixes. I've collated all the information I could find to create some coding conventions for ensuring that your site will work first time in every browser. There are some things you should consider for Safari and Firefox also, and IE isn't always the culprit for your CSS woes.
yc c

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. */
Hussain M Elius

A CSS styled table - 0 views

veerle.duoh.com/...a_css_styled_table

css webdesign table

shared by Hussain M Elius on 20 Nov 08 - Cached
  • Hussain M Elius on 20 Nov 08
     
    Styling a table using CSS
Jason Bao

Five simple steps to better typography : Journal : Mark Boulton - 0 views

www.markboulton.co.uk/...ple_steps_to_better_typography

font typography

shared by Jason Bao on 01 Nov 07 - Cached
  • One point = 1/72 of an inch One pica = 12 points One em = The distance horizontally equal to the type size, in points, you are using. Eg. 1em of 12pt type is 12pt. (Thanks to Joe for correcting me on this.)
  • A general good rule of thumb is 2-3 alphabets in length, or 52-78 characters (including spaces).
    • Jason Bao
      Jason Bao on 01 Nov 07
       
      in one line
  • Your leading should increase proportionally to your Measure. Small Measure, less leading. Wide Measure, more leading.
  • ...1 more annotation...
  • When reversing colour out, eg white text on black, make sure you increase the leading, tracking and decrease your font-weight. This applies to all widths of Measure.
    • Jason Bao
      Jason Bao on 01 Nov 07
       
      深色背景在视觉上拥有更大的对比度，更窄的行距。
yc c

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

www.sitevista.com/cssvista

css free software tools visual mswindows

shared by yc c on 19 Feb 07 - Cached
  • CSSVista What is it? 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! :-) You can download it here. We want your feedback! Please take a moment to let us know what you think of the program. You can do that either in the comments of this blog post, or by emailing us. Screenshot Why is it free? What's the catch?
  • yc c on 09 Mar 09
     
    CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously.
1 - 20 of 31 Next ›
Showing 20▼ items per page