recursos diseñador web

Recursos para el día a día de un desarollador web

El día a día de un desarollador-diseñador web puede ser muy estresante si hay algo que está haciendo que te atasques en tu trabajo. ¿Cuántas veces me habrá pasado que me quedo sin avanzar porque hay algo en la programación que hace que mi web no se vea como yo quiero? Esto es algo que nos ocurre a todos y por eso hay que intentar facilitar el proceso de producción de una web para que sea los más automática posible. De esta manera ganaremos tiempo para esos momentos en los que nos atascamos.

Existen recursos que constantemente utilizo en mis webs, ya sea porque son animaciones CSS que hacen que la página sea más atractiva o porque es algún código que repito constantemente. Los desarrolladores sabemos que estos códigos son imposibles de aprenderlos de memoria, no porque no se pueda, sino porque el mejor método es saber dónde están para acceder a ellos cuando los necesitemos y no empollarlos, porque pueden llegar a tener cientos de líneas de código.

A continuación voy a mostrar algunos recursos que suelo utilizar constantemente para que te hagas una idea de qué es lo que quiero decir:

Animaciones CSS

Estas animaciones las suelo utilizar sobre todo para los hover de los enlaces:
a {
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;
}

Background con opacidad transparente

En ocasiones necesitamos darle un efecto semi-opaco a nuestros colores de fondo, y con este código lo conseguimos. Si nos fijamos en el método utilizado, nos servimos de los colores RGB (red, green y blue) más el porcentaje de opacidad para conseguir el efecto. También tenemos el código específico para el navegador Internet Explorer en versiones antiguas.
.alpha60 {
/* Fallback for web browsers that don't support RGBa */
background-color: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background-color: rgba(0, 0, 0, 0.6);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

Código para las imágenes que no suben a WordPress

Últimamente WordPress me está dando algunos fallos al subir imágenes al servidor. Las fotos que subo con su gestor se me quedan bloqueadas a mitad de subida y luego aparecen duplicadas o triplicadas pero sin poder utilizarlas. No sé exacatamente cuál es el motivo de esto ( me decanto por el plugin Better WP Security que lo tengo instalado ) pero encontré esta solución en el foro de WordPress que a más de uno le servirá
// Filtro para el error que da al subir las fotos
add_filter( 'wp_image_editors', 'change_graphic_lib' );
function change_graphic_lib($array) {
return array( 'WP_Image_Editor_GD', 'WP_Image_Editor_Imagick' );
}

 

Poner WordPress en modo mantenimiento

Existen chorrocientos plugins para poner tu página de wordpress en modo mantenimiento, pero si quieres hacer lo más básico, no meter código inútil en tu instalación simplemente tienes que introducir este código en tu archivo functions.php:
// EN CONSTRUCCION
function wpr_maintenace_mode() {

if ( !current_user_can( ‘edit_themes’ ) || !is_user_logged_in() ) {
die(‘En construcción’);
}
}
add_action(‘get_header’, ‘wpr_maintenace_mode’);
Continuaré actualizando esta lista. ;)

0 comentarios

Dejar un comentario

¿Quieres unirte a la conversación?
Siéntete libre de contribuir!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *