Do you sometimes need to use iframe elements to inject content into sites you build? I do. Not very often, luckily, but it does happen. Usability and accessibility issues aside, doing so also forces me to use a transitional DOCTYPE, something I’d rather
Sitio web desde el que se pueden descargar multitud de cliparts. La mayorÃa de ellos no son de gran calidad pero hay un gran número de categorÃas y en un momento dado pueden sernos de utilidad.
El anteproyecto de ley de Medidas de Impulso de la Sociedad de la Información (LISI) va a permitir que la Administración Pública tenga poder para cerrar páginas web. Hasta ahora solo un Juez puede determinar el cierre o no de una página web…
Los Adobe Labs han liberado la nueva tecnologÃa que ayuda a los desarrolladores. Los Adobe Labs han liberado el “Flex Stress Testing Framework” esta nueva tecnologÃa ayuda a los desarrolladores usando “Flex Data Services” para realizar la prueba de carg
Alex King, hace unas semanas preguntaba si los enlaces a marcadores sociales necesitaban un icono, al igual que lo están usando ahora los Feeds… para ello ha prupuesto un Icono (en verde) para ilustrar esta idea.
I think it’s time to inform you about a small project I worked on together with Chris Messina from Factorycity. As Microformats have gained much popularity over the last year we thought it was time to standardize the way they are represented on a websit
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
Llevaban mucho tiempo hablando de ello, y al fin está disponible para desarrolladores. La nueva plataforma cruzada (‘cross-pattform’) permite aprovechar las herramientas de desarrollo web para construir aplicaciones que se ejecuten en nuestro escritorio.
ntop es una herramienta que permite medir el uso de la red, funciona tanto en Unix como en Windows y mediante navegación web podemos ver la información de tráfico y obtener un volcado del estado de la red.
Ofrece configuración y administración limitada vía web y poco consumo de memoria y CPU. ntop