Adrià Cidre

New Blog

2009-01-20T07:20:00.000-08:00

Finally we moved to blog.oridoki.com and to spanish language

Webcam snapshots with Flex3

2008-11-26T09:54:00.000-08:00

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

2008-11-21T00:58:00.000-08:00

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

2008-11-20T07:37:00.000-08:00

Galleria is a javascript image gallery written in jQuery.

It works with Firefox IE7 and IE6.

Home

Prototip 2:

2008-11-20T07:33:00.000-08:00

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

Home

Mini AJAX javascript snippet

2008-11-10T08:54:00.000-08:00

A handy, lightweight set of AJAX functions.

HOME

Dewplayer the easiest flash mp3 player

2008-09-24T01:03:00.000-07:00

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

2008-09-09T08:32:00.000-07:00

Obtain IP log of all Remote Desktop Connections to our Server

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

IE7 DOM table creation

2008-08-28T00:18:00.000-07:00

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

2008-08-20T00:23:00.000-07:00

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

2008-08-18T01:12:00.000-07:00

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

2008-07-18T09:06:00.000-07:00

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

2008-07-17T06:39:00.000-07:00

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

2008-07-16T09:31:00.000-07:00

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

2008-06-09T02:40:00.000-07:00

Great Image Gallery

Home - Demo

Carrusel mootools effects

2008-06-08T02:21:00.000-07:00

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

Home

OS X: Capture a piece of screen

2008-06-08T02:13:00.000-07:00

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

2008-06-08T02:00:00.000-07:00

Check your password fields.

Demo - Home - Download

IPod like Menu

2008-06-06T06:25:00.000-07:00

An ipod style drilldown menu that looks like that

Home

Horizontal Javascript Accordion

2008-06-06T06:22:00.000-07:00

An amazing javascript horizontal menu of just 1kb.

Demo

Ball de diables - 7cervells

2008-05-23T01:29:00.000-07:00

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

rwmCoverFlow + rwmPodNav

2008-05-21T04:55:00.000-07:00

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

Demo

On-demand Javascript

2008-05-21T01:59:00.000-07:00

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

2008-05-20T06:48:00.000-07:00

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

2008-04-29T01:21:00.000-07:00

Amazing icon collection, for our web developments.

Site

Proto Flow - Javascript CoverFlow

2008-04-28T07:48:00.000-07:00

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

2008-04-15T01:47:00.000-07:00

Just another lightbox clone

Demo - Docs - Download

JQuery Virtual Tour

2008-04-15T01:39:00.000-07:00

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

2008-04-11T08:35:00.000-07:00

CSS Properties To JavaScript Reference Conversion

Link

CleanCSS - Optimize your CSS

2008-04-11T08:33:00.000-07:00

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

Link

Favicon Creator

2008-04-11T08:28:00.001-07:00

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

Link

PHP: iconv_set_encoding()

2008-04-10T23:30:00.000-07:00

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

2008-04-10T09:54:00.001-07:00

Greatest game ever now developed on JavaScript.

Demo

Javascript - Tetris

2008-04-10T09:50:00.000-07:00

Incredible tetris version developed in JavaScript.

Demo

Glossy: IPHONE buttons from your pics

2008-04-10T09:47:00.000-07:00

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

2008-04-10T09:44:00.000-07:00

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

2008-04-10T09:40:00.000-07:00

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

2008-04-10T09:31:00.001-07:00

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