Andy Rutledge has crafted a couple of beautiful articles in which he attempts to explain why using Web standards does not stifle the creativity of or impose artificial barriers on graphic designers.
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
Google Analytics el popular servicio de Google para hacer el seguimiento de visitas a una web, tiene entre las muchas caracterÃsticas la de poder hacer seguimiento de visitas de archivos flash, en esta ocasión haremos una revisión de la manera de imple
10 consejos a tener en cuenta para optimizar nuestro sitio antes de enviarlo a Google. Siguiendo estos consejos podremos hacer que Google registre mejor nuestro sitio web…
Ubuntu Screencasts es un proyecto de documentación previsto para la siguiente versión de Ubuntu, pero que ahora mismo cualquiera puede disfrutar. Su objetivo es sencillo: mostrar mediante vÃdeos las tareas básicas que la mayorÃa de los usuarios de Ub
A December 2006 survey has found that 28% of internet users have tagged or categorized content online such as photos, news stories or blog posts. On a typical day online, 7% of internet users say they tag or categorize online conten
Sluggish internet speeds may be a thing of the past, but instant page loads are still the stuff of the future. Christian Heilmann has some tips for delivering faster, smoother pages to your visitors today… What makes web sites slow?… Things to do to m
Choosing effective colour schemes will always be more art than science, but there are things you can do that will make coming up with that oh-so-smooth palette just a little a bit easier. A simple trick that can lead to incredibly gratifying results lies
Si está trabajando con diseñadores web o gráficos, habrá notado que a veces hay discrepancias en lo que se considera correcto o no en el tema del diseño. El que ambas partes sean condescendientes logrará larga vida a la relación cliente-diseñador.
¿Buscas scripts? Aquà podrás encontrar y descubrir lo clásico y lo más nuevo. Los pros y contras de cada uno ya que la web tiene el formato digg pudiendo opinar y votar
Si echamos la vista atrás podemos recordar que con los formularios HTML podÃamos tener campos de texto de tipo “imageâ€. Estos campos de texto no eran más que una imagen sobre la que se podÃa pinchar. Luego aparecio la etiqueta…
Describes in exhaustive detail how to configure and implement a custom php.ini file for use with the Apache Web Server. Sections: When php run as Apache Module (mod_php), When php run as CGI, When cgi’d php is run with wrapper (for FastCGI)
Con Hakia podemos hacer preguntas en lenguaje natural, por ejemplo: ¿cuantos habitantes hay en China? o ¿cuál es la esencia del marxismo?. El buscador intentará encontrar sitios web que contengan la frase que responde a la pregunta.
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