Inspired from Giantbomb's own Login button. I made this to learn how they did it; turns it out it's quite simple but with a powerful elegance behind it.
A Pen by Sergio Tapia Gutierrez on CodePen.
fredericksilva
/ Listar Produtos Criteo | VTEX
Created
October 22, 2014 13:05
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script type="text/javascript"> | |
| var listaProdutos = []; | |
| for(var i = 0; i < document.getElementsByClassName("id-produto").length; i++) | |
| { | |
| if(i < 3) | |
| { | |
| listaProdutos.push(document.getElementsByClassName("id-produto")[i].innerHTML); | |
| } | |
| } |
fredericksilva
/ Elegant-login-button-using-CSS3-transitions..markdown
Last active
August 29, 2015 14:07
— forked from raold/Elegant-login-button-using-CSS3-transitions..markdown
fredericksilva
/ mouseToTouch.js
Last active
August 29, 2015 14:07
— forked from Alex1990/mouseToTouch.js
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Convert mouse events into touch events. | |
| * From: http://ross.posterous.com/2008/08/19/iphone-touch-events-in-javascript/ | |
| */ | |
| function touchHandler(event) { | |
| var touch = event.changedTouches[0]; | |
| var simulatedEvent = document.createEvent("MouseEvent"); | |
| simulatedEvent.initMouseEvent({ | |
| touchstart: "mousedown", |
fredericksilva
/ gist:424081378d15a209daa5
Last active
August 29, 2015 14:08
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| CSS Escalavél | |
| /** CSS Reset **/ | |
| http://meyerweb.com/eric/tools/css/reset/ | |
| /** GuideLine @mdo | |
| http://mdo.github.io/code-guide/ | |
| /** Modularização folhas de estilo **/ | |
| http://codepen.io/chriscoyier/blog/codepens-css#organization-files |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .DS_Store | |
| log/*.log | |
| tmp/**/* | |
| config/database.yml | |
| db/*.sqlite3 |
fredericksilva
/ edit_profile.coffee
Last active
August 29, 2015 14:09
— forked from lukelex/edit_profile.coffee
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $("#user_picture").change -> | |
| userPictureFileName = $(this).val().split('\\').pop(); | |
| $("#user_picture_text").html(userPictureFileName) | |
| files = this.files | |
| reader = new FileReader() | |
| reader.readAsDataURL(files[0]) | |
| reader.onloadend = -> | |
| $("#profile_pic").css("background-image", "url(" + this.result + ")") | |
| $("#user_cover_photo").change -> |
fredericksilva
/ Gruntfile.js
Last active
August 29, 2015 14:13
— forked from booleanbetrayal/Gruntfile.js
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 'use strict'; | |
| module.exports = function(grunt) { | |
| // load all grunt tasks | |
| require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks); | |
| // configurable paths | |
| var paths = { |
fredericksilva
/ Gruntfile.js
Last active
August 29, 2015 14:13
— forked from booleanbetrayal/Gruntfile.js
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 'use strict'; | |
| module.exports = function(grunt) { | |
| // load all grunt tasks | |
| require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks); | |
| // configurable paths | |
| var paths = { |
fredericksilva
/ gist:1278ed40f5317c78a888
Last active
August 29, 2015 14:15
— forked from BionicClick/gist:e0953cc6f99c097dd776
- AngularJS | https://docs.angularjs.org/tutorial/the_end
- AngularJS | https://github.com/angular
- AngularJS | https://github.com/angular/angular-seed
- CMSs | http://www.backbee.com/community
- CMSs | https://microweber.com/
fredericksilva
/ Angular Resources
Last active
August 29, 2015 14:15
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #AngularJS Application List (sorted alphabetically) | |
| Here is a list of some Angular Free Application / snippets to help you out with your projects | |
| angular git://github.com/angular/bower-angular.git | |
| 25th-angular-utils git://github.com/25th-floor/angular-utils.git | |
| 28.io-angularjs git://github.com/28msec/28.io-angularjs.git | |
| 4vanger-angular-l10n git://github.com/4vanger/angular-l10n.git | |
| Angular-NestedSortable git://github.com/JimLiu/Angular-NestedSortable.git | |
| Angular-localStorage git://github.com/agrublev/Angular-localStorage.git |
OlderNewer