background preloader

Can I use... Support tables for HTML5, CSS3, etc

Can I use... Support tables for HTML5, CSS3, etc
About "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers. The site was built and is maintained by Alexis Deveria, with occasional updates provided by the web development community. The design used as of 2014 was largely created by Lennart Schoors. May I use your data in my presentation/article/site, etc? Yes, the support data on this site is free to use under the CC BY 4.0 license. Is there a way to see the support data in colors other than red/green? Yes, you can enable accessible colors from this link or from the option under Settings. Do you have the data available in a raw format? Yes, the raw support data is available on GitHub and is updated regularly. Could you add feature X to the site? Adding features takes quite some time and there are many requests for additions. If you've done the research yourself already, you can also submit a feature on GitHub. Which features do you choose to add to this list? Related:  outils pour site webDevOUTIL

HTML5 Boilerplate: The web's most popular front-end template «Резиновая вёрстка»: используем отрицательные поля - Вёрстка - Webmascon Я недавно столкнулся с задачей, в которой надо было создать двухколоночный макет страницы с "шапкой" и "подвалом", причём в коде страницы контент должен был быть расположен перед блоком боковой колонки. Я решил воспользоваться возможностью продемонстрировать малоизвестный приём CSS-вёрстки: отрицательные поля (negative margins). Отрицательные поля позволяют нам сместить область контента за границы окна браузера, освободив место для боковой колонки. Постановка задачи Итак, чтобы показать, как полезны могут быть отрицательные поля для создании резиновой вёрстки, давайте-ка сделаем резиновый двухколоночный макет с "шапкой" и "подвалом". Область основного содержимого (контента) будет слева, вторая колонка - справа. Зная, как работают "плавающие" блоки, проще всего было бы разместить боковую панель перед блоком контента, позволив ей обтекать (float) контент с правой стороны. Исходный код Давайте-ка взглянем на код двухколоночной страницы с "шапкой" и "подвалом", с которым мы будем работать:

Infographie - Comment les grosses entreprises utilisent les couleurs Ca n’est pas la première fois que je vous parle de choix de couleurs sur internet, et également d’émotions transmises par les couleurs. Dans cette nouvelle infographie nous allons une fois de plus parler de couleurs et d’émotions mais dans un autre registre. Nous allons voir comment les grosses entreprises utilisent les couleurs afin de nous transmettre des émotions via leurs logos. Dans cette infographie on apprend également un fait que je trouve intéressant, 2/3 des enfants âgés de 3 ans sont capables de reconnaître des logos de marque de part la couleur et la forme. Cet élément prouve une fois de plus que le choix des couleurs dans le web ou ailleurs est vraiment très important. #via

jQuery API Documentation Data URL Maker, Data URL CSS Optimizer and the Data URL Toolkit - Vimperator DATAURL.NET is home to some open source tools for creating and working with Data URLs (RFC 2397). Two of these tools are web-based and available here: Data URL Maker converts files to Data URLs.Data URL CSS Optimizer optimizes CSS files by embedding external images as Data URLs. Various modules, code examples and GUI/command line tools for UNIX systems are available in Downloads. What are Data URLs? Data URLs are a Uniform Resource Identifier scheme that allow you to include data items inline in a web page as if they were being referenced as external resources. History The data URL scheme was defined in RFC 2397 specification of the Internet Engineering Task Force. What do Data URLs look like? Data URLs use the following syntax: data:[mimetype][;base64],[data] Let's say we have a small file icon image we want to embed in an HTML document. This HTML tag would display the following image: Advantages of Data URLs Using Data URLs for the web can have several advantages: Data URLs save HTTP requests.

Comment créer un book dans les métiers de l’image Dans cet article, je vais vous donner les pistes et les méthodes pour savoir comment créer un book afin de présenter vos photographies et vos travaux graphiques. Vous êtes passionné par ce que vous faites et vous souhaitez partager cette passion avec le plus de monde possible. Je vais vous aider à créer votre book et de lui apporter mes conseils pour améliorer sa visibilité. Comment créer un book Vous êtes photographe, vous aimeriez savoir comment créer un book photo ? Avant de vous lancer dans la création d’un book, il est important de se poser quelques questions: Quels supports choisir (papier, book en ligne, mobile) ? Se poser des questions c’est bien, mais comment trouver les réponses et surtout la ou les bonnes méthodes pour résoudre chaque question. Quels supports choisir (papier, book en ligne, mobile) ? Créer un book en ligne permets de mettre en valeur vos réalisations graphiques, photographiques. Et pour finir cette première question, je finirais par la version mobile. Connexe

Subway Map Visualization jQuery Plugin | Nik Kalyani's Blog I have always been fascinated by the visual clarity of the London Underground map. Given the number of cities that have adopted this mapping approach for their own subway systems, clearly this is a popular opinion. At a conference some years back, I saw a poster for the Yahoo! Developer Services. They had taken the concept of a subway map and applied it to create a YDN Metro Map. University departments, offices, student groupsGovernmentOpen Source projectsInternet startups by category More examples on this blog: Ten Examples of the Subway Map Metaphor. Fast-forward to now. With these goals in mind, I started creating my jQuery plugin. Download or get it on GitHub Step-by-Step Guide Here is a guide to using the Subway Map Visualization jQuery Plugin. Demo: Here’s a demo of the finished map described in this guide. Referencing the Plugin The subwayMap plugin is referenced similar to other jQuery plugins by adding a script element to the HTML markup. 2. Using the Plugin HTML Markup for Plugin 01. 02.

ROBOT…OR NOT? - Vimperator Somewhere in my stomach I felt a cold, hard knot. Take stainless steel alloyed with titanium and plate it with three inches of lead. Take a brain made up of super-charged magnetic crystals enclosed in a leaden cranium and shielded by alloy steel. “Let’s go to town,” I said. They looked at me admiringly. “Coming?” Jack was pale under his freckles but Chief Dalton grinned back at me. Behind me! Carron City is about a mile from the plant.

Plugin Photoshop : PRISMA Play with Color Voilà un nouveau petit plugin Photoshop qui arrive sur nos machines, PRISMA Play with Color. Le concept de ce plugin est pourtant simple et vraiment utile, mais encore fallait-il l’inventer !! PRISMA permet de créer en quelques clics des « groupes » d’éléments ayant la même couleur. De cette façon quand vous avez besoin de modifier la dite couleur de ce « groupe » vous le faites en un clic et non pas en recherchant les éléments un à un Vous voyez ?? Alors sympa et pratique non ? Se rendre sur le site PRISMA