background preloader

Ergonomie web et logiciel, architecture de l'information, utilisabilité sites Internet – Ergolab

Ergonomie web et logiciel, architecture de l'information, utilisabilité sites Internet – Ergolab

Related:  Webdesigncreation webjugurtayahi

The 2 Principles Of Object Oriented CSS Do our current css practices scale? Are our stylesheets easy to maintain? Can non-css coders quickly and easily to build new web pages with our styles? Object oriented css (OOCSS) is an approach to writing html and css that allows us to answer yes to each of these questions. Over several recent posts I’ve been exploring topics around our approach to writing css. Last week I talked about classes being one form of abstraction in css.

Surfin' Safari - The WebKit Blog When it comes to performance, JavaScript generally gets the headlines. But if you look carefully, web pages are not all JavaScript, the performance of all the other parts also has a dramatic impact on the user experience. Observing only JavaScript gives a single point of view over the complex mosaic that is web performance. Making CSS faster and more scalable is an area of research in the WebKit project. The DOM and CSS do not always scale very well and it is sadly still common to see missed frames during complex animations. A technique we use to speed things up in JavaScript is eliminating slow paths with Just In Time Compilers (JIT).

A Complete Guide to Flexbox Background The Flexbox Layout (Flexible Box) module (currently a W3C Last Call Working Draft) aims at providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic (thus the word "flex"). The main idea behind the flex layout is to give the container the ability to alter its items' width/height (and order) to best fill the available space (mostly to accommodate to all kind of display devices and screen sizes). Everything is Miscellaneous I just came from a discussion of the future of the book at Harvard, although it was actually more like the propedeutic for that discussion. Quite fascinating though. First spoke Ann Blair, a history professor at Harvard, who has a book on the history of information overload (particularly in the early modern period) coming out in the fall of 2010. She talked about how printed books were first received: Positively, the printing press was appreciated for the labor it saved (an early estimate said that four men in one day could create as many books with a printing press as ten could do with a quill in a year) and for driving down the cost of books.

Wireframes & Prototypes: Is There Really a Difference? The terms “wireframe” and “prototype” are often used interchangeably – possibly due to convenience or misunderstanding – but it’s important to know what sets these two terms apart and how you benefit from each because sometimes your project will only need a wireframe, and sometimes it will require a prototype. What is a Wireframe? According to, Jakob Nielsen on Usability and Web Design June 4, 2017 Typing a password takes twice as long on mobile than on desktop. Follow these 12 guidelines to make registration and login less painful on mobile devices. June 4, 2017 Modal ads, ads that reorganize content, and autoplaying video ads were among the most disliked. For Users For Administrators Advanced Search Capabilities 15 Best Responsive Web Design Testing Tools Responsive Web Design is regarded as being the approach which suggests that web design and development should respond to the end-user’s behavior and environment based on their screen size, platform and orientation. Responsiveness consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries. When the end-user switches from their laptop over to their iPad, the website being viewed should automatically switch to accommodate that particular resolution, image size and scripting abilities. In other words, the website should have the technology to automatically respond to the end-user’s preferences. This would eliminate the need for a different design and development phase every time a new gadget device is introduced on the market. Along with all of the newest devices – also come varying screen resolutions, definitions and orientations. - The musings of a digital media librarian Yesterday evening, U.S. Archivist David Ferriero delivered the I.P. Sharp Lecture, hosted by the Faculty of Information at the University of Toronto.

Related:  test et optimisationAnatomy ergonomiesites utilesAvrilConsultingActu WebErgonomie webergonomiel'ergonomieergonomiePROJETS WEBErgonomie - Utilisabilité - WebHTML/CSSHTML & CSS