Sólo se usa javascript para cambiar el texto del select al seleccionar una opción.
Kus Cámara kcmr
kcmr
/ Falso-select-y-toggle-con-input:checked.markdown
Created
September 30, 2014 00:07
A Pen by kcmr.
kcmr
/ Graph Bar with flex-basis transition.markdown
Created
December 13, 2015 01:39
Graph Bar with flex-basis transition
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
| var gulp = require('gulp'), | |
| browserSync = require('browser-sync'), | |
| historyApiFallback = require('connect-history-api-fallback'); | |
| gulp.task('serve', function() { | |
| browserSync({ | |
| files: ['js/**/*.js', '*.html', 'css/**/*.css'], | |
| server: { | |
| baseDir: '.', | |
| middleware: [ historyApiFallback() ] |
kcmr
/ gulpfile.js
Last active
February 12, 2016 01:11
Gulpfile template: compile scss + autoprefixer + browserSync reload
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
| var gulp = require('gulp'); | |
| var sass = require('gulp-sass'); | |
| var browserSync = require('browser-sync'); | |
| var autoprefixer = require('gulp-autoprefixer'); | |
| gulp.task('sass', function() { | |
| return gulp.src('scss/**/*.scss') | |
| .pipe(sass()) | |
| .pipe(autoprefixer({ | |
| browsers: ['last 2 versions'] |
kcmr
/ gulpfile.js
Last active
July 17, 2017 22:26
PSK 2 Custom Build with livereload and autoprefixer for elements
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'; | |
| const requireDir = require('require-dir'); | |
| const tasks = requireDir('./tasks'); |
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
| const bs = require('browser-sync').create(); | |
| const componentPath = `/components/${__dirname.split('/').pop()}`; | |
| bs.init({ | |
| files: [ '**/*.{html,js,css}' ], | |
| open: false, | |
| ghostMode: false, | |
| startPath: `${componentPath}/demo/index.html`, | |
| serveStatic: [{ | |
| route: componentPath, |
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
| // stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix | |
| // Reboot | |
| // | |
| // Normalization of HTML elements, manually forked from Normalize.css to remove | |
| // styles targeting irrelevant browsers while applying new styles. | |
| // | |
| // Normalize is licensed MIT. https://github.com/necolas/normalize.css | |
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
| (function() { | |
| 'use strict'; | |
| function clearStyleWarnings(fn) { | |
| return function(first, ...rest) { | |
| if (!first.match('Could not find style data')) { | |
| fn.call(this, first, ...rest); | |
| } | |
| } | |
| } |
kcmr
/ index.html
Created
December 27, 2017 16:26
Example of a two-way binding that has no effect on the host property // source https://jsbin.com/doqedej
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
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta name="description" content="Example of a two-way binding that has no effect on the host property"> | |
| <base href="https://polygit.org/polymer+:master/webcomponents+:master/shadycss+webcomponents+:master/components/"> | |
| <script src="webcomponentsjs/webcomponents-lite.js"></script> | |
| <link rel="import" href="polymer/polymer.html"> | |
| <link rel="import" href="paper-toast/paper-toast.html"> | |
| </head> | |
| <body> |
OlderNewer