background preloader

Designer News

Related:  Web design

Ampersands and validation Unencoded ampersands in query strings are seen by many as “OK” to let slip through validation. That’s up to everyone to decide for themselves. However, if you decide that encoding ampersands isn’t worth it, you may want to go to the W3C document Character entity references in HTML 4 and print it out. Especially Character entity references for ISO 8859-1 characters contains a lot of variable names you need to avoid in query strings if you’re interested in having your site work in browsers like Safari, Mozilla, Firefox, IE/Mac, and OmniWeb. All those browsers will convert an unencoded ampersand followed by a character entity reference, followed by an equals sign, to the corresponding character. Let’s say you have a link that looks like this: <a href="index.html? If you’re using one of the browsers mentioned earlier, check the status bar with your cursor positioned over this link the link in this test document, or follow the link and check the location/address field.

Hidden Variables website dimensions - exact pixels - live check Web development mistakes When I visit a website, especially if it’s the site of a competitor or a prospective client, I like viewing source and take a look at what’s under the hood. It’s one of my not-so-secret obsessions. And I am way too often absolutely disgusted by what I see. The web is overflowing with sites that use horribly invalid, broken, and inaccessible markup. Even sites built by people who have been in the web business for many years, and who really should know better, are full of problems that shouldn’t be there. Here’s a list, in no particular order, of some of the most common mistakes that even experienced web professionals tend to make: DOCTYPE confusion Completely missing, incorrect, or in the wrong place. <span> mania A common way of styling something with CSS is to wrap it in a <span> element with a class attribute and use that to hook up the styling. (too much) Visual thinking Lack of semantics Non-semantic markup. Character encoding mismatches Bad alt-attributes Missing or useless. For CSS:

« What to do when help is NOT on the way Visual Tools To Aid Your Daily Inspirational Process Today we have gathered together a small but interesting toolkit which is going to help you find and harness the inspiration you need on a daily basis. The creative process for web designers is unrelenting, we all need a little help from time to time to unearth the visual inspiration, new ways to interact, content architecture, and other ideas. This toolkit doesn't center on content but rather provides tools which we can use to curate and organize content. It goes without saying that there are hundreds of tools and utilities which do this job, but we have gathered a concise selection of visual bookmarklets, chrome extensions, and other bits and bobs which the team here at Awwwards couldn't live without - you won't be able to either once you give them a try! PinBoards and Visual Inspiration Tools Niice - A search engine with taste Niice is a search engine for inspiration whose results are curated resources from sites such as Behance, Dribbble and Designspiration.

Conceptos básicos: Direcciones electronicas Subir ¿Qué son? Las direcciones electrónicas son la forma de ubicar unívocamente a cada persona y computadora en la Red. ¿Cómo funcionan realmente? Las direcciones electrónicas que se conocen y utilizan a diario han sido diseñadas para el uso de los humanos: su formato intenta adecuarse al hecho de que es más fácil recordar palabras que números. La información que circula por Internet se basa en la dirección IP de cada computadora de destino. Direcciones de Computadoras Todo recurso de Internet está alojado en una computadora servidor (server o host) que tiene asignada una o varias direcciones electrónicas. El esquema básico sería, Dominio=computadora.organización.tipo.país Por ejemplo: Computadora (también llamado server o host) Si la organización es grande y tiene varias computadoras servidores conectadas a Internet, se utiliza esta parte. Organización Es una identificación de la organización o empresa a la que pertenece el dominio y que siempre está presente. Tipo .com .edu

Wonder How To » Show & Tell for Creators & Doers