Este plugin te permite mostrar a tus lectores si tu estás o no online en Skype. Descárgalo y subelo a tu carpeta plugins. Luego en Options/Skype Status, puedes configurar el boton que quieres que aparezca, el texto, tu usuario de Skype, etc. Es un plugi
Aquà va una lista de plugins de WordPress algunos son de diseño, embellecedores; otros ayudan a organizar tus posts para que se lean y otros hacen que los comentarios sonrÃan. La pegajosidad viene de que sean útiles para encontrar tu blog, quedarse a
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
Cuando decidimos la publicación de un sitio una parte importante de ello es tener en cuenta dónde lo alojaremos, obtener el lugar indicado, es cuestión de una pequeña investigación y tener claro lo que necesitamos. Básicamente tenemos dos opciones f
Por “exigencias del guión†🙂 me ha tocado ver, probar e investigar un montón de editores wysiwyg de los que hay actualmente. Las condiciones eran que estuviesen desarrollados con javascript, que generen código lo más estándar posible y que fuese
Habiendo programado algunas cosillas relacionadas con la mensajerÃa instantánea tenÃa más o menos claro cual es el funcionamiento del protocolo del Messenger de Microsoft y por donde van nuestros mensajes cuando los enviamos, pero echaba a faltar una
With the release of Drupal 5, you might be wondering which version of Drupal is faster — the latest release in the Drupal 4 series, or the new Drupal 5?
Hasta ahora sólo se sabÃa que Google compró YouTube por u$s1650 millones pero como el pago fue en acciones, Google debió declararlo en sus documentos… con los números exactos que se llevaron los fundadores y los que invirtieron en la empresa
Jennifer, en un post en Search Engine Land nos da 25 consejos para optimizar nuestro blog tanto como para los lectores como para los buscadores. Aquà va una traducción de cada uno de los puntos y mis comentarios
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
