Skip to content

Instantly share code, notes, and snippets.

View raulb's full-sized avatar
👨‍💻
Ask me anything!

Raúl Barroso raulb

👨‍💻
Ask me anything!
View GitHub Profile
guard :minitest, test_folders: '.' do
  watch(/.*/) do |m|
    file = m[0].split('.rb')[0]
    file += "_test" unless file.end_with?("_test")
    "./#{file}.rb"
  end
end

Keybase proof

I hereby claim:

  • I am raulb on github.
  • I am raulb (https://keybase.io/raulb) on keybase.
  • I have a public key whose fingerprint is 8825 0177 BEFC D287 4BAC EBAD D935 FB80 9D0F A1F2

To claim this, I am signing this object:

@raulb
raulb / gist:5251844
Last active August 21, 2018 14:51
English is hard

ENGLISH IS FOGGING HARD

Let's face it. I'm not the Queen Elizabeth in what concerns to speak English. But ey! (hey!), just help me. I know you wanted to tell me: "Idiot, it's not like that", now you have your chance. Add your comments/pr/merges/forkes/... here and contribute to the cause of why I am paying a psychologist every month (also, can you recommend me someone?)

I wrote (it is)

  • It should works (It should work)
  • Looks fine for you (Looks fine to you)
  • Dial you (Dial you in)
  • Oyster egss (Easter eggs)
@raulb
raulb / gist:3101058
Created July 12, 2012 21:18
Retrieving source code using XMLhttpRequest with JS
  var req = new XMLHttpRequest();
  req.open(
      "GET",
      "URL",
      true);
  req.onreadystatechange = statusListener;
  req.send(null);

 function statusListener()
@raulb
raulb / gist:2931487
Created June 14, 2012 16:59
Linear gradient and background image mixed with SASS
// Basic example
@mixin linear-gradient-image($image-url, $start-color, $stop-color)
background: url(#{$image-url}) right 0 no-repeat, $stop-color
background: url(#{$image-url}) right 0 no-repeat, -moz-linear-gradient(top, $start-color, $stop-color)
background: url(#{$image-url}) right 0 no-repeat, -ms-linear-gradient(top, $start-color, $stop-color)
background: url(#{$image-url}) right 0 no-repeat, -o-linear-gradient(top, $start-color, $stop-color)
background: url(#{$image-url}) right 0 no-repeat, -webkit-gradient(linear, left top, left bottom, from($start-color), to($stop-color))
background: url(#{$image-url}) right 0 no-repeat, -webkit-linear-gradient(top, $start-color, $stop-color)
background: url(#{$image-url}) right 0 no-repeat, linear-gradient(top, $start-color, $stop-color)
@raulb
raulb / ios-media-queries.sass
Created June 12, 2012 22:24 — forked from faun/ios-media-queries.sass
iOS Media Queries for iPhone/iPod, iPad & Retina and Non-Retina Devices
.ipad-only,
.iphone-only,
.retina-only,
.non-retina-only,
.retina-iphone-only,
.non-retina-iphone-only
display: none
// iPad Only
@media only screen and (device-width: 768px)
@raulb
raulb / gist:2727627
Created May 18, 2012 21:11
Cross browser select text
function selectText(element) {
var text = document.getElementById(element);
if ($.browser.msie) {
var range = document.body.createTextRange();
range.moveToElementText(text);
range.select();
} else if ($.browser.mozilla || $.browser.opera) {
@raulb
raulb / example-user.js
Created May 4, 2012 22:19 — forked from nijikokun/example-user.js
Beautiful Validation... Why have I never thought of this before?!
var user = {
validateCredentials: function (username, password) {
return (
(!(username += '') || username === '') ? { error: "No Username Given.", field: 'name' }
: (!(username += '') || password === '') ? { error: "No Password Given.", field: 'pass' }
: (username.length < 3) ? { error: "Username is less than 3 Characters.", field: 'name' }
: (password.length < 4) ? { error: "Password is less than 4 Characters.", field: 'pass' }
: (!/^([a-z0-9-_]+)$/i.test(username)) ? { error: "Username contains invalid characters.", field: 'name' }
: false
);
@raulb
raulb / gist:2030793
Created March 13, 2012 19:01
Generating font-face with SASS
$font-folder: "/fonts/"
// `font-face($name, $font-files, $eot, $weight, $style)
// ---------------------------------------------------------------
// Cross-browser support for @font-face. Supports IE, Gecko, Webkit, Opera.
// $name is required, arbitrary, and what you will use in font stacks.
// $font-files is required using font-files('relative/location', 'format'). for best results use this order: woff, opentype/truetype, svg
// $eot is required by IE, and is a relative location of the eot file.