Un sitio muy recomendable para los switchers que acaban de estrenarse en el sistema operativo de Apple. La web (realizada con WordPress pero no es un blog) contiene artÃculos muy interesantes, como Software P2P (peer to peer) para Mac OS X o Los atajos d
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
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
As I stated in an earlier posting I am working to build a good image manager in PHP and in such I am looking into what is the best way to store those images. There are really two good options that are available to me: Database Blob Storage and File System
Si no sabes/sabÃas -como yo- como desactivar el toolbar que aparece -al poner el mouse- sobre las imágenes en Internet Explorer, continúa con la lectura de esta entrada
Una idea similar a la de Color Schemer puedes encontrar una buena cantidad de gamas de colores, puedes votarlas, comentarlas, además de encontrar noticias relacionadas y entrevistas como a Eric Jordan de 2advanced.
Perfeccionistas de las fuentes, CSSType os ayuda. Es una herramienta sencilla pero bastante curiosa donde introduciendo el texto que quieras podras cambiarle todas las propiedades que se le pueden añadir a las fuentes mediante CSS y a la vez ir viendo el
La revista Mosaic de la UOC publica un interesante artÃculo de Gemma Ferreres donde aborda la tipologÃa de los sitios webs. La clasificación va desde las páginas corporativas y los catálogos de producto hasta los wikis o la última tendencia en aplic