COLOURLovers , un sitio en donde los usuarios pueden enviar, describir, comentar y votar sus paletas de colores favoritas. Entre las secciones del sitio está el ranking con las combinaciones más votadas, un buscador de tendencias, noticias y varios art
El MEC ha puesto un curso online para aprender Linux Ubuntu. Nos explicancan desde la instalación de Ubuntu, pasando por la configuración básica del sistema, herramientas ofimáticas, gestión de archivos … todo ello con capturas de pantalla, estas c
Aunque sea un poco antiguo… Cómo incluir vÃdeos de youtube y google video sin romper la validación en xhtml. En el artÃculo enlazan a otra anotación de A List Apart que da otras formas de incluir vÃdeos de quictime, windows media player…
El Ayuntamiento de Madrid ha puesto en marcha el portal de Internet madripedia.es, una ‘enciclopedia libre virtual’ en la que los ciudadanos pueden aportar sus conocimientos y su visión sobre las peculiaridades y los acontecimientos históricos de la cap
Como se puede ver, existen dos scripts dentro de npm: build que compila el js y extrae los CSS, y dev, que arranca el servidor de webpack habilitando HMR (🎶 ¡ya no puedo vivir sin él! 🎶).
Ambas configuraciones de webpack usan un script en común (webpack.config.common.js):
const webpack = require( 'webpack' );
const path = require( 'path' );
// Carga los ficheros .vueconst VueLoaderPlugin = require( 'vue-loader/lib/plugin' );
// Configura stylelintconst StyleLintPlugin = require( 'stylelint-webpack-plugin' );
// Para obtener un path para los aliasfunctionresolve( dir ) {
return path.join( __dirname, '.', dir );
}
module.exports = {
mode: 'production',
// Fichero inicial del proyecto
entry: './js/main.js',
// Fichero final para incluir
output: {
filename: 'js/main.js',
publicPath: '/dist/',
},
module: {
// Reglas para los ficheros
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel-loader',
},
{
test: /\.vue$/,
loader: 'vue-loader',
},
{
test: /\.css$/,
use: [
'css-loader',
'sass-loader',
],
},
],
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
new VueLoaderPlugin(),
new StyleLintPlugin( {
files: [ '**/*.{vue,htm,html,css,sss,less,scss,sass}' ],
} ),
],
resolve: {
extensions: [ '.js', '.vue', '.json' ],
alias: {
'@': resolve( '' ),
},
},
};
El frontend se gestiona desde el fichero main.js, que inicializará Vue y añadirá el componente principal:
import Vue from 'vue';
import Buefy from 'buefy';
import'buefy/dist/buefy.css';
import App from './components/App.vue';
import'@/assets/scss/main.scss';
Vue.use( Buefy );
new Vue( {
el: '#app',
components: {
App,
},
render: ( c ) => c( 'app' ),
} );
// accept replacement modulesif ( module.hot ) {
module.hot.accept();
}
Y ya por último el componente App.vue, que muestra simplemente un poco de HTML
jQuery da mucha flexibilidad para conseguir añadirle funcionalidades extras y crear plugins que se aprovechen de sus caracterÃsticas. Una muestra de ello es Tabs, un plugin que nos añade de forma no obstructiva una funcionalidad extra a las listas de e
Básicamente 11870.com sirve para que la gente descubra, recuerde y comparta empresas y negocios. Pero la realidad es que 1870.com sobre todo es una red social ya que son los propios usuarios los que crearán y valorarán los contenidos siempre relacionad
ccREL es una forma de añadir la licencia Creative Commons a nuestros contenidos web. Su uso es muy sencillo, aunque a mi no me ha validado el HTML, si alguien sabe como conseguir que valide que lo diga:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:cc="http://creativecommons.org/ns">
<head>
<title>Judith Myerson's Stuff</title>
</head>
<body>
<div about="">
This page, by
<a property="cc:attributionName" rel="cc:attributionURL" href="http://jmyerson.org/">
Judith Myerson
</a>,
is licensed under a
<a rel="license" href="http://creativecommons.org/licenses/by/3.0/">
CC Attribution License
</a>.
</div>
</body>
</html>