Con el XHTML se ha expandido la idea errónea de que no hay que usar tablas, ¡quita quita!, ¡tablas!, ¡vade retro hereje que arderás en el infierno!…
Muy oportuno para estas fechas: un buscador visual que nos ayuda a encontrar cosas por semejanzas… Por ejemplo, que nos gusta este bolso que luce Jessica Alba pues nada, a un clic de distancia ya tenemos un buen repertorio en dónde escoger…
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
Igual como ya se ha hecho con Word y Excel ( Google Docs&Spreadsheets ) Google estarÃa preparando una herramienta para ver / crear / editar presentaciones tipo PowerPoint que de momento se conoce como Presently
The launch of Picnik a couple of days ago brought us yet another online photo editing tool. Like Fauxto, Picnik uses Flash, whereas most of the earlier editing tools all use Ajax for in-browser editing.
El popular blog de Perez Hilton es demandado por el uso no licenciado o pagado de material fotográfico, por lo que siete agencias de fotografÃas y medios dueñas de las licencias y de el Copy Right de dichas imagenes hacen acción legal.
Los medios digitales ya son los más utilizados según una encuesta (resumen en PDF) de la Unión Internacional de Telecomunicaciones (UIT). A partir de los datos de la noticia, he realizado el siguiente gráfico donde se ve claramente la tendencia de con
Y al seguir investigando, parece que la cosa apunta a un ex-ejecutivo de Yahoo!, Michael Marquez, recientemente fichado por CBS, quien podrÃa ser protagonista de una turbia estrategia destinada a montar un sitio de vÃdeos en la red “a la YouTube”, con l