Cult-Foo

Effective Css for Novice and Advanced

css novice Effective Css for Novice and Advanced
Today we will learn some useful tricks to write css styles.

Short Properties
Short properties used to combine several properties in one declaration. It can really decrease size of your css code.

Colors
If color value has three pairs of equal symbols, you can write it using three symbols

#ff00bb  -> #f0b
#ffffff  -> #fff

27 free icons

27 free icons

Set of 27 icons at .PNG format for public usage.

Mootools 1.2 cheat sheet

Fond of MooTools ? Not so long ago mootools team published Mootools 1.2. It contains a lot of new features and some changes in API. To make your life a bit easier, i recommend you to use mootools cheat sheet
moo-cheatsheet

It includes documentation for Core, Native, Class, Element, Utilities and Request.

Thanks for sharing, Maik Vlcek

JavaScript Compression

If you developing rich web applications, you start to think how to compress JavaScript to keep bandwidth and page load times as small as possible. I found 5 different tools to compress javascript files, which can be run using cron, or run on some event to automate work on production-server.

1. JSMin. Commonly used compressor, based on simple rules, ported on many languages, including JavaScript

2. JavaScript::Minifier. Separate perl module, compression ratio equal to JSMin

3.Dojo ShrinkSafe aka Rhino. JavaScript compressor that parses the JavaScript using the rhino library, included in Dojo. Run as jar-module.

4. Dean Edwards Packer. Well-known tools from far-famed Dean Edwards. Ported on some languages, including PHP4/5.

5. YUI. JavaScript minifier designed to be 100% safe and yield a high compression ratio. Run as jar-module.

From my own experience i can tell
– no sense to compress files less 1 kb
– packer shows best results ( just my own opinion )
– always check you functionality of your compressed files. You can try to verify your code with JSLint
– remember that you can gzip compressed files to get smaller file

Good article about gzipping js

Isometric pixel picture

You still want to be a pixel artist? Sure you can start from our tutorial. But if you think that reading sucks, you can start right now by using new service, called Cubescape
cubescape

View All FreshFoo posts
  • Ambilight for the <video> tag

    10/03/2010

    Some high-end Philips TV sets have a cool feature, Ambilight. Basically, it is LED lighting that changes its color dynamically, depending on the television picture’s color. It is such a pleasure to watch movies on an Ambilight-enabled TV! There are some implementations of such lighting in Adobe Flash.

  • CSS Monsters

    09/03/2010

    CSS3 is hot topic for sure. Everyone making boring examples such as clocks, cubes, matrix etc. Here’s a fun little example that shows the infinite possibilities of CSS 3 – “CSS Monsters”.

  • The HTML5 Flash Marriage: Geolocation

    08/03/2010

    HTML5 is going to get a geolocation API that works just beautifully even on devices with no GPS. Flash based applications will (currently) only get access to geolocation APIs when targeting the AIR runtime on mobile.

  • BuddyPress for One (and All!)

    26/02/2010

    A little over a week ago Andy Peatling, founder and lead developer of BuddyPress, announced the release of BuddyPress 1.2, which can be used on single installations of WordPress.

  • 10+ useful online code editors

    19/02/2010

    As a developer, your main tool is obviously those that will allow you to turn your ideas into code: A text editor. In this article, let’s have a look at 10+ useful online code editors.

  • Unique Blog Posts and WordPress Tips

    18/02/2010

    Break the traditional blog layout by designing a different theme for each post based on the topic. Some excellent examples and WordPress tips on how to implement it.

  • Better Password Fields with jQuery

    11/02/2010

    The solution is to hand the initiative over to the visitor and let them decide for themselves whether to show the password in plain text or not.

View All WebNewsWebNews RSS