Códigos jQuery, CSS, HTML para páginas web

Como la programación orientada a objetos es lo que se lleva ahora os voy mostrar un sencillo código para conectarnos a una base de datos mysql hecho con php orientado a objetos. El código es el siguiente: <?php class conectadb extends mysqli { public function __construct() { parent:: __construct ( 'localhost','root','contraseña','nombre de bd' ); $this-> query ( "SET NAMES 'utf8';" ); $this-> connect_errno ? die ( 'Error con la conexion' ) : null; } } ?> Eso sería todo, este código podéis guardarlo en un archivo a parte y después, donde lo necesitéis, incluirlo con un require o con un include y, sin olvidarse de poner los datos correctos de conexión en parent:: __construct (), después, establecer el nuevo objeto con: nombre de la variable =  new conectadb ();  

Hasta no hace mucho para desarrollar mis páginas prácticamente no usaba ningún tipo de ayuda (exceptuando el editor de texto sublimetext ). Hasta que leí esta magnífica guía de funny frontend (totalmente en español), en la que te explica al detalle  cómo instalar grunt y todas las tareas de automatización para la ayuda al desarrollo web. Con grunt podrás automatizar: la recarga de la página en el navegador, compilar los archivos sass y less a css, minificar archivos css y javascript, eliminar código css que no se utilice...etc... Recomiendo encarecidamente su lectura.