background preloader

VEILLE TECHNO

Facebook Twitter

WAI-ARIA 1.0 Authoring Practices. [contents] An author's guide to understanding and implementing Accessible Rich Internet Applications W3C Working Draft 7 March 2013 This version: Latest version: Previous version:

WAI-ARIA 1.0 Authoring Practices

Announcement - 2014 Design Studies Best Paper Award - Design Studies. 2014 Design Studies Award >> View previous winners We are pleased to announce the winner of the 2014 Design Studies Award, for the best paper published in the journal.

Announcement - 2014 Design Studies Best Paper Award - Design Studies

The prize is awarded to Janet Kelly (University of Southern Denmark) and Ben Matthews (University of Queensland) for their paper ‘Displacing use: Exploring alternative relationships in a human-centred design process’, published in Vol. 35, Issue 4 (July 2014). The Design Studies Award is made annually, jointly by the Design Research Society and the journal publishers, Elsevier. It comprises a certificate and a prize of £500. Abstract of the winning article: This paper critically discusses the concept of use in design, suggesting that relevant relationships other than use are sometimes obscured by the user-centeredness of design processes. Continue reading.... After Effects to CSS. Making the transition from animating in After Effects to CSS.

After Effects to CSS

I started my dive into software design a couple years ago by creating demo videos and animating user interfaces. Coming from a Motion Design background, After Effects was my baby, and I had spent many years perfecting that craft. I have worked side by side with developers re-creating the animations that I had created in After Effects. This process was slow and tedious — there was a need for the designer and developer to sit next to each other and hash out the details. I wanted to improve this workflow, so I dove into the research to understand how animations work within development and what the mental model was in which I needed to adapt to. 1.

The world of development is constantly changing. Understand the Properties at your disposal. Basic List of Animatable Properties: Examples of Each Property Animated Consider Performance. In After Effects you have to consider the render time of your animations. Tutoriels pour apprendre HTML & CSS. Il existe de très nombreuses ressources pour apprendre les langages du web HTML & CSS.

Tutoriels pour apprendre HTML & CSS

Bien sûr, les spécifications du W3C en la matière sont un passage indispensable, mais il ne faut pas oublier qu’il existe des tutoriels plus… didactiques. Ceux que je vous présente vous prendront par la main pour que le plongeon dans le grand bain de l’intégration web ne se transforme pas en «plat» douloureux. Learn HTML & CSS présente 10 leçons proposées par @shayhowe pour débuter avec HTML & CSS et développer votre premier site web : Un bien joli site très didactique qui donne, pour chaque rubrique, l’ensemble des éléments et des attributs à prendre en compte avec de nombreux exemples pratiques.

Création & partage de ressources sur les langages du web, WordPress, le graphisme et le montage vidéo. Photoshop Etiquette est un site qui rassemble les bonnes pratiques à mettre en oeuvre pour produire des fichiers .psd conformes à la logique et au bon goût.

Création & partage de ressources sur les langages du web, WordPress, le graphisme et le montage vidéo.

Pour travailler efficacement, il est important de bien organiser ses fichiers et de les nommer correctement. Mais ce n’est pas tout : au total, Photoshop étiquette recense plus d’une centaines de points de vigilance illustrés avec des captures d’écran. Web design and development articles and tutorials for advent ◆ 24 ways. Front End Developer, Melbourne - Petr Tichy. An inline-block intervention. Tell me the last time you used a <b> element in your markup.

An inline-block intervention

How about a <blink> tag? If you answered ‘today’, then this post will hopefully be eye opening for you. However, if you answered, “pffft, I don’t. I write semantic markup”, then this post is geared towards you. So, the reason why we don’t use the <b> tag for bolded text is because we’re interested in the separation of content and style. Cool? So let’s talk about inline-block inline-block entered the web dev scene around 2008 as part of CSS2.1 and everyone loved it. 2014 Videos — UX Immersion Mobile 2015 — April 13–15, 2015 — Salt Lake City, UT. Clever Institut Formation. Bourbon - A Sass Mixin Library. La dette technique – Boutique Le train de 13h37. CSS3 + Progressive Enhancement = Smart Design. Progressive enhancement is a good thing, and CSS3 is even better.

CSS3 + Progressive Enhancement = Smart Design

Combined, they enable designers to create lighter, cleaner websites faster and easier than ever before.. CSS3 can do some pretty amazing stuff: text shadows, rgba transparency, multiple background images, embedded fonts, and tons more. It’s awesome, but not all browsers are up to snuff. As designers, it’s up to us to decide which browsers to support for our projects. Among these generalized strategies, the second approach comes closest to the concept of progressive enhancement.

A Quick Example Consider a basic layout done with good ‘ol CSS 2.1 and HTML 4.01. Basic layout and compositionbackground, border, and font colorsfont families, styles, and transformationsbasic styles for HTML elementsdecorative graphics, link styles and so on The idea here is to begin with a nice, well-styled presentation that looks good in even archaic browsers like IE6. CSS 3 and Progressive Enhancement.

Category Archive: WordPress. SitePoint – Learn HTML, CSS, JavaScript, PHP, Ruby & Responsive Design.