Cuando oÃmos hablar de Sistemas Operativos en Web, suele ser en futuro. Por eso sorprende encontrar esta lista confeccionada por FranticIndustries, en la que encontramos 10 de estos sistemas que funcionan hoy
Plantillas estandards para documentos de MS Office (Word, Powerpoint, excel…) Courtesy of Microsoft, these category headings basically contain a total of 250 free MS Office Templates that you can use at will. Have fun
Lla suite de aplicaciones web Joyent Connector ya está en español… Joyent Connector es una aplicación que integra gestión de Correo Electrónico, Calendarios, Contactos, Archivos y Directorios de Favoritos y está especialmente orientada a la PYME y
CODIGOxGRAFICO está abierto a todos, y pretende ser una muy buena herramienta para las empresas que necesiten colaboraciones puntuales o realizar un fichaje con la seguridad de que contratan lo que necesitan
Si eres usuario de Joomla! ya puedes comprender todo lo que te ofrece este sistema de administración de contenidos gracias a la publicación del manual de usuario en español y el sistema de ayuda para la versión 1.0.x, realizado por el Equipo de Traduc
Certain color combinations can make your eyes water, others can make your eyes practically leap out of their sockets in delight. Colors can help instill confidence in a product, company, or design—or undermine it. Color can set the mood, or destroy it.
El perfil del bloguero europeo se corresponde con una mujer de 31 años, licenciada superior o estudiante… Estos son algunos de los elementos de la radiografÃa de la blogosfera europea que se dio a conocer durante el I Encuentro Europeo de Redes Social
La enciclopedia online podrÃa tener que cerrar sus puertas, puesto que solo dispone de fondos para los próximos cuatro meses. Florence Devouard, la directora de la Wikimedia Foundation, dijo en la conferencia Lift07 que este proyecto podrÃa acabar des
Muy buena reflexión sobre el papel de los blogs en el panorama mediático… ¿Pueden hacer competencia los blogs a los medios tradicionales? ¿Puede un blogger alcanzar el mismo nivel que un periodista profesional? ¿Son la mayorÃa de los blogs un refr
Tener un grid con todas las filas al mismo tamaño puede ser algo difícil de conseguir. El problema viene con que CSS grid toma el tamaño de las filas según el tamaño máximo de sus celdas.
Para conseguir ello es necesario que el contenido de la celda tenga posicionamiento absoluto, y jugar con ::before para simular contenido vacío que rellene la celda:
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
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…