Skip to content

Instantly share code, notes, and snippets.

View RuanAragao's full-sized avatar
👽
b̴̤̅u̸͉͊s̵̮̋q̶̳͋u̷̢͒e̵͖̐m̴̰̔ ̶͉̋ċ̵͎ö̸̧́n̵̟͆h̸̼͋e̴̺͝c̵̖̓ị̶͊m̸͕͒ë̶͔́ṇ̵͛t̴̳̓o̵̘̍

Ruan Aragão RuanAragao

👽
b̴̤̅u̸͉͊s̵̮̋q̶̳͋u̷̢͒e̵͖̐m̴̰̔ ̶͉̋ċ̵͎ö̸̧́n̵̟͆h̸̼͋e̴̺͝c̵̖̓ị̶͊m̸͕͒ë̶͔́ṇ̵͛t̴̳̓o̵̘̍
View GitHub Profile
@RuanAragao
RuanAragao / index.html
Last active October 7, 2015 07:18
Navegador horizontal retrátil
<nav class="box-nav">
<div class="nav">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Sobre</a></li>
<li><a href="#">Contato</a></li>
</ul>
</div>
<div class="btn"><p>Menu</p></div>
</nav>
@RuanAragao
RuanAragao / demo.html
Last active December 17, 2015 17:09
Tabs navigable - Only CSS3
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Tabs navigable - Only CSS3</title>
</head>
<body>
<nav class="nav">
<ul>
<li><a href="#p1">1</a></li>
@RuanAragao
RuanAragao / institucional
Created August 14, 2013 03:28
Lista do que o cliente deve fornecer sobre a empresa.
|- Serviços
| |- Serviços prestado pela empresa
|- Sobre a empresa
| |- Texto falando um pouco sobre a empresa, suas metas, diferenciais e coisas do tipo.
|- Outras categorias (se necessário)
| |- Conteúdo de cada categoria
|- Fotos próprias (caso possua)
|- Dados da empresa
| |- Endereço
| |- Telefone
@RuanAragao
RuanAragao / demo.html
Created August 26, 2013 16:20
Password Form Preview jQuery
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<meta charset=utf-8 />
<title>Pass</title>
</head>
<body>
<input type="password" id="input-pass" /><button id="btn-view">preview</button>
</body>

A API e o Design de Software Orientado a Objetos

Quando falamos sobre design em orientação a objetos, estamos basicamente falando sobre responsabilidade e relacionamento. Com responsabilidade quero dizer algo que alguma coisa faz e com relacionamento quero dizer como alguma coisa utiliza aquilo que outra coisa faz. O Design de Software Orientado a Objetos trata especificamente da forma com que os objetos se relacionam, ou seja, como expor a responsabilidade dos objetos de forma que outros objetos possam se relacionar.

Do ponto de vista do Design de Software Orientado a Objetos, não importa, exatamente, como alguma coisa é feita. Pelo contrário, o objetivo é justamente evitar esse conhecimento sobre a implementação, encapsulando o que é específico para permitir que trabalhemos com a definição conceitual daquilo que precisamos utilizar. Por exemplo, é comum uma aplicação precisar trabalhar com um SGBD. Se nossos objetos tiverem conhecimento específico de que estamos, na verdade, trabalhando com MySQL, e

@RuanAragao
RuanAragao / gist:7343846
Created November 6, 2013 20:50
Alternative Javascript WYSIWYG editors
h2. Lightweight versions
* PunyMCE, from the authors of TinyMCE "http://github.com/spocke/punymce":http://github.com/spocke/punymce
* NicEdit "http://nicedit.com/":http://nicedit.com/
* WysiHat (Prototype) "http://github.com/37signals/wysihat":http://github.com/37signals/wysihat
* widgEditor "http://code.google.com/p/widgeditor/":http://code.google.com/p/widgeditor/
* WYMeditor (jQuery) "http://www.wymeditor.org/":http://www.wymeditor.org/
* jWYSIWYG (jQuery) "http://code.google.com/p/jwysiwyg/":http://code.google.com/p/jwysiwyg/
* ggEdit (MooTools) "http://code.google.com/p/ggedit/":http://code.google.com/p/ggedit/
* YUI Rich Text Editor - SimpleEditor (YUI) "http://developer.yahoo.com/yui/editor/":http://developer.yahoo.com/yui/editor/
$arquivo = $_GET["file"];
if(isset($arquivo) && file_exists($arquivo)){
header("Content-Length: ".filesize($arquivo));
header("Content-Disposition: attachment; filename=".basename($arquivo));
readfile($arquivo);
exit;
}
document.write('<style>.block{width:30px;height:30px;position:relative; float:left;display:block;}</style>');
function blockRainbow(gridId, sizeBlock, opacity) {
var drawb = document.getElementById(gridId);
var d;
function createGrid(sizeBlock){
for(d=1;d <= 16;d++){
var innerDrawb = drawb.innerHTML;
@RuanAragao
RuanAragao / workstation
Created August 17, 2014 16:17
Ambiente de trabalho
## sh/bat
gem install sass --pre
gem install compass --pre
gem install susy --pre
gem install font-icons --pre
@RuanAragao
RuanAragao / gem_mysql
Created February 26, 2015 17:52
Exemplo de instação de gem do mysql no windows
#Exemplo de instação de gem do mysql no windows
gem install mysql2 -v '0.2.1' -- '--with-mysql-include="C:\mysql-connector-c-6.1.5-win32\include" --with-mysql-lib="C:\mysql-connector-c-6.1.5-win32\lib"'