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
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!…
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
Si estáis pensando en crear vuestras GalerÃas fotográficas online, aquà van algunos de los softwares más populares para crearlas en pocos click. Espero que os sirvan de ayuda. La particularidad es su fácil actualización de fotos… Os he puesto un
Mi compañero David cansado de las URLs que genera WordPress (y quién no) ha creado un plugin que limpia las URLs de los posts de WP quitándole los caracteres “extraños”.
WP deja las interrogaciones (¿), comillas (“ ”) y otros caracteres más que se sustituyen por su correspondiente código (%nn).
Probado para UTF-8 y compatible con WP2.7+ The Definitive URL Sanitizer
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