Skip to main content

Home/ CSS Evangelist/ Group items tagged boxes

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Alexis Sgavel

How to Control Text Properties using jQuery and UI Slider - Script Tutorials - 0 views

www.script-tutorials.com/ext-animation-jquery-ui-slider

jQuery slider text typography javascript

shared by Alexis Sgavel on 05 Mar 11 - No Cached
  • Alexis Sgavel on 05 Mar 11
     
    Today I will tell how you can use jQuery to animate and control your text. We will changing font size, font family and other properties. Where we can use this? As example to allow your users to customize view of text boxes in your website. So, playing with styles - users will be able to select preferred styles, and you will need just save these styles for him, or, you can use this as some zoon for your website, which will allow to change font size in realtime. Also we will using jQuery slider to manipulate with properties to make it more interactive.
yc c

Linear Gradients - 4 views

westciv.com/...index.html

css css3 gradient shodow stroke playground preview

shared by yc c on 24 Oct 09 - Cached
  • yc c on 24 Oct 09
     
    Some playground/sandboxes for CSS CSS3 * Linear Gradients * Radial Gradients * Text Shadow * Box Shadow * Text Stroke
mikhail-miguel

CSS Import - 0 views

www.cssimport.com

webdev css galleries showcases

shared by mikhail-miguel on 14 Feb 07 - Cached
  • Contrabrand (0)Feb 14, 2007 12 Stone Art (0)Feb 5, 2007 Spouse Notes (0)Feb 4, 2007 Urban Dish Seattle (1)Feb 2, 2007 Agency Access (0)Feb 2, 2007 Fall in Tennessee (0)Feb 2, 2007 NorthColour (3)Feb 1, 2007 Noemie Chevaux (0)Feb 1, 2007 Incredible Box (3)Feb 1, 2007 Drew Warkentin (4)
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>
Vernon Fowler

No More Need For Some CSS3 Vendor Prefixes | MightyMeta - 0 views

www.mightymeta.co.uk/...-for-some-css3-vendor-prefixes

css css3 vendor webdesign

shared by Vernon Fowler on 06 Jan 12 - No Cached
  • Safari (5% of global share) still requires a prefix for box-shadow
  • Hopefully some of the other more exciting CSS3 properties such as transform will follow suit soon.
Vernon Fowler

word-break | CSS-Tricks - 0 views

css-tricks.com/...word-break

css webdesign long words fittext text

shared by Vernon Fowler on 20 Mar 14 - No Cached
  • It's often used in places with user generated content so that long strings don't risk breaking layout.
Jungle Jar

reset.css And Why It Can Be A Valuable Tool For The Box - 0 views

www.junglejar.com/...reset-css

css style sheets reset.css browser defaults design junglejar

shared by Jungle Jar on 27 Dec 08 - Cached
  • Jungle Jar on 27 Dec 08
     
    This CSS file will reset all of your CSS declarations. More specifically, it will get rid of browser defaults. This is essentially like getting the playing field completely level for the teams. The browsers being the teams..
yc c

XRAY :: for web developers - 0 views

westciv.com/xray

bookmarklets css webdev

shared by yc c on 09 Mar 09 - Cached
  • yc c on 09 Mar 09
     
    XRAY is a free cross browser tool that lets you see the box model in action for any element, letting you see beneath the skin of any web page.
yc c

Web Design Blog | ModernBlueDesign.com » Blog Archive » Fighting Spam with CSS - 0 views

www.modernbluedesign.com/...fighting-spam-with-css

css hack spam

shared by yc c on 02 Jul 07 - Cached
  • yc c on 02 Jul 07
     
    The idea here is setting up a form with a text field and via CSS making it invisible. Then, if a post is sent to a php script handling the request and that text box has information in it, that means a human didn't fill it out, and the script is simply aborted.
trnscndr

Duly Consider: Obama's Secret Service Detail: An Omen To Assassination? - 0 views

dulyconsider.blogspot.com/...et-service-detail-omen-to.html

assassination democrat nazi violence

shared by trnscndr on 04 May 07 - Cached
  • trnscndr on 04 May 07
     
    The biggest question one should consider is, whether or not Obama is feared by the establishment. Do they believe he will stop their flow of blood-money? Do they believe he will open Pandora's box on previous assassinations and corruption? Do they believe he will keep his word and shut them down on all fronts?
  • dstanford on 02 Jun 07
     
    Why is this in the CSS group? Is there a way to delete it?
‹ Previous 21 - 40 of 55 Next ›
Showing 20▼ items per page