Tagged: CSS

Inject CSS rules directly into a live webpage using CSS Terminal

Inject CSS rules directly into a live webpage using CSS Terminal

Designers need to try out different CSS rules on webpages before finally obtaining a beautiful design. For example, if a text with a font size of 14px looks a bit bulkier on the page, testing with a lesser font size for example 12px and seeing the changes on the fly would be very handy. If you are looking for such a tool, CSS Terminal tool can be of great help.

Unminify CSS to make them more legible

Unminify CSS to make them more legible

If you are a web designer, you must be using CSS minifying tools that remove the extra whitespaces and unnecessary line breaks in your CSS codes. But if you need to work on the same CSS file later on, you will find it very difficult to edit them. A legible and formatted version of the CSS file would be great for later edits. The CSS Minifier tool by MrColes may come in handy at such times.

Find errors in CSS using CSS lint

Find errors in CSS using CSS lint

CSS forms the main aspect of a website when it comes to visual appeal. CSS codes can be written in many ways to obtain similar results. But your CSS code may not be free or errors and other coding issues. With CSS Lint, you can quickly find the errors and issues in any CSS code.

Zbugs – an online tool to compress your JS and CSS

CSS and JS used on a site considerably increase its size. For sites with very flashy graphics, the CSS and JS files are obviously large sized and therefore may significantly spike up their loading time. Zbugs is an online utility with which you can merge, minify and Gzip compress JS and CSS files.

Patternify – A cool online pattern Generator

Some web designers are very fond of using patterns on websites. Photoshop makes generating patterns a snap but requires some skills nonetheless. Patternify will keep you shy of Photoshop for generating simple pattern for...

Yesblogs blogging platform

To manage a Wordpress blog and to customize it, one needs basic HTML, CSS or PHP knowledge too. A new blogging platform “Yesblogs” has been recently launched. This blogging platform doesn’t require you to know any HTML or CSS techniques as the developers say.

Building a web page with CSS without using HTML

HTML is the main basis for the whole world wide web. Without it, the internet cannot exist as of now. Mathias Bynes of CSS Tricks has given us an idea on how a mock up webpage can be created with just CSS and no HTML. Remember, this trick should NOT be used in a real website. We’ll have to use the link tag to do this which isn’t supported by all browsers although Firefox and Opera support it.

Ultimate CSS Gradient Generator by ColorZilla

A background with color gradients looks more appealing than just a plain single color background at times. Gradient backgrounds for websites are usually created with Photoshop’s gradient tools. But gradients can also be used on website via CSS codes. ColorZilla has a web based color gradient toolkit called “The Ultimate CSS Gradient Generator” that makes it easy to play around with color gradients right from the browser and then generates the CSS code for it.

10 Must have bookmarklets for your browser

10 Must have bookmarklets for your browser

Bookmarklets make your life easier while browsing the internet. They allow you to do things with just a click. Be it URL shortening, sharing pages on social bookmarking sites or fixing font sizes, bookmarklets really speed up the task. Here are some very useful javascript bookmarklets for everyday browsing.

Creating custom Facebook tabs using Grid system

Customizing your Facebook pages by adding useful content can keep the visitors to your page indulged for a longer time. 520grid can help in creating custom FBML pages for instance the Welcome tabs seen on many Facebook pages.

Create bundle of fonts with Awesome Fontstacks

Are you creating a website and looking for a matching set of fonts? It could be difficult for you to decide as there are thousands of fonts and now with CSS3 you can even use the fonts that aren’t on the visitor’s computer. Awesome Fontstacks can create bundles of matching and beautiful fonts and also generate the CSS code for it on the fly.

Create an online store with Vendder and sell products online

Do you want to sell things online from your own website? Creating online site can require professional knack for things just about necessary. But with Vendder, you can create your own online store and sell your products from there. Its very easy to create categories and subcategories for your products and the interface is very user-friendly.

Beautify your CSS with ProCSSor

The outlook of a site mainly depends on its CSS. But the CSS itself can be made to look colorful and elegant. ProCSSor is a great free service that can add bells and whistles...

Average webpage size increased five folds since 2003

The average size of a web page has increased by more than five times since 2003. The average size of a webpage used to be about 93.7 KB in 2003 while now it is about 507 KB. Doing the maths, we get around 5.4 times increment in the size of a webpage. When the data as of now was evaluated with that of 1995, a whopping 35 times increment in size was seen for a single web page. This is just about size. The web components have tremendously increased in the recent years and since 2003, the average number of objects per page has more than doubled.