Skip to main content

Home/ CSS Evangelist/ Group items tagged cool

Rss Feed Group items tagged

my mashable

5 Tips to Get More Traffic for Your Blog - 0 views

  •  
    So you have a new blog and you think the posts are pretty good? Don't know how to get more loyal and valuable readers to your blog? ok then let me tell you some cool tips that i have learnt and implemented with my blogs with you.
anonymous

External Batteries for many brand laptop battery and cell phone battery - 0 views

    • anonymous
       
      A cool battery will be appeared at once,i remarked it when it can be bought.In this case,i won't find it diffculty.The battery suited so many brand,laptop batteries and cell phone batteries,it is very cool,i should tell the more friends.
my mashable

How to Bring Twitter to Your Wordpress Blog - 0 views

  •  
    Have you become addicted to telling the world what you're up to in 140 characters or less? If so, say three cheers for wordpress. Wordpress recently launched a cool new feature that all bloggers will love to use : a Twitter widget for your wordpress sidebar.
Charles Gnilka

10 Image Free Sexy CSS Menu and How to Create One | Desizn Tech - 0 views

  •  
    It has been while since we did any CSS menu post here. Who said you can't make sexy, cool looking menu with CSS ? Today we bring you 10 Free sexy CSS menu and tutorial on how to create one. As usual they are free for personal use. Most the of menus are created using using  CSS and CSS3 propety-webkit-border-radius and -moz-border-radius.
yc c

\(^o^)/ - HTML5 CSS3 DEMOっ アニメーション - \(^o^)/ - 4 views

  •  
    cool =D
Andrea Micheloni

ZURB - Easily Turn Your Images Into Polaroids with CSS3 - 5 views

  •  
    Cool css3 tricks with list
Vernon Fowler

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

  • 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>
leengy

A List Apart: Articles: Sliding Doors of CSS - 0 views

  •  
    That was a cool article, i think ;-)
Joel Liu

Free Design Templates | Smashing Magazine - 0 views

  • Free design templates don’t have to be unattractive, inaccurate and boring. Some web-sites offer high quality templates for the best price you would ever get - for free. You can download Flash-based templates as well as CSS-based layouts absolutely free; furthermore, you can use them for your personal and commercial projects without any restrictions whatsoever. Still, before using some of the templates, throw a glance at the license agreements - they’re changing all the time.
  • ...3 more annotations...
  •  
    cool
enmail

Top 10 CSS Tutorials - Cameron Olthuis - 0 views

  • There’s a lot of really cool things that can be done using CSS and I’ve found some of the following resources to be very helpful to inspire ideas and learn new techniques. There’s a lot of good CSS tutorials out there so it’s pretty hard to narrow it down to only the 10 best. So instead of taking this list as the top 10 consider it as a collection of 10 great tutorials. I recommend having a good working knowledge of CSS/HTML before trying any of these on your own site.
yc c

IxEdit - 1 views

  •  
    IxEdit itself is made with JavaScript, and it is an entirely new type of design tool which is to be embedded in the HTML you are editing. Firefox, Safari, Chrome, or IE becomes your interaction development environment. The interactions you create will be applied on-the-fly to the web page, so you can edit them while checking how they behave in real time.
1 - 17 of 17
Showing 20 items per page