Skip to main content

Home/ CSS Evangelist/ Group items tagged They

Rss Feed Group items tagged

anonymous

Why Like-Gating Will Not Help You Earn Customer Loyalty? - 0 views

  •  
    Many companies use short cut strategies these days to increase number of customers. They need to consider the fact that impact of short cut strategies do not last long. To establish a long-term relationship with your target customers, you need to put in energy and time.
anonymous

Stay Updated with Latest E-commerce Web Design Trends - 0 views

  •  
    An e-commerce website should always contain good information and simple designs. Evaluate the site from point of view of users and make sure that the navigation system is simple and easy-to-use. Implement current trends, only if they meet purposes of your site.
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>
Web Design Saudi

Excellent Saudi Web Design Team - 1 views

I wanted to make a website to promote my Riyadh-based travel agency, after all my travel agency was the only remaining agency which has no online presence then. I noticed that my competitors had al...

web design Saudi

started by Web Design Saudi on 14 Nov 11 no follow-up yet
Vernon Fowler

Scout - Compass and Sass without all the hassle - 0 views

  •  
    "Since Sass and Compass are Ruby gems, they require that you have a working knowledge of Ruby and the command line. Not all designers will know how or want to use command line tools, and that's where Scout steps in. Scout runs Sass and Compass in a self-contained Ruby environment, letting you effortlessly manage all of your Sass projects with a handful of clicks. You'll never have to worry about your Ruby setup or deal with technical issues. Scout does all of the heavy lifting, giving you more time to do what you love."
Al-Mehatb Shaikh

Amazing Video Animations | Videos are the most interactive marketing platforms | logode... - 0 views

  •  
    Logodesign creates unforgettable videos for companies and projects like yours. Leading ad agencies, digital agencies, start ups and big corporations all know they can count on us for creating an extraordinary animated video or explainer video for their brand or services offering.
Al-Mehatb Shaikh

http://goarticles.com/article/5-Factors-Why-Company-Logo-Design-Matters/8491476/ - 0 views

  •  
    The business owners keep looking for ways to become more famous, earn more money and have more customers. They vision of progress and growth successfully. Identification is important for the business and remembered for years to come. For a long-lasting survival, brand identity is very important and cannot be underestimated.
my mashable

20+ Great Twitter Tools for Firefox - 0 views

  •  
    People love Twitter, and they love Firefox, so it only seems natural that there would be quite a few tools to merge these two items.Whether you want to have a full Twitter client inside of your browser, or just the ability to share parts of a site, a whole Web page or just the URL of the site you are reading, there is a tool for you. Take a look through these 20+ tools and there is sure to be something that appeals to you.
my mashable

Spain cut England down to size - 0 views

  •  
    Spain handed England a sharp reminder of the limits of the progress they have made under Fabio Capello by strolling to a 2-0 friendly victory here on Wednesday.
Gary Edwards

Grid design basics: Grids for Web page layouts - Opera Developer Community - 2 views

  •  
    Since tables were co-opted for layout purposes, columns have become key to many Web design layouts, and this thinking continued when CSS took over from tables (at least in the minds of savvy designers) for Web-page presentation. However, other fields of layout design don't think in arbitrary columns, they work with grids, and these form the basis for the structure of page designs. This article will provide the lowdown on grid design for Web pages. Thinking modular Grids are a template, a framework within which creativity can flourish. Too many designers spend time looking at a blank canvas, trying to figure out where elements should be positioned, but, if you have a flexible underlying grid, many such problems are already solved for you. It becomes obvious where and how elements should and can be positioned, thereby leaving you, the designer, with more time to work on graphic design and other page components.
Jungle Jar

JungleJar - CSS Authoring For Quick Indexing - 0 views

  •  
    In this article I'm going to show you various ways that I myself have written my CSS files with an emphasis on some sort of order. This is my evolution of CSS authoring, if you will. I'll also be coining phrases as I go along to give some sort of personality to the aggregation of code. Maybe they will catch on..
yc c

tingelets - Bookmarklets for Web Developers - 0 views

shared by yc c on 01 Jun 08 - Cached
  •  
    tingelets are a set of bookmarklets that you can place in your browsers bookmark bar. When clicked, they highlight a certain tag or set of tags in a specific color or background tile. They are very handy for quickly looking at web layouts in different browsers. You can either highlight tags directly or type in a tag, id or class name to highlight the matching element(s).
yc c

53 CSS-Techniques You Couldn't Live Without | Smashing Magazine - 0 views

  •  
    Below you'll find a list of techniques we , as web-architects, really couldn't live without. They are essential and they indeed make our life easier.
my mashable

Friendfeed Beta More Like Twitter - 0 views

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

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.
abdullah khan

Styleneat - CSS Organizer - 7 views

shared by abdullah khan on 04 Feb 10 - Cached
  •  
    Styleneat organizes and standardizes your CSS in a structure that makes it easier to define page areas and see how they relate to each other.
yc c

Format CSS Online - 1 views

  •  
    Automatically format your CSS (cascading style sheets) so they are easy to read and edit. Use this tool to reorganize your CSS online! Simply submit your cascading style sheet, and receive our suggested reorganization. Descramble obfuscated CSS. Reverse Engineer CSS | Format CSS | Organizing CSS
Ace Dee

Cutting Edge SEO Services From Oracle Digital - 1 views

Many SEO companies say they will get you to page 1 but many have failed. Oracle Digital however, has done that for me. Apart from their cutting-edge SEO strategies, they took my company seriously a...

seo

started by Ace Dee on 17 Feb 11 no follow-up yet
Syntacticsinc SEO

Syntactics Move to New Office to Better Serve Clients - 1 views

I was looking for the old office of Syntactics Inc. to get thorough internet marketing for my business through search engine optimization and other SEO Philippines techniques. After learning that t...

SEO Philippines search engine optimization web development

started by Syntacticsinc SEO on 23 Feb 11 no follow-up yet
« First ‹ Previous 41 - 60 of 117 Next › Last »
Showing 20 items per page