Developer Disaster Drawer

Testing fadeOut event with Jasmine

Mon, 20 Feb 2012 05:28:22 +0100

Testing fadeOut event with Jasmine

blat: Ajax for dummies

Fri, 10 Feb 2012 17:02:53 +0100

blat:

Ajax for dummies

css3watch: Path menu in pure CSS3

Fri, 06 Jan 2012 23:47:39 +0100

css3watch:

Path menu in pure CSS3

maria-martinez: MaxiMidia VIntage Ads...

Wed, 21 Dec 2011 20:43:01 +0100

maria-martinez:

MaxiMidia VIntage Ads - http://www.maximidiavintageads.com/

My forked version of wysiwyg editor created by XING

Sun, 20 Nov 2011 00:13:00 +0100

My forked version of wysiwyg editor created by XING:

Thanks to creators of this completely library agnostic wysiwyg: (No jQuery, Prototype or similar is required):

@tiff
@ingochao
@uwe

blat: Javier Santana - Cómo montar tu empresa desde cero

Tue, 15 Nov 2011 17:23:04 +0100

blat:

Javier Santana - Cómo montar tu empresa desde cero

Using Sass with sprites

Wed, 09 Nov 2011 13:54:14 +0100

It’s very simple and powerful. Look at this:

Imagine that your single element’s height is 38px; Ok, you can define a variable with this:

$height-element:58px;

Ok, and now you have your background sprite:

.element {
 
        position:absolute;
        bottom:0;
        right:0;
        width:94px;
        background:url(sprite.png) no-repeat 0 0;
        height:$height-element;
      }

And for example 4 elements using this sprite (adding another class):

Inside your .element class:

       &.kind-one {
          background-position:0 0;
        }

        &.kind-two {
          background-position:0 #{-($height-element)};
        }

        &.kind-three {
          background-position:0 #{-($height-element*2)};
        }

        &.kind-four {
          background-position:0 #{-($height-element*3)};
        }

And if you want to add a new element to the sprite or if one of the elements is changed it’s very simple to be used!

Build a powerful Flickr Gallery with Rails and js

Mon, 07 Nov 2011 10:59:00 +0100

If you are using Rails and you need a flickr gallery just bear in mind these two things:

- Flickraw gem
- Galleria plugin

With the first one you need just to add it to your site:

FlickRaw.api_key = 'YOUR_API_KEY'
FlickRaw.shared_secret = 'YOUR_FLICKR_SECRET'
    
flickr = FlickRaw::Flickr.new

And using the complete flickr api, you can use, for example:

@photo_sets = flickr.photosets.getList(:user_id => "USER_ID")

And with Galleria, you could get everything that you want: Ruby code:


    <% @photo_sets.each do |set| %>
      
    <% end %>

Javascript code:

// if you have severals, you can do it with an each loop
var set_id = $('#gallery').children('.photo_set').attr('id');
      
      $('#gallery').children('.photo_set').galleria({
        flickr: 'set:'+set_id,
          flickrOptions: {
            sort: 'date-posted-asc'
          }
      });

P.S.: I wrote a simple example, starting here you can everything that you can imagine, ;)

Setting remotes/origin/HEAD to origin/master

Mon, 07 Nov 2011 10:48:35 +0100

Probably you want to track a new branch locally based on a remote. Just something like:

git branch --track

Be careful because if you’has selected a remote branch like HEAD, probably you lost the link to master branch. If you want to restart this, you should type:

git remote set-head origin master

Updating ImageMagick with Brew and MacOSX Lion

Sat, 05 Nov 2011 17:13:00 +0100

Upgrade to MacOSX Lion is not perfect. And ImageMagick is not an exception. First of all (obvious), don’t forget to install XCode (or reinstall the C compiler). Following, probably you have tried to download it the binary source but I prefer still using HomeBrew to these kind of things. To do it with this method, just type the next:

cd /usr/local

git reset --hard FETCH_HEAD

brew install imagemagick

That’s all

How to add Zen Coding to Sublime Text 2

Wed, 02 Nov 2011 23:12:28 +0100

Just type:

$ hg clone https://bitbucket.org/sublimator/sublime-2-zencoding ZenCoding

and reload SublimeText 2! P.S.: If you don’t have mercurial (hq) installed, you can do it so:

$ easy_install pip && pip install Mercurial

Adding Sass to Sublime Text2

Wed, 02 Nov 2011 22:34:42 +0100

Adding Sass to Sublime Text2

RIP Dennis Ritchie, Creator Of Unix And C Dies

Wed, 12 Oct 2011 12:29:00 +0200

RIP Dennis Ritchie, Creator Of Unix And C Dies

Getting a valid list of urls in a Symfony2 project

Wed, 28 Sep 2011 16:19:59 +0200

In my case, I wanted to get a complete list of valid urls to use Helium-css (to clean all the unused css of the project) and to take the advantage of the routing, I executed this command (you should replace BASE_URL to your base_url:

app/console router:debug | awk '{print "BASE_URL"$3}'

With this, you only have to paste the list to the helium window (replacing some id…) and you got it!.

Rake with Rails 3.1rc1

Wed, 28 Sep 2011 15:40:31 +0200

Do you have an error executing a rake task using the new rails version?: Just do the following:

bundle exec rake

And if you don’t want remember this command each time, you could make an alias:

alias rake="bundle exec rake"

Or even add it to your bash profile, ;) Why do you have the error?. The new version of rails breaks a few of things and you should use the version 0.8.7 of this rake gem instead of any other.

How to search files with less common extensions with AckMate

Thu, 15 Sep 2011 10:49:00 +0200

In my case is .twig but you can do it for any extension. It’s simple and you can check it in wiki ack’s page but if you’re not too acquainted with these kind of things, just do the following:

mate ~/.ackrc

and add these lines:

--type-add
php=twig

And you got it!. P.S.: Other examples:

--type-set=sass=.scss
--type-set=coffee=.coffee

Learning by accident. Chapter #2134

Wed, 17 Aug 2011 21:07:04 +0200

Playing with Firebug console, if you edit a number value you can do:

With arrows (↑/↓) increments are 1[+/-].

So far I knew this… but if you press at same time ⌘ the variations will be 0.1[+/-] or if the key pressed is ⇧ will be 10.

It’s a stupid thing but I didn’t know it and it useful for me. I hope you too.

A "must" for MacOSX and terminal users

Wed, 10 Aug 2011 10:36:55 +0200

A "must" for MacOSX and terminal users :

This app is wonderful. You can split your terminal window (so many times you want) and to get a full control for everything you do.

CMD+D (split vertically)
Shift+CMD+D (split horizontally)
CMD+Tab (like default terminal app in MacOSX - create a new tab).

etc, etc…

SASS Bundle for TextMate

Tue, 09 Aug 2011 18:29:38 +0200

mkdir -p ~/Library/Application\ Support/TextMate/Bundles

cd ~/Library/Application\ Support/TextMate/Bundles

git clone git://github.com/charlesr/ruby-sass-tmbundle.git "Ruby Sass.tmbundle"

osascript -e 'tell app "TextMate" to reload bundles'

Installing postgres with Brew in MacOSX

Mon, 08 Aug 2011 22:16:00 +0200

Homebrew is wonderful but sometimes it can be a little headache. For example, if you’ve created a rake task with ruby that assume a role called postgres (by default), probably if you installed with brew you won’t have it. Brew get your system user and unless your name would be postgres, you have to create it. For this reason, I’m going to write the easy steps to create a new role with admin privileges. Remembering, you did:

brew install postres

initdb /usr/local/var/postgres

mkdir -p ~/Library/LaunchAgents

cp /usr/local/Cellar/postgresql/9.0.4/org.postgresql.postgres.plist ~/Library/LaunchAgents/

launchctl load -w ~/Library/LaunchAgents/org.postgresql.postgres.plist

If you need a gem for posgres do:

env ARCHFLAGS="-arch x86_64" gem install pg

Install Instrumentation, in my case (postgres version 9.0.4):

psql -d postgres < /usr/local/Cellar/postgresql/9.0.4/share/postgresql/contrib/adminpack.sql

At this moment, you installed postgress (it’s only a note). Ok, let’s create a new role:

psql -d postgres

With this command, you’ll see all roles created:

postgres-# \du

We create a new user called postgres like this way:

postgres=# CREATE ROLE postgres SUPERUSER CREATEDB CREATEROLE LOGIN;

And that’s all. If you list all users again you’ll see that a new user has been created.