Skip to content

Instantly share code, notes, and snippets.

View movibe's full-sized avatar
🎮
Programming

Willian Ribeiro Angelo movibe

🎮
Programming
  • Agencia Foccus
  • São Paulo - Brasil
  • X @m0vibe
View GitHub Profile
@movibe
movibe / index.html
Created August 1, 2013 13:15
A CodePen by movibe. Effeckt.css
<h1>
<span>E</span>
<span>f</span>
<span>f</span>
<span>e</span>
<span>c</span>
<span>k</span>
<span>t</span>
<span>.css</span>
</h1>
@movibe
movibe / 0_reuse_code.js
Created February 22, 2014 10:37
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@movibe
movibe / css_resources.md
Created February 22, 2014 10:38 — forked from jookyboi/css_resources.md
CSS libraries and guides to bring some order to the chaos.

Libraries

  • 960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
  • Compass - Open source CSS Authoring Framework.
  • Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
  • Font Awesome - The iconic font designed for Bootstrap.
  • Zurb Foundation - Framework for writing responsive web sites.
  • SASS - CSS extension language which allows variables, mixins and rules nesting.
  • Skeleton - Boilerplate for responsive, mobile-friendly development.

Guides

@movibe
movibe / javascript_resources.md
Created February 22, 2014 10:38 — forked from jookyboi/javascript_resources.md
Here are a set of libraries, plugins and guides which may be useful to your Javascript coding.

Libraries

  • jQuery - The de-facto library for the modern age. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
  • Backbone - Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
  • AngularJS - Conventions based MVC framework for HTML5 apps.
  • Underscore - Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.
  • lawnchair - Key/value store adapter for indexdb, localStorage

This re-styles your sublime text 2 sidebar to be darker, so it doesn't blind you when using a dark theme.

Dark sublime text 2 sidebar

Save the Default.sublime-theme file into packages/Theme - Default, make a backup of your original if you want to be able to go back easily.

<!DOCTYPE html>
<html ng-app="animTodo">
<head>
<meta name="description" content="A demonstration of Angular 1.2 with Animate.css" />
<meta charset=utf-8 />
<title>Angular 1.2 and Animate.css</title>
<link rel="stylesheet" href="//djyhxgczejc94.cloudfront.net/frameworks/bootstrap/3.0.0/themes/white-plum/bootstrap.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/2.0/animate.min.css">
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-animate.min.js"></script>
<tr data-rc="<?= $rc->rqm_nbr ?>" id="linha_<?= $rc->rqm_nbr ?>"
data-aprovacoes="<?= $rc->qty_aprovacoes ?>" data-aprovados="<?= $rc->qty_aprovados ?>">
<td class="left">
<?= lupabox("rq_10_1_1.php?nbr=$rc->rqm_nbr&ap_vend=$rc->rqm_vend&ad_name=$rc->ad_name"); ?>
<?= folder('rq_10_1_f.php?nbr=' . $rc->rqm_nbr, $rc->rqm_nbr); ?> <?= $rc->rqm_nbr ?></td>
<td class="left"><?= $rc->rqm_vend ?></td>
<td class="left"><?= $rc->ad_name ?></td>
<td class="right"><?= get_site($rc->rqm_site, 1) ?></td>
<td class="center"><?= $rc->rqm_cc ?></td>
<td class="center"><?= $rc->rqm_project ?></td>
1406725859443
800,0 mm
@movibe
movibe / designer.html
Created August 12, 2014 13:55
designer
<link rel="import" href="../core-scaffold/core-scaffold.html">
<link rel="import" href="../core-header-panel/core-header-panel.html">
<link rel="import" href="../core-menu/core-menu.html">
<link rel="import" href="../core-item/core-item.html">
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../core-field/core-field.html">
<link rel="import" href="../core-icon/core-icon.html">
<link rel="import" href="../core-input/core-input.html">
<link rel="import" href="../core-icons/core-icons.html">