Hay un nuevo chico en el barrio, y se llama Panamá, un nuevo sistema de anuncios de Yahoo! basado en el que adquirió de Overture hace ya tres años. Yahoo! lo ha abierto a nuevos anunciantes; por lo pronto solo en Estados Unidos…
¿Quieres saber como maquetaremos nuestros sitios en unos años? ¿Te intriga conocer las nuevas caracterÃsticas que traerá la especificación de CSS 3? En CSS3.info encontrarás un weblog con noticias y artÃculos sobre las novedades, ejemplos de atrib
Cómo colocar una imagen de fondo de nuestra pelÃcula que se adapte al tamaño de la ventana del navegador, escalandose pero sin distorsionarse. Escribo este tip viendo una pregunta y buscando la respuesta, que aquà posteo para el disfrute de todos uste
Preguntas y respuestas para profesionales de la informática y el diseño gráfico como por ejemplo cómo aprender php, cómo hacer tal efecto en photoshop…
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.
Luego de varios meses recolectando información, hoy les presentamos una nueva sección de nuestro sitio para recolectar a todas las empresas entusiastas del web.
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
El caso es que uno de los widgets que no validan XHTML es el de YouTube. Asà es que he escrito un pequeño plugin de WordPress, al que he llamado StarTrekIntro, para generar el código validable de los vÃdeos de YouTube.