Webcam snapshots with Flex3

If you need to put a webcam snapshot on your webpage to take snaps of your users, you can use Flex to do it.
Here is a really good way to do it

Spinner online generator

It's easy to need a spinner gif to put it on our AJAX apps. On ajaxload.info you can find a real time generator of loading gifs on you needed colors.

HOME

Galleria

Galleria is a javascript image gallery written in jQuery.


It works with Firefox IE7 and IE6.

Home

Prototip 2:

Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework.

Home

Mini AJAX javascript snippet

A handy, lightweight set of AJAX functions.

HOME

Dewplayer the easiest flash mp3 player

The easiest way to put mp3 audio files on your web pages ! This flash animation is very light and easy to use. It downloads and plays the mp3 file when the play button is pressed.




Dewplayer is under Creative Commons licence. The usage is totally free even for commercial purposes (but not reselling it).


Homepage

Remote Desktop Connections IP Log

Obtain IP log of all Remote Desktop Connections to our Server

netstat -na|find ":3389" > prueba.txt

IE7 DOM table creation

It's usual to create dynamic elements with DOM, but when you try to create a table element on IE7 it doesn't appear. You can solve that problem by using the tbody element between the table tag and the tr tag

Enter on Javascript

If you need to capture the enter keypress on a webpage for example for submitting a form, you can do it with something like that:

tecla_pulsada = (document.all) ? e.keyCode : e.which;
if (tecla_pulsada==13){ //hacer lo que sea }

CSS Reset

CSS Reset is a technique to reset all explorer default CSS. With this techinque we can solve the most common problems, of designing a webpage.

 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
   outline: 0;
}
body {
   line-height: 1;
   color: black;
   background: white;
}
ol, ul {
   list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
   border-collapse: separate;
   border-spacing: 0;
}
caption, th, td {
   text-align: left;
   font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: "";
}
blockquote, q {
   quotes: "" "";
}

Then you need to include this css library before the other CSS libraries of your webpage.

Cheers

Linux Find and Sed commands

This days I'm migrating from domainA.com to domainB.com and I need to replace the links in so many files at time.
The best way I found to do this is this:

Find all PHP files with the "domainA.com" string inside it:
find . -name "*.php*" -type f -print0|xargs -0 grep "domainA.com" >> smaCat.log

Replace all PHP it with command:
find ./* -name "*.php*" -type f -exec sed -i 's/domainA.com/domainB.com/g' {} \;

IE6 and transparent PNG

Usually we develop a webpage using png images, it really looks better at IE7 and Firefox. But when we try to see that webpage with IE6 it doesn't shows the PNGs transparency :-(
For preventing this you can add this JavaScript Library to your webpage and just with an include like this:



Makes your webpage compatible with any transparent PNGs.

Download - Home

Symfony Step1

A few days ago I started a symfony project, and there is some comandos that i will share width yours....




Creating a project
$ mkdir /home/sfprojects/askeet
$ cd /home/sfprojects/askeet
$ symfony init-project askeet

Creating an application on your project
$ symfony init-app frontend

After do that you created a new application called frontend that can be accessed from :

http://localhost/frontend_dev.php/

By default you can see the symfony default webpage of a symfony project.

See you tomorrow!!!

Dynamic Image Gallery

Great Image Gallery

Home - Demo

Carrusel mootools effects

Very nice movement effects. I'd liked  specially the number 7.

Home

OS X: Capture a piece of screen

This days I'm just testing my new macbook pro and I found the way to take a screenshot from just a piece of screen.

Here is the chain codes for this utility:

Cmd+MAY+3. Complete screen to a Desktop png
Cmd+Ctrl+MAY+3. Complete screen ready for paste.
Cmd+MAY+4. You can select a piece of your screen by a cursor, and save it automaticaly on the desktop.
Cmd+Ctrl+MAY+4. You can select a piece of your screen by a cursor and save it where you want.
Cmd+MAY+4 and the spacebar The cursor becomes a camera and you can select the aplication for create your 'appShot' saveing it automatically on the desktop.

Cmd+Ctrl+MAY+4 and the spacebar the same but ready for paste.

AJAX Password Strenght

Check your password fields.

Demo - Home - Download

IPod like Menu

An ipod style drilldown menu that looks like that




Home

Horizontal Javascript Accordion

An amazing javascript horizontal menu of just 1kb.



Demo

Ball de diables - 7cervells

We are just preparing the new webpage of 7cervells.org an 'Ball de diables' asociation from Tarragona.

rwmCoverFlow + rwmPodNav

Great javascript effect that combines the coverflow effect and the iPod navigation. You can use this two modules by separate.

Demo

On-demand Javascript

I'm always trying to understand how google does his querys without any XMLHttpRequest and finally I think I found the solution
On-demand javascript is an ajax alternative to a XMLHttpRequest. With this technique you're allowed to load PHP generated javascript files on the fly, without reloading your webpage.
This technique is useful if you need to load content form your server but you don't want to reload your page.

Fonts: ajaxpaterns.org phpied.com

First Barcelona PHP WorkShop

The first 'Barcelona PHP WorkShop' is coming the next 7 of June. The event have a cost of five Euros and it's open for everybody. You can buy your ticket at here

IcoJow - Icons for your web

Amazing icon collection, for our web developments.


Site

Proto Flow - Javascript CoverFlow

ProtoFlow is a coverflow effect written in Javascript. It uses Prototype and Scriptaculous to do bulk of the work and it uses Reflection.js to do all the image reflections stuff!

Site- Demo

prettyPhoto a jQuery lightbox clone

Just another lightbox clone

Demo - Docs - Download

JQuery Virtual Tour

This morning I can read on Xavier's blog about this virtual tour writed on Javascript -> JQuery. It's very slight, only 4kb and accepts tour descriptions.

Demo - Download + Docs

CSS to Javascript

CSS Properties To JavaScript Reference Conversion

Link

CleanCSS - Optimize your CSS

CleanCSS allows you to optimize your css from a url or a posted text.

Link

Favicon Creator

Webpage that allows to create a favicon.ico from your basic jpg

Link

PHP: iconv_set_encoding()

Set current setting for character encoding conversion

bool iconv_set_encoding ( string $type , string $charset )
Changes the value of the internal configuration variable specified by type to charset.

$type = [input_encoding, output_encoding, internal_encoding]
$charset = ['ISO-8859-1', 'UTF-8', ...]

Docs

Javascript - Super Mario Bros

Greatest game ever now developed on JavaScript.

Demo

Javascript - Tetris

Incredible tetris version developed in JavaScript.

Demo

Glossy: IPHONE buttons from your pics

Glossy.js allows you to add corners and shading and shadow to images on your webpages (alternatively: corner.js).

It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing.
CVI-lab: Get a fast impression of the effects and their illustration qualities.


Home

Glassox Javascript User Interface

GlassBox is a compact Javascript User Interface (UI) library, which use Prototype and Script.aculo.us for some effects. With GlassBox you can build transparent border, colorful layouts and "Flash-like" effects. The GlassBox library ..

* is easy to use
* is customizable and skinnable
* comes with a coherent API (CSS based parameter) and a short introduction
* includes a basic Ajax XHR for dynamic content loading
* is tested with IE 6 + 7, Firefox 2, Opera 9 and Safari 3 (mac + win)
* and is an open source project under MIT license


Home - Docs

Javascript: Effect Coverflow

Reflex.js allows you to add a Cover Flow™ effect (including reflection) to images on your webpages without using PHP or some other server scripting.

*Cover Flow is a trademark of Apple Inc.

Home

NicEdit - WYSiWYG Content Editor

NicEdit is a Lightweight, Cross Platform, Inline Content Editor to allow easy editing of web site content on the fly in the browser.

NicEdit Javascript integrates into any site in seconds to make any element/div editable or convert standard textareas to rich text editing.


Home - Docs - Demo