• Publicidad
  • Contacto
Tech News, Magazine & Review WordPress Theme 2017
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
  • Noticias
  • Video
  • Tecnología
    • Audio & Video
    • LifeStyle
    • Transformación Digital
  • Ciencia
    • Ciencia Ficción
  • Fotografía
  • Internet
    • Desarrollo/programación
    • Diseño
Sin resultados
Ver todos los resultados
Pixelco Tech
Sin resultados
Ver todos los resultados

Crear toda la estructura de un proyecto de desarrollo web con Instant Blue Print

Diego Cambiaso por Diego Cambiaso
17/05/2011
Compartir en FacebookCompartir en TwitterCompartir en WhatsappCompartir en TumblrCompartir en Telegram

Cuando comenzamos el diseño/desarrollo de un proyecto web nuevo, hay ciertas carpetas que se repiten, además de estilos CSS, el Doctype, bibliiotecas Javscript, etc.. Un forma de iniciar un nuevo desarrollo y obtener muy fácilmente todoa la estructura básica es usar Instant Blue Print.

Instant Blue Print - herramienta de diseño desarrollo web
Instant Blue Print - Interfaz

Instant Blue Print es una herramienta online de diseño/desarrollo web que con sólo ingresar unos datos, genera toda la estructura básica de un proyecto, que incluye: los estilos, la definición del tipo de documento o Doctype, el enlace a las bibliotecas Javscript como jQuery o Mootools y también las carpetas básicas para alojar imágenes, los archivos CSS, etc.

Una vez que definimos y hemos ingresados todos los datos, se generan todos los archivos y estos se pueden descargar comprimidos en un archivo ZIP.

Principales características:

  • Permite elegir el Doctype (soporta los XHTML, HTML y HTML5).
  • Permite enlazar las bibliotecas Javascript como Prototype, jQuery, Mootools, etc.
  • Incluir  las carpetas principales como las CSS, Images, etc.
  • Genera las secciones principales del HTML de la página.
  • Incluye los estilos CSS que se ingresen.
Instant Blue Print - descargar código
Instant Blue Print - descargar código

Instant Blue Print

Sitio: instantblueprint.com

Tags: CSSCuriosidaddesarrollo webdiseño desarrollo webdiseño webHTMLinstant blue printJavascriptjQueryRecursos
Diego Cambiaso

Diego Cambiaso

Comunicador Social, Desarrollador de Software y UX Designer Blogger desde el 2006, creador de Pixelco Tech News. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT

Siguiente
Abre el Photoshop - Tutorial Photoshop: Cómo Crear Fondos Texturizados

Tutorial Photoshop: Cómo crear fondos texturizados

Comentarios 4

  1. Micaela says:
    12 años

    Desarrollar un sitio con la tecnología Instant Blue debe estar muy bueno. Yo estoy armando uno actualmente.
    Hace muy poco me compre una notebook Dell que me facilita la tarea para poder desarrollarlo.
    La notebook la pague muy barata, la compre en
    Notebook Dell
    saludos

Tech

Diego Cambiaso

VideosReviews - Tutoriales
4+2 Herramientas profesionales de inteligencia artificial para la generación de imágenes

4+2 Herramientas profesionales de inteligencia artificial para la generación de imágenes

Diego Cambiaso
26/05/2023
Lenovo ThinkPhone conoce todos los detalles, características y conectividad

Lenovo ThinkPhone conoce todos los detalles, características y conectividad

Diego Cambiaso
15/05/2023
SMARTFILMS 2023 participa de la novena edición de este festival de cine realizado con smartphones

SMARTFILMS 2023 participa de la novena edición de este festival de cine realizado con smartphones

Diego Cambiaso
13/04/2023
Motorola celebra el 50º aniversario de la primera llamada comercial desde un teléfono móvil

Motorola celebra el 50º aniversario de la primera llamada comercial desde un teléfono móvil

Diego Cambiaso
03/04/2023
4+2 Herramientas profesionales de inteligencia artificial para la generación de imágenes

4+2 Herramientas profesionales de inteligencia artificial para la generación de imágenes

26/05/2023
Se abren registros de Solve For Tomorrow 2023, el programa que incentiva a los jóvenes a proponer ideas para mejorar su comunidad

Se abren registros de Solve For Tomorrow 2023, el programa que incentiva a los jóvenes a proponer ideas para mejorar su comunidad

25/05/2023
Estos son los nuevos TVs Neo QLED 2023 y barras de sonido

Estos son los nuevos TVs Neo QLED 2023 y barras de sonido

24/05/2023
Pixelco Tech

Pixelco Tech

Pixelco es sitio de noticias de tecnología, diseño y desarrollo web e Internet escrito por profesionales.

Objetivo de Pixelco

Informar, promocionar, proporcionar recursos y ayuda sobre el diseño y desarrollo web, estándares, Internet y tecnología.

Buscar

Sin resultados
Ver todos los resultados
  • Contacto
  • Publicidad
  • Sobre Pixelco
  • Política de Privacidad

© 2023 Pixelco por Diego Cambiaso.

Sin resultados
Ver todos los resultados
  • Publicidad
  • Contacto
  • Política de Privacidad
  • Sobre Pixelco
  • Internet
    • Recursos
    • Diseño
    • Desarrollo/programación
  • Tecnología
  • Noticias
  • Fotografía

© 2023 Pixelco por Diego Cambiaso.

Welcome Back!

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In

Add New Playlist