background preloader

Web Tools

Facebook Twitter

Biblioteca digital - Iconos gratis de multimedia. Wireframes: Que son y como crearlos | Web desde cero. Si aún no conoces los wireframes o hace poco que te has decidido por el desarrollo web, te recomiendo encarecidamente este artículo que te será muy útil para empezar con buen pie cualquier proyecto. Es muy frecuente que alguien tenga una buena idea, se imagina como será su página web y acto seguido empieza a crearla. Por desgracia, también es muy frecuente que si no se ha hecho un buen trabajo previo, este se pueda ir al garete en cuestión de segundos. Que levante la mano el desarrollador web que no se ha pasado unas cuantas horas preparando un diseño para un cliente y este ha llegado, lo ha visto y ha dicho que no le gusta. Tanto si creas una web para otro, como si la creas para ti mismo, es bueno hacer un mínimo de planificación para detectar posibles problemas y evitar trabajos innecesarios.

¿Qué es un Wireframe? Un wireframe o prototipo no es más que un boceto donde se representa visualmente, de una forma muy sencilla y esquemática la estructura de una página web. Wireframe a máquina. Responsive Sketchsheets | Playground from ZURB. FOCA. FOCA incluye un módulo de descubrimiento de servidores, cuyo objetivo es automatizar el proceso de búsqueda de los mismos usando técnicas enlazadas recursivamente. Las técnicas utilizadas en este sentido son: Web SearchBusca nombres de hosts y dominios a través de la búsqueda de URLs asociadas al dominio principal, cada link es analizado para extraer de él nuevos nombres de hosts y nombres de domino. DNS SearchA cada dominio se le consultará cuáles son los hostnames configurados en los servidores NS, MX y SPF para descubrir nuevos nombres de hosts y nombres de dominios. Resolución IPCada nombre de host se resolverá contra el DNS para obtener la dirección IP asociada a ese nombre de servidor.

PTR ScanningPara encontrar más servidores en el mismo segmento de una determinada dirección IP FOCA realizará un escaneo de registros PTR. Bing IPPor cada dirección IP descubierta se lanzará un proceso de búsqueda de nuevos nombres de dominio asociados a esa dirección IP. Cambiar el puerto apache en xampp - Error al Iniciar Xampp. Mashable. With roots in classical Latin literature, lorem ipsum has been the print industry's standard dummy text since the 16th century, and it was popularized in the 1960s. It has become the de facto placeholder text in web design, too (as gathering content from clients can often be a frustrating process), and is used in place of meaningful content during the design phase.

Some argue that "real data delivers really effective design," and by using dummy text, you create a domino effect in your design that will have consequences when real content is added. But there are others who believe it can be a useful tool that still has value in the design process. However you choose to approach content in your web work, the lowly lorem ipsum text has certainly inspired a myriad of similar versions. In this post, we cover the most unique and humorous lorem ipsum text generators available, with a preview of each included. 1. "Cupcake ipsum dolor sit. 2. "Excuse me, I'd like to ASS you a few questions. 3. 4. How To Create Tabs. Tryit Editor v3.5. Programacion en castellano ajax ruby on rails html php mysql asp java perl cgi codigo fuente open source gpl linux windows delphi foros gratis. Programación en Castellano.

Home - Pencil Project. Website wireframes: Mockingbird. The Full-Stack UX Design Platform. MockFlow - Online Wireframe Tools, Prototyping Tools, UI Mockups, UX Suite. Balsamiq. Rapid, effective and fun wireframing software. | Balsamiq. La llave inglesa y martillo de un diseñador UX/UI | OCTUWEB. Global Ecommerce Solutions Company | cleverbridge. Web stock photos and royalty-free images, vectors and illustrations. Icons - Material Design. Xampp 1.7.7 - Problemas Apache/puerto 80 [Windows]

Hola a Todos. Bueno primero escribire un poco de los problemas que e tenido y los que las soluciones q corresponden las mostrare mas adelante segun el problema. Menciono que todos los problemas estan relacionados con el puerto 80 e iniciar APACHE, tambien menciono que otro puerto casi no menciona pero que tambien utiliza apache es el 443 a la par del 80. pero este puerto es muy raro que cause problemas Caso 1 Este problema es porque el puerto 80 esta en uso por alguna aplicacion o programa activo, puede ser SKYPE o TEAMVIEWER Solucion.

Lo que tenemos que hacer es cerrar completamente el programa hay que asegurense que los procesos correspondientes (CTRL + ALT + SUPR) no esten en la lista de procesos, si lo estan click derecho sobre el proceso y seleccionamos (terminar proceso), entonces iniciamos APACHE desde el correspondiente panel de control de XAMPP. #Listen 0.0.0.0:80 #Listen [: :80 Listen 80<----- por (8080 p/e) Listen 8080 <----- asi debe quedar. XAMPP - Problemas Frecuentes. Soluciones. Espero que a estas alturas ya tengas un servidor local para realizar pruebas, bien sea porque has instalado XAMPP o porque lo has puesto en una llave USB. También espero que lo hayas puesto en funcionamiento por primera vez; sin embargo hay posibilidades de que encuentres algún problema, y que no sepas cómo resolver, si ese es el caso sigue leyendo.

Vínculo Directo al Panel de Control Si saliste completamente del Panel de Control haciendo click en “Quit”, lo más probable es que estés buscando cómo acceder a él la próxima vez que lo necesites. Recuerda que XAMPP si seguiste la recomendación, está instalado en C:\xampp. Abre esa carpeta con el Explorador de Windows y busca en ella un ícono denominado: xampp-control.exe (ver imagen), hazle click con el botón derecho del ratón y selecciona “Copiar”; a continuación busca un espacio vacío en tu escritorio, haz click con el botón derecho del ratón y selecciona en el menú “Crear Vínculo Directo”.

Error de Conexión mysqladmin.exe –u password secret. For XAMPP Application Modules. 20 Best Web Fonts from Google Web Fonts and @font-face. At the moment there are several ways to use non-system fonts on a website. We will focus on the two least complicated, least expensive systems, Google Web Fonts and the @font-face rule. Fear not, we have not ruled out other paid methods such as Typekit, Fonts.com Web Fonts, Fontdeck, Webtype, WebINK or Fontspring for future posts as they certainly offer high quality typefaces and deserve to be considered.

It’s important to be aware that web fonts can generate inadequate visualizations on operating systems which have subpixel rendering turned off in the case of Windows XP. They can also be represented differently depending on the browser used to visualize them. The aim of this post is to facilitate the choice of a series of fonts (out of the hundreds available) whose technical and visual characteristics make them more readable and compatible with a wide variety of devices, browsers and operating systems.

Basically, there are two implementation models: 1. 2. Web font embedding services 1. Docs · WebPlatform Docs · WPD · WebPlatform.org. Online backup, file sync, for pad, PC, Android and iPhone - ASUS WebStorage. Qué es SCRUM | Proyectos Ágiles. Scrum es un proceso en el que se aplican de manera regular un conjunto de buenas prácticas para trabajar colaborativamente, en equipo, y obtener el mejor resultado posible de un proyecto. Estas prácticas se apoyan unas a otras y su selección tiene origen en un estudio de la manera de trabajar de equipos altamente productivos. En Scrum se realizan entregas parciales y regulares del producto final, priorizadas por el beneficio que aportan al receptor del proyecto.

Por ello, Scrum está especialmente indicado para proyectos en entornos complejos, donde se necesita obtener resultados pronto, donde los requisitos son cambiantes o poco definidos, donde la innovación, la competitividad, la flexibilidad y la productividad son fundamentales. En Scrum un proyecto se ejecuta en bloques temporales cortos y fijos (iteraciones de un mes natural y hasta de dos semanas, si así se necesita). El proceso parte de la lista de objetivos/requisitos priorizada del producto, que actúa como plan del proyecto. Introduction - Material design - Google design guidelines. The Data Visualisation Catalogue. Convirtiéndo tu archivo. Trianglify by @qrohlf.

Handpicked free fonts for graphic designers with commercial-use licenses. | Font Squirrel. Tutorials. 13 meta-buscadores (“Meta-Search”) que te harán la vida más fácil ~ Magic Words of Intelligence. Los buscadores (“Search Engine”), entre otros componentes, constan de grandes bases de datos donde se almacena la información que sus robots de búsqueda extraen de la red. Cada buscador está configurado bajo una serie de parámetros que cada compañía considera los más adecuados para ordenar las búsquedas y mostrar los resultados.

Hoy por hoy, los buscadores más conocidos son Google, Bing y Yahoo. Te propongo un sencillo ejercicio: prueba a introducir las mismas palabras clave de búsqueda en cada uno de ellos. Comprobarás que salen distintos resultados. Ahora bien, ¿puede un analista de Inteligencia, en la fase de obtención de información, conformarse con el filtro que le imponen desde una u otra organización? Mis palabras mágicas de hoy me llevan a reflexionar sobre cómo ampliar el espacio de búsqueda en la red. Para ayudarnos a responder esta pregunta, existen los meta-buscadores (“Meta-Search”), que podríamos decir que son los “buscadores de buscadores”. Incluye búsquedas en FTP. Comunidad de diseño web y desarrollo en internet, Cristalab v4. Slides – Create and share presentations online. 10 herramientas gratis para Wireframing y Mockup.

AddThis What's Next Recomendado para ti almacenplantillasweb.es Hide Show. Comunidad de diseño web y desarrollo en internet, Cristalab v4. PlanetUbuntu | PlanetUbuntu.es. ErrorKey - Search engine for Error codes and messages. Code Academics. Content Chemics. Osk Studio. Menús desplegables con CSS. Menús desplegables con CSS Vamos a hacer sólo con CSS un menú desplegable. Este menú, al ser sólo con CSS, no funcionará en Internet Explorer con versión 6 o menor. Quizás en la 7 si vaya, no lo sé. El menú, simple, sin ningún tipo de estilo adicional que vamos a contar aquí es el siguiente.

Al final lo tienes con algo más de color. Si le das a "opcion 2", "una c" verás que hay tres niveles. Empezamos haciendo el código html, que es más sencillo. <ul class="menu"> <li>opcion 1 <ul> <li>una a</li> <li>una b</li> </ul> </li> <li>opcion 2 <ul> <li>una c <ul> <li>otra</li> <li>mas</li> </ul> </li> <li>una d</li> </ul> </li> </ul> Por supuesto, podríamos poner enlaces <a> en las opciones del menú. Ocultar los submenús Lo primero que vamos a hacer es ocultar los submenús para no se vean. Ahora deberíamos hacerlos visibles cuando el ratón se coloca encima del <li> correspondiente. Con esto, el menú quedaría así Si jugamos un poco, vemos que según van apareciendo los submenús, se mueve todo. 7 herramientas gratuitas on-line para evaluar páginas web | redTicos.

Conseguir que nuestras páginas aparezcan en los primeros puestos de los buscadores es el sueño de todo desarrollador web. La forma más clara de escalar puestos es conseguir que nos enlacen webs de prestigio, pero esto es algo complicado que no siempre está en nuestra mano y en cualquier caso no es rápido. Lo que sí podemos hacer desde el primer momento es crear un código limpio, bien estructurado, semántico y con medidas de accesibilidad. Para esto existen múltiples herramientas on-line que nos avisan de nuestros errores de código y nos aconsejan a la hora de construir un sitio web limpio y accesible, que con seguridad ganará puntos en los rankings de los buscadores. Estas son algunas de las más útiles para mí: Validadores de la W3C: El primer paso para comprobar que nuestro código HTML y CSS sigue los estándares y que podrá ser ejecutado en cualquier plataforma.

Utilidades Internet. Android.