Astuces Développeur Multimédia

Installing Ruby extension (for Windows)

- RubyInstaller for Windows: http://rubyinstaller.org/downloads/

- when installed: click on "Start Command Prompt with Ruby"

- type "gem install sass" to get the fresh scss working

Play with scss:

- create a new .scss file (style.scss)

- To watch the changes and auto generate the css file start the prompt command with Ruby: sass>sass --watch style.scss:style.css

Syntax coloration with eclipse:

install Aptana Studio 3 plugin:
- Go to Eclipse > Help > Install New Software)
- insert the url: http://download.aptana.com/studio3/plugin/install
- restart eclipse

To start the convertiser:

sass --watch style.scss:style.css

To convert an existant css file to scss:

sass-convert -F css -T scss style.css style.scss

MORE INFO ON http://sass-lang.com

Enjoy ;)

Another file sharing up to 2Go for the free account.
I like the simplicity and "sobre" design.
Try it and you will adopt it

Nothing more frustrating to loose involuntary your pictures by deleting or Formating the card...

So here we go, the killer tool is named "Stellar Phoenix FAT & NTFS"
- less than 800 ko in zip version
- work with every device and every type of file

Note: for memory card of your camera you have to use a card reader, as some camera are not detected as FAT/NTFS external storage

If you don't have social media links integrated to your website, get and download social media vector media icons and increase your site visibility.

Free nice brushes for old, durty effects

http://wefunction.com/2010/04/42-more-subtle-grunge-brushes/

http://qbrushes.net/photoshop-splash-brushes/splatter-brushes-2/

Nice modal box plugin allowing to show pretty and nonobstructive popup.

1/ CSS 3 image effect
Divers rollover effect like: Glossy + Reflection Morphing + Tinting Feather Circle

2/ How to create an animated scroll to top as seen on Web Designer Wall. It is very simple to do with jQuery.

It checks if the scrollbar top position is greater than certain value, then fade in the scroll to top button. Upon the link is clicked, it scrolls the page to the top.

3/ Image background with Jquery

4/ 3D gradients box

The tool will indicate that the colours pass the test if both the colour difference and the brightness difference exceed their threshold. It will indicate that it sort of passes if only one of the two values exceed their threshold.

Lire la suite

An image place holder with option (size / color / text) http://placehold.it/
How to use it:

• http://placehold.it/350x150 // size (if you want square just use http://placehold.it/350)
• http://placehold.it/350x150&text=mon_Text // adding a text inside the generated image
• http://placehold.it/350/ffffff/000000 // adding color (text color / background color)
• http://placehold.it/350x150.png (|jpeg|gif ...) // specify an special image extension

PX to EM conversion made simple http://pxtoem.com/
Nice tool for converting your website mesure into em/px/%


Ultimate CSS Gradient Generator http://www.colorzilla.com/gradient-editor/
Generate gradient from existent image or color range drive into CSS

Windows install, keep you inform about incoming email without having your browser open:
http://toolbar.google.com/gmail-helper/notifier_windows.html

var bitmapData_1:BitmapData=new BitmapData(MovieClip(root).width,MovieClip(root).height); // generate bitmapData with root size
image.draw(MovieClip(root)); // drawing the BitmapData (root image)
var posX:uint = posY:uint  = 0;
var recWidth:uint = recHeight:uint = 100;
var bitmapData_2:BitmapData=new BitmapData(recWidth, recHeight); // generate second BitmapData with the width/height we want
bitmapData_2.copyPixels(bitmapData_1, new Rectangle(posX, posY, recWidth, recHeight), new Point(0,0)); // put the image into the second BitmapData and draw from 0,0 top left

Monster Debugger is an open source debugger for Adobe Flash, Flex and AIR It is made in Flex and AIR

• MonsterDebugger.inspect(foo); // inspect function sets the target of the application
• highlight & inspect mode // set that DisplayObject as the target for the Monster Debugger
• MonsterDebugger.trace(this, foo); // can trace Class/Object/Array ...
• MonsterDebugger.trace(this, "ERROR!", "", "", 0xFF0000); // tracing an error
• MonsterDebugger.breakpoint(this); // player will be turn in pause
• MonsterDebugger.snapshot(this, myMovieClip); MonsterDebugger.snapshot(this, myBitmap, "mybitmal", "interface"); // snapshot

Give a try, you will be addicted

var item:DisplayObject = LoaderMax.getContent('Element');
item.rawContent.bitmapData.clone();

http://www.greensock.com/loadermax/

IE Virtual Machine

Pour un affichage des pages plus rapide, la simple utilisation de "minimizer" donne de bons resultats.

• Css Mixer (disponible sur http://cssmixer.codeplex.com/)
• jslint (disponible sur http://www.jslint.com/)