Tutorial para crear un menú redondo con iconos al rededor y tooltips (como pop-ups de información) para cada icono. Todo el menu está basado en XHTML y CSS, sin necesidad de utilizar Javascript.
Para aquellos que estais intentando dar el salto a Ubuntu… para aquellos que hace poco os cambiasteis y aún no conoceis muchas aplicaciones… y para todos en general, os mostramos lo que a nuestro entender es el Top Ten de las aplicaciones de Ubuntu.
Mμ Connect es una librería Javascript muy ligera que permite utilizar Facebook Connect desde tu web y pudiendo usar tus frameworks favoritos: Dojo, jQuery, MooTools, Prototype o YUI.
Entre otras acciones nos permite loguearnos, desloguearnos, leer y escribir y añadir amigos.
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.
Interesantes consejos para optimizar nuestra base de datos en nuestras aplicaciones:
Aunque parezca mentira, no siempre es necesario una base de datos relacional. Existen alternativas como memcache, base de datos documentales o de clave-valor.
No uses la BD para almacenar contenidos: imágenes o documentos en BLOB.
Usa campos numéricos y autoincrementales para los índices primarios, para así tener un acceso rápido al registro, ya que inserts, updates y selects dependen mucho de este índice.
Analiza correctamente el uso de índices al igual que haces un análisis detallado de la estructura de la BD.
Realiza queries sencillas, en las que solo debes recuperar los campos que necesites y evitar el uso de LIKE y NOT IN
WordPress 2.1 es la nueva versión de WordPress que salió ayer, 22 de Enero. Luego de instalarlo y arreglar el problema con la base de datos, comenzamos a utilizar este nuevo sistema y he aqui nuestras primerisimas impresiones.
This tutorial is designed for beginners who wish to learn the basics of shell scripting/programming plus introduction to power tools such as awk, sed, etc. It is not help or manual for the shell.
CSS Poster es una aplicación online que nos permite generar a partir de un CSS una referencia gráfica del mismo. Puede ser útil para tener claro visualmente una hoja de estilos.
En Denken Ãœber citaban hace dos dÃas tres artÃculos de tres grandes medios, ‘CNN’, ‘Newsweek’ y ‘The New York Times’ en los que apuntan que 2007 podrÃa ser el año de los ‘widgets’; esas pequeñas aplicaciones que se superponen en la pantalla, desde u