Ideal line length for content Date: 3 May 2003 Author: Russ Weakley Is there an ideal line length for content? To quote a passage from “Web Style Guide – Basic design principles for creating web sites”. The ideal line length for text layout is based on the physiology of the human eye… At normal reading distance the arc of the visual field is only a few inches – about the width of a well-designed column of text, or about 12 words per line. The challenge I’d like to design a site that uses optimal line lengths. Layout methods Most websites lay out content used either fixed width (set to an absolute measurement) or flexible width (set to a percentage of the screen, so that it scales in or out based on the browser window). Fixed-width columns can be used to set column widths that are ideal if users have their fonts set to browser defaults. Flexible-width columns also have problems. The second problem is placing the responsibility on the user. A solution The solution may be to set column widths using em‘s. width: 30em;
Votre petit wiki personnel en local Votre petit wiki personnel en local Si vous cherchez un outil pour écrire vos pensées, vos recettes, vos docs techniques ou vos histoires, avez-vous songé au format wiki ? Celui-ci permet une mise en page simple et efficace et surtout une création de pages à la volée, ce qui facilite le découpage de votre contenu. Seulement, voilà, pour disposer d'un bon wiki, il faut un serveur ou au moins quelques compétences techniques pour le mettre en place sur sa machine. Du coup, si vous n'avez pas de grands projets collaboratifs et que c'est juste pour vous et votre plaisir personnel, voici un petit soft nommé Scribbleton, disponible pour Windows, OSX et Linux qui va vous permettre de maintenir un petit wiki personnel en local sur votre machine, très facilement. C'est un outil très simple, qui permet simplement de créer des pages et de les lier entre elles. Par contre, Scribbleton n'offre pas la possibilité d’insérer des images ni d'écrire directement en Markdown ou en HTML, mais ça fait le job.
43 High Quality Tutorial Sites to Start Learning Web Design « Na If you want to start learning web design and development any time soon, you can start from these high quality resources. Most of the sites have been around for a while, have accumulated numerous tutorials on various topics on HTML/CSS, Photoshop, PHP/MySQL, Javascript/jQuery/AJAX and Flash. Start learning or polishing off your design skills now Add This Post to Your Delicious 1. At W3Schools, you can study everything you need to learn, in an accessible and handy format. 2. Yoobee Online now offer their introduction to HTML & CSS short course online. Introduction to HTML5 & CSS3 3. Quackit teaches beginners how to create websites. 7. HTMLlite will show you how to easily create web pages with your favorite text editor. 9. Tutorials on EchoEcho are structured into three sections. 10. Sergey Gribov‘s website offers a quick start on web technologies. 11. Jessett covers such topics as usability, graphic design, html, css, dhtml and more. 19. 20. 22. 25. HTML Tutorial 27. CSS Tutorial 28. 34. 41.
Social Media isn’t the point. Storytelling is. — Content Strategy How do I build an audience, or engage with customers online? As a strategic storyteller and digital consultant, I get asked this question in some form on nearly a weekly basis. Usually, the brand or product already exists in some form (anywhere on the spectrum between an established brand that needs to be reenergized, to a product on the verge of launch) and the business owner or entrepreneur wants answers. For example, I just received this email from a new business owner: “I’m interested in how social media marketing can be leveraged with other types of online and more traditional marketing. I’ve worked with many types of clients from solopreneurs to marketing leaders for multi-national corporations who are just as adamantly convinced they need to “do social media” without ever stopping to question why. I get it. Social media is ubiquitous. Because social media isn’t the point. It’s storytelling that’s important. As a culture we’re hardwired to participate in storytelling. Take Buffer. 1.
Columnas, anchos de línea y legibilidad Los principales motivos por los que los usuarios leen mejor unas páginas que otras dependiendo de su formato de párrafos. Los usuarios leen más rápido los textos con renglones de tamaño medio (60-80 cpl), que los de renglones cortos o largos. También son los de tamaño medio sus preferidos. Ello, junto a que sólo los lectores avezados leen mejor en dos columnas de texto que en una, sugiere que sigue siendo acertado utilizar el modelo de maquetación basado en tres columnas de elementos: barra de navegación, texto y opciones secundarias respectivamente. Un aspecto importante a la hora de maquetar los contenidos de un sitio web es decidir cómo se ha de presentar la información textual para que su comprensión y legibilidad sean máximas. Además, hay que poder presentar los textos en monitores de muy alta resolución y, al tiempo, hacerlo compatible con dispositivos tipo PDA. El ancho de línea Cada vez es más frecuente encontrar resoluciones de hasta 1900 pixels de ancho. Maquetar el texto
Thomas Byttebier - The best icon is a text label Previously I wrote about clarity being the most important characteristic of a great interface. Let’s talk about icons now. They’re an essential part of many user interfaces. The thing is: more often than not, they break clarity. Pictograms have been in use since the early days of mankind. In many public spaces, they’re used for wayfinding. Icons soon became popular in user interface design too. Of course I can see why icons grew popular in user interfaces. Moreover, an icon can often replace a long descriptive group of words. (Unclear icons remind me of this funny graphic someone posted on Twitter recently: I guess Ron got frustrated by all these unreadable washing icons…) Discussing the use of icons with clients, the remark I hear often goes like this: “People will use our software daily, they’ll soon learn the meaning of our icons.” And I have more bad news: users will avoid interface elements they cannot understand. A later version made tweeting much more obvious:
the mystery of css float property Advertisement Years ago, when developers first started to make the transition to HTML layouts without tables, one CSS property that suddenly took on a very important role was the float property. The reason that the float property became so common was that, by default, block-level elements will not line up beside one another in a column-based format. The CSS float property allows a developer to incorporate table-like columns in an HTML layout without the use of tables. In this article, we’ll discuss exactly what the float property is and how it affects elements in particular contexts. Definition and Syntax The purpose of the CSS float property is, generally speaking, to push a block-level element to the left or right, taking it out of the flow in relation to other block elements. Flickr photo by presentday The effectiveness of using floats in multi-columned layouts was explained by Douglas Bowman in 2004 in his classic presentation No More Tables: No More Tables Syntax Float in Practice
(2) What is the average customer acquisition cost for a SaaS company 5 pasos para hacer tu web más legible Publicado el 29 septiembre 2010 por Daniel Rodríguez. En la web podemos hacer muchas cosas, pero una de las más frecuentes es leer. Tener un texto optimizado para la lectura es fundamental, no sólo por presencia en pantalla sino por eficiencia para el lector. 5 fáciles pasos Alineado horizontal: Cualquier párrafo de texto debería comenzar a una distancia del margen izquierdo de la página situada entre los 300px y los 600px. En definitiva, aplicando estos consejos en tu actual o próxima web conseguirás un texto más legible. Por último… ¿Que es eso de los ems? Realmente, los ems son la solución a todos los males relacionados con ajustar el tamaño de un texto para la web. Por cierto… ¿Conoces Typetester.org? Tags: Escribir para la web, Legibilidad
Piwik - Statistiques It can be hard to keep track of all the features that Piwik has to offer. To find out if Piwik is the right web analytics tool for you, check out this ever-expanding list of features. Web Analytics Features All standard statistics reports: top keywords and search engines, websites, top page URLs, page titles, user countries, providers, operating system, browser marketshare, screen resolution, desktop VS mobile, engagement (time on site, pages per visit, repeated visits), top campaigns, custom variables, top entry/exit pages, downloaded files, and many more, classified into four main analytics report categories – Visitors, Actions, Referrers, Goals/e-Commerce (30+ reports). Real time data updatesWatch real time flow of visits to your website. Administration Options More Goodness! Tracking API Supports pages encoded in unicode (for example, UTF-8) but also supports all other charsets Data Export & APIs Data Export in Excel, XML, Json and more! Log Analytics: Import and Analyze your Server Logs
Customer Lifetime Value Detailed AnalysisCloud Strategies - Making SaaS Businesses Work Customer Lifetime Value or CLV (aka CLTV or LTV) is an essential SaaS metric for quantifying the present predicted value of a revenue stream from a customer. Understanding the Customer Lifetime Value is crucial for understanding how much is prudent to spending on customer acquisition. It is a method of determining the value of the business based on the unit economics of increasing the customer base. It also dramatically shows the cost of churn and can justify additional resources spent to decrease churn by showing the impact on customer value. The sum of the Customer Lifetime Value of all the company’s customers is the “Customer Equity” – an important measure of the company’s value. The Customer Lifetime Value metric also provides a method of comparing the economics of the traditional licensed software model (with high initial revenue) against the SaaS subscription revenue stream. The Customer Lifetime (the average theoretic life of a customer) is: The WACC rates used vary substantially.