Archives for: January 2009

01/28/09

01/20/09

Permalink 09:32:12 am, by sebas Email , 937 words, 665 views   English (US)
Categories: IT Stuff

11 Useful Tools To Check, Clean & Optimize Your CSS File

Minimizing the filesize of the CSS stylesheet has been regarded by many as a good way to increase your site loading speed. Indeed, by reducing the CSS file by several kilobytes, the server will take a shorter time to load and result in a faster webpage.
In the event that your articles hit the Digg frontpage, this could also be one of the few deciding factors (there are many more) whether your server will crash or not.
Some of the most common methods used to optimize/minimize a CSS stylesheet involves eliminating unused selectors, unwanted whitespace, tabs, comments and change the longhand declaration to shorthand notations.
I know that some of you here are not tech-savvy enough to edit your own CSS code, so here I will provide you with some of the useful tools that you can use to optimize your CSS code, even if you have completely no knowledge of CSS coding.
Check your CSS code
W3C CSS Validator
The W3C CSS validator is a tool that you can use to validate your CSS. You can either download the Java validator to your computer and use it offline, or use the online form to check your CSS code.

CSS Validator Firefox Add-On
To make it easier for you to validate your CSS code, there is this Firefox extension - CSS Validator - that you can install on your browser. Once installed, you can easily and quickly check your code with a right click of the mouse.
CSSCheck
Even though your CSS code is validated, it does not mean that it is free from error. The validation only means that it complies with the CSS standards set by the W3C. If you want to validate as well as looking into a few browser compatibility issues with your stylesheet, then CSSCheck is a good tool for you.
CSS Analyzer
CSS Analyzer is an useful tool that allows you to validate your stylesheet against the W3C’s standard, perform a color contrast test, and a test to ensure that relevant sizes are specified in relative units of measurement.
In case you are wondering, the color contrast test is to check that the foreground and background color combinations provide sufficient contrast when viewed by someone having color deficits, or when viewed on a black and white screen.
Clean up your CSS code
Dust-Me Selectors
Dust-Me Selectors is a Firefox extension that finds unused CSS selectors on the page that you are viewing. As you test subsequent pages of the same domain, the result is cross-checked with the previous data and any selectors encountered are crossed off from the list. You can use it to test individual pages or get it to spider the whole site.
In the end, you will get a report on the selectors that are not used anywhere in the site. You can then remove those selectors from your stylesheet (lesser code means smaller filesize).

CSS Redundancy Checker
Similar to Dust-Me Selectors, this tool checks your site for unused and redundant CSS selectors. The only thing that is different is that you need to manually enter the URI for each page that you want to test.

Optimize and Compress your CSS code
Once you have completed checking the validity of your CSS and cleaned up unnecessary code, it’s time to optimize and reduce it to the smallest possible size.
CSS Tidy
CSS Tidy is an open source software that you can use to optimize and compress your CSS file. It is available in .exe format (Windows only) and a zipped php script format (all platforms, for Web developers). What CSS Tidy does is mainly remove the comment, unnecessary whitespace and change some of the code to shorthand. During compression, you can choose between code readability or maximum compression. Depending on the length of your code, you can easily achieve a compression ratio of up to 30% or more.
Since CSS Tidy is an open source project, there have been several websites that use the code and turned it into an online tool for people to use. Here are some of them:
CLEAN CSS
Code Beautifier
CSS Formatter and Optimizer from CSS Portal
CSS Formatter and Optimizer from Flyspray
Other CSS Optimizers
FlumpCakes CSS Optimizer
A simple optimizer that comes with several options for you to choose from.

Robson CSS Compressor
While it may look the same as others, I have found the compression rate for Robson CSS Compressor to be the highest among them all. Although it comes with several options for you to tweak the setting, leaving all the options untouched (all options checked) always produces the best result.
CSS Drive CSS Compressor
The CSS Compressor offered by CSS Drive comes in two modes that you can use: Regular and Advanced. In the Regular mode, you only need to select which level of compression you want (Light, Normal or Super Compact) and the CSS Compressor will do the rest. In the Advanced mode, you are given more options and a greater say on how you want your stylesheet to be optimized.
CSS Optimizer
The CSS Optimizer from mabblog.com is a command line application for Mac and Linux. It is meant for those who are more comfortable with the terminal rather than an online interface. There is also a simple online version available for those who want to quickly get it over and done with.
Hopefully the tools listed here are enough for you to tweak and optimize your CSS stylesheet. If you have used any other tools that are more useful than those mentioned above, share them with us in the comments.

Permalink 09:28:25 am, by sebas Email , 58 words, 228 views   English (US)
Categories: IT Stuff

45+ New jQuery Techniques For Good User Experience

To help you take it up a notch, we share below some methods that can help you give visitors to your website an amazing user experience. Here are over 45 impressive jQuery plug-ins and techniques that have been recently created and that could make the development of your next website an easier and more interesting experience than the last.

Permalink 09:24:14 am, by sebas Email , 6 words, 107 views   English (US)
Categories: IT Stuff, Family

CSS super scrub

Sebas

El blog del Sebas, hay de todo y para todos.

January 2009
Mon Tue Wed Thu Fri Sat Sun
 << < Current> >>
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  

Search

Categories

Linkblog

Social software

Promotion

  • El reto de exportar servicios

    México tiene al menos tres oportunidades para ascender del 7° lugar del mercado offshore outsourcing de TIC: Select

    Permalink
  • Futo...comprar y vender en España Permalink
  • Technology Business Accelerator

    Programa de Secretaría de Economía administrado por la Fundación México-Estados Unidos para la Ciencia para dar apoyo a Empresas Mexicanas de Alta Tecnología.

    Proximamente: Inauguración TechBA Austin el día 5 de diciembre, 2005

    Interesante Tutorial:
    Conoce como puede estar lista tu empresa para el Mercado Global con el Tutorial "Getting Ready for the Global Market"

    Permalink
  • Valley-Mexico mentoring grooms firms for growth

    By Matt Marshall
    Mercury News

    When Alberto Herrera started his own tech company in Tijuana two years ago, he was confident he had the knowledge to take on the risk.

    His team had worked at Panasonic's office in the Mexican border city and had the technical expertise to craft a new kind of wireless sensor network -- one that can be used for hotel room key cards and turn on the heating system once a customer has entered his or her room.

    But Herrera didn't have contacts with venture capitalists and didn't know how to spiff up a business plan.

    That changed last year, once his company, Medida, started working with the Mexico-Silicon Valley Technology Business Accelerator (TechBA for short) in San Jose, funded by an annual $6 million grant from the Mexican government.

    TechBA assigned a special adviser to Medida, to mentor it in Silicon Valley's arcane ways.

    The help is part of an effort by the Mexican government to jump-start its technology economy -- in part through better connections to leading tech centers like Silicon Valley and their entrepreneurial cultures and practices.

    Mexico's domestic information technology and software market totals more than $3 billion a year and has 2,095 companies, according to its economics ministry.

    Mexico exports about $400 million in technology services each year to the United States, about half in business process outsourcing, half in software outsourcing. But Mexico wants to do more than supply its northern neighbor with a cheap source of labor, says Jorge Zavala, chief executive of TechBA. ``The question is, how do we switch from low value-added services and move into information technology?''

    The goal of TechBA, he said, is to help create Mexican companies that own their own technology, and to export $5 billion in technology and other services by 2012.

    In Herrara's case, TechBA appointed a mentor -- Adolpho Nemirosky, an Argentine entrepreneur who has worked in the valley's semiconductor and telecom industries for 13 years. He had co-founded a venture-backed company, Xtreme Logic, and was eager to help others. He is paid a stipend by TechBA.

    His help has already gone a long way. Nemirosky taught Herrera how to make an elevator pitch -- that is, a two- to five-minute synopsis of his company, tailored for impatient investors. He advised him to focus on specific areas, such as sensor systems for hotels and for entertainment software. And he took Herrera to meet with some professors at the University of California-Berkeley, where Herrera was able to secure a technology adviser.

    To top it off, Nemirosky groomed Herrera to present to venture capitalists Tuesday evening at an event hosted by TechBA and an angel group called Silicom Ventures. Besides the investors, a live audience of more than 200 people looked on. And Herrara performed well enough that three of four venture capitalists invited him to talk with them further. ``I'm very pleased with him,'' Nemirosky said of his protege.

    Currently, 40 companies participate in the TechBA program, and the group recently announced its first tangible success: Mexican company JackBe. The company, which has created Web sites for Sears and Citigroup's Mexico operations, raised $6.5 million in venture capital funding in November -- the first Mexican tech company to raise venture capital from the United States, according to TechBA's Zavala.

    There are other signs of late that the U.S. venture capital market is waking to not only to Mexico, the world's ninth largest economy, but also to the fast-growing Hispanic market in this country.

    Sausalito venture firm Sienna Ventures is now raising $100 million for its newest fund to focus on the Hispanic market.

    Herrera's company, Medida, meanwhile, is expanding in the United States. It has $1 million in revenue after a year's work, 10 employees and an office in San Jose, where employees can drop in from Tijuana. Silicon Valley is a good place to develop contacts for customers, said Herrera.

    ``We've gained visibility that would otherwise be very hard to get,'' he said.

    One of his customers is XaviX, which makes interactive sports games and also has offices in San Jose. Medida provides XaviX wireless sensors for its newest fly-fishing game -- where the sensor detects when game players flick their wrists and feeds information back to the game.

    Mexico is just the latest country trying to develop a network here in Silicon Valley.

    Gadi Behar, managing director of Israeli-focused Silicom Ventures, has reached out to groups from Canada, Argentina, Brazil, the Netherlands and Hawaii, offering help such as crash courses on Silicon Valley's business culture. ``They all want access to Silicon Valley,'' agreed Michelle Messina, a public relations professional who has also helped companies in these groups.
    Contact Matt Marshall at 408-920-5920 or via his blog at www.SiliconBeat.com

    © 2006 MercuryNews.com and wire service sources. All Rights Reserved.
    http://www.siliconvalley.com

    Permalink
  • What Are Google AdWords

    A nice article Sebastian found and sent.

    Permalink

Software development

Courses

  • Novell Learning Center

    Creo que deberíamos familiarizarnos con este material antes de embarcarnos más a fondo en la aventura de dar servicios alrededor de Novell.

    Permalink

Interesting blogs

  • Finding Signals in the Noise

    Finding Signals in the Noise
    Digg, Memeorandum, Findory, Blogniscient, and other startups promise to manage news overload on the Web.

    Few would dispute that we live in an age of information overload. In the last few years alone, blogs have increased the torrent of information each day to unmanageable levels.
    This would explain, then, why a corresponding torrent of startups has surfaced recently to help us filter, manage, and control this flood of information. Some rely on insightful algorithms that understand popularity to filter the news, while others rely on the preferences of readers.

    Permalink
  • Big Media, Little Blogosphere

    There aren't yet enough quality pages to satisfy advertisers' hunger for a blog presence

    Permalink

Misc

XML Feeds

What is RSS?

Who's Online?

  • Guest Users: 18

powered by
b2evolution