Skip to content

Instantly share code, notes, and snippets.

View omariosouto's full-sized avatar

Mario Souto omariosouto

View GitHub Profile
<section class="cycle-slideshow"
data-cycle-swipe="true"
data-cycle-fx="fade"
data-cycle-slides=">div"
data-cycle-timeout="3000"
data-cycle-prev="#prev-vitrine"
data-cycle-next="#next-vitrine"
data-cycle-caption="#vitrine-caption"
data-cycle-caption-template="<p>{{caption}}</p>"
data-cycle-loader="true"
@omariosouto
omariosouto / index.php
Created June 20, 2016 20:39
Post Thumbnail - Padrão
<!-- Post Thumbnail -->
<?php if(has_post_thumbnail()){ $thumb_url = wp_get_attachment_image_src(get_post_thumbnail_id(),'full', true); ?>
<?php if($thumb_url[0] == 'http://corpflex.com.br/wp-includes/images/media/default.png' ){ ?>
<a href="<?php the_permalink(); ?>" class="post-thumb <?php the_field('corte_de_imagem'); ?> " style="background-image: url('<?php echo get_template_directory_uri(); ?>/assets/img/corpflex-calhau-blog.jpg');"></a>
<?php } else { ?>
<a href="<?php the_permalink(); ?>" class="post-thumb <?php the_field('corte_de_imagem'); ?>" style="background-image: url('<?php echo $thumb_url[0]; ?>');"></a>
<?php } ?>
<?php } else { ?>
@omariosouto
omariosouto / palestra.md
Last active June 28, 2016 02:03
jQuery vs Velocity.js vs CSS<3

Apresentação

A importância das Animações na Web Atual

Animações geram emoções!

A chegada das animações em CSS

.css {
    background-color: red;
 animation-name: love;
function calculator( operator ) {
return function( x, y ) {
switch(operator) {
case '+':
result = x + y;
break;
case '-':
result = x - y;
break;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Angular APP</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-cache/4.6.0/angular-cache.min.js"></script>
</head>
<body>
<div ng-controller="MyCtrl">
<p ng-repeat="i in list|orderBy:random">{{i}}</p>
</div>
down vote
accepted
You could do it as follows:
<div data-myattr="hello"></div>
function countUp(){
console.log('hello');
}
var $components = [
'site-accordion.comp.js'
];
var $site = $(document);
$site.ready(function() {
$.each( $components, function() {
})
@omariosouto
omariosouto / index.markdown
Last active August 20, 2016 04:36
O mundo das apps híbridas

O mundo dos aplicativos hibridos (01-gif-fusao)

Apresentação ...

Quem nunca quis desenvolver Aplicativos Mobile?

E quem já se decepcionou quando viu isso aqui?

  • Android = Java
  • IOS = ObjectiveC/Swift
  • Windows Phone = .NET

Agora qual tecnologia está presente em todos esses dispositivos?

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.