Tag Archive: web design

Compare CSS Stylesheet Tool – Update

Author: 12 October 2012 0 Comments

In December 2010 i made my compare stylesheet tool available on my site for everyone.

It had a few shortcomings (pointed out to me by a few of you) so I’ve made some nice additions! Hurrah!

What does it do?
For those who don’t already know, CSS is a standard used to define Web site presentation styles.
When a Web designer creates a CSS stylesheet for a site, he will evolve it through multiple versions with incremental changes.

This tool allows a web designer to clearly see the differences between two css stylesheet files (classes only, not values)

Compare CSS Stylesheets

Description
A webpage that takes two CSS files and compares the classes contained in both. Resulting differences are highlighted in red.

Updates:

  • Optional flag “(!)” can be added next to every difference for quick & easy text search.
  • Text boxes at bottom of page for easy copy and paste of CSS code (also with optional “(!)” flag for easy text search)

    • Usage:
    Click the “Compare CSS Tool” link below and simply upload the css files you want to compare and click the compare button.

    Compare CSS Tool

[tweet][/tweet]

Web Design, Websites

, , , , , ,

Compare CSS Stylesheet Tool

Author: 15 December 2010 4 Comments

CSS is a standard used to define Web site presentation styles.
When a Web designer creates a CSS stylesheet for a site, he will evolve it through multiple versions with incremental changes.

This tool provides a solution that allows a web designer to clearly see the differences between two different css stylesheet files (classes only, not values)

Compare CSS Stylesheets

Description
A webpage that takes two CSS files and compares the classes contained in both. Resulting differences are highlighted in red.

Usage:
Click the “Compare CSS Tool” link below and simply upload the css files you want to compare and click the compare button.

Compare CSS Tool

Web Design

, , , ,

Some useful web design links

Author: 8 June 2010

Here are some geeky/webdesign thinga-ma-bobs i’ve stumbled across/used recently:

Regular Expressions Cheat Sheet

a very handy quick reference guide for regular expressions, including symbols, ranges, grouping, assertions and some sample patterns for beginners.
http://www.addedbytes.com/cheat-sheets/regular-expressions-cheat-sheet/

CSS Transparency

used on this site so you can see the background image behind content on smaller screen resoltions
Transparency is one of those weird things that is treated completely differently in all browsers.
don’t forget to read the comments at the bottom of this article too:
http://css-tricks.com/css-transparency-settings-for-all-broswers/

Twitter “Retweet” Button

The Retweet button is for website and blog publishers that want to encourage their audience to retweet their content on twitter.
Here’s a really smart bit of code using one simple piece of JavaScript to give up to date tweet counts and shorten your title and link for the retweets. Best of all it will work on any web page, anywhere!
http://help.tweetmeme.com/2009/04/06/tweetmeme-button/

Dezignus.com

Vector art, icons, brushes, textures, wallpapers, anime, girls, tutorials… nuff said!
http://dezignus.com/

if you found any of these useful, please tweet/share.

General, Web Design, Websites

, , , , , , , ,