Designing with colour is perhaps the element of graphic design which is the most difficult to get right. Why? Well, because it is the most subjective. For some, a palette of dark grey with splashes of bright pink will be just great; to others it would jus
pChart es una clase PHP que nos ayuda a crear gráficas. Los datos que se muestran se recuperan de sentencias SQL, ficheros CSV o simplemente introduciéndolos de forma manual.
Permite realizar gráficas de líneas, barras y circulares. Su uso es bastante sencillo. Incluso permite añadir ficheros de esquemas de colores. pChart
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
Este plugin te permite mostrar a tus lectores si tu estás o no online en Skype. Descárgalo y subelo a tu carpeta plugins. Luego en Options/Skype Status, puedes configurar el boton que quieres que aparezca, el texto, tu usuario de Skype, etc. Es un plugi
Aquà va una lista de plugins de WordPress algunos son de diseño, embellecedores; otros ayudan a organizar tus posts para que se lean y otros hacen que los comentarios sonrÃan. La pegajosidad viene de que sean útiles para encontrar tu blog, quedarse a
Me sorprende que, desde hace más de un año, exista la posibilidad de trackear los clics en adsense con google analytics y no la haya descubierto hasta hace una semana. Con este javascript se pueden conocer datos interesantes, como por ejemplo:
En búsquedas como ‘george bush’ (ver captura) nos podemos llegar a encontrar en la parte inferior de la página de resultados hasta tres espacios (este de ‘búsquedas relacionadas’) y dos ‘One Boxes’ (el de la hemeroteca de Google News, y el del buscador
Como el ingreso por publicidad se considera una actividad económica me he estado informando y leyendo sobre el tema. Te encuentras de todo. Lo más habitual es que la gente no lo declare, se trata de cantidades muy pequeñas de unos 100€ al mes. Lo pod
Tras una fase de prueba de más de medio año, Microsoft ha anunciado el lanzamiento, en 47 paÃses, de Live.com, su renovado buscador de Internet. Se trata de una evolución de MSN Search