background preloader

Textures.js

Textures.js
Textures are useful for theselective perception of different categories View on Github Getting started -- from the top of d3.js -- var svg = d3.select("#example") .append("svg"); var t = textures.lines() .thicker(); svg.call(t); svg.append("circle") .style("fill", t.url()); Lines textures.lines(); textures.lines() .heavier(); textures.lines() .lighter(); textures.lines() .thicker(); textures.lines() .thinner(); textures.lines() .heavier(10) .thinner(1.5); textures.lines() .size(4) .strokeWidth(1); textures.lines() .size(8) .strokeWidth(2); textures.lines() .orientation("vertical") .strokeWidth(1) .shapeRendering("crispEdges"); textures.lines() .orientation("3/8") .stroke("darkorange"); textures.lines() .orientation("3/8", "7/8") .stroke("darkorange"); textures.lines() .orientation("vertical", "horizontal") .size(4) .strokeWidth(1) .shapeRendering("crispEdges") .stroke("darkorange"); textures.lines() .orientation("diagonal") .size(40) .strokeWidth(26) .stroke("darkorange") .background("firebrick"); Paths Related:  Datavisualisation

type.js Cartographie des métiers du digital en 2016 Comme l’an dernier, l’IAB a présenté son étude sur les “métiers et compétences du marketing et de la communication dans un contexte de transition digitale” lors de l’événement Experiences de Microsoft. Les spécificités du marketing digital L’IAB indique que les spécificités du marketing digital identifiées en 2015 s’affinent : Technicité : technologies variées, renouvellement des outils de travail…Temporalité courte : ancrage dans le présent, temps réel, pas de best practices pérennes, optimisation permanente, cycles de travail courts…Précision / Ciblage : multiplicité des canaux et touchpoints, variété de publics, personnalisation des stratégies, outils techniques… À ces spécificités principales s’ajoutent des spécificités additionnelles : L’évolution des métiers du marketing digital On assiste également à une mutation profonde des métiers. Progressivement, certains métiers disparaissent. Les nouveaux métiers du marketing digital L’étude complète est disponible sur le site de l’IAB.

Карманное руководство по написанию SVG. Введение Перевод книги Pocket Guide to Writing SVG, c разрешения автора — Джони Трайтел. Спасибо вам! Этот раздел я хотела бы целиком посвятить тому, чтобы сказать «Огромное спасибо!»: Ваша поддержка этой книги очень ценна для меня, и я очень надеюсь, что никого из вас не обидела, если нечаянно забыла включить ваш любимый фрукт. Введение Масштабируемая векторная графика (SVG) – язык для описания двумерной графики в формате XML. Под встроенным SVG понимают код, написанный прямо внутри HTML, чтобы сгенерировать в браузере эту графику, о которой эта книга. У такого использования SVG есть много преимуществ, включая доступ ко всем отдельным частям графики для интерактивности, генерации текста с возможностью поиска, доступ к DOM для прямого редактирования, и улучшение доступности для пользователя. Начав с базовой структуры и простых фигур, мы перейдем к описанию системы SVG-координат или «холста», рисованию заливки и/или обводки фигур, трансформациям, а так же использованию и обработке графического текста.

jQuery custom content scroller Last updated on Jul 11, 2016 Originally published on August 1, 2010 by malihu, under Plugins. Highly customizable custom scrollbar jQuery plugin. Features include vertical and/or horizontal scrollbar(s), adjustable scrolling momentum, mouse-wheel (via jQuery mousewheel plugin), keyboard and touch support, ready-to-use themes and customization via CSS, RTL direction support, option parameters for full control of scrollbar functionality, methods for triggering actions like scroll-to, update, destroy etc., user-defined callbacks and more. Current version 3.1.5 (Changelog)Upgrading from version 2 When upgrading from version 2.x to 3.x it’s important to use version 3 CSS and .png files. Version 3 is backwards compatible but it’s also a huge overhaul. Version 2 is still maintained and updated here. How to use it Get started by downloading the archive which contains the plugin files (and a large amount of HTML demos and examples). Initialization Initialize via javascript more info Initialize via HTML

wwsd/README.md at master · enjalot/wwsd html5 Скорее всего вы уже не раз видели эффект постепенного контурного рисования SVG-фигур. Такая анимация особенно популярна на лендингах c привязкой к прокрутке страниц. Сморится довольно эффектно. Давайте рассмотрим пример, чтобы понять, что я имею ввиду. открыть в новом окне Такой эффект достигается при помощи установки нужного значения атрибута stroke-dasharray и плавного изменения атрибута stroke-dashoffset SVG-фигур. Принцип хорошо описан в статьях: Плагины для анимирования контуров SVG На данный момент есть несколько удобных плагинов для создания подобных анимаций. Все они работают по одному и тому же принципу и отличаются лишь набором опций и возможностей. Видео Видео урок о том, как создать эффект рисования SVG без плагинов, можно найти здесь Красивые примеры эффекта “рисования” c помощью stroke-dasharray и stroke-dashoffset Могу с уверенностью сказать, что при правильной подготовке SVG можно добиваться интересных эффектов, которые оживят страницу и сделают её более динамичной.

Infinity.js A ListView is a container that moves content in and out of the DOM on the scroll event. ListViews help keep repaint times of expensive pages down (and scrolling smooth) by making sure that there are never too many elements onscreen at a single time. ListViews excel at speeding up long lists of complex HTML elements, where new content is frequently appended to the end and existing content is rarely removed. ListViews are simple, and have several caveats: they can't be nested inside each other, and they can't have heights set via CSS. Additionally, ListViews can't easily change sizes except by appending or removing elements, and so list items that need to slide open or change their sizing will be difficult to implement.

Comptes des ménages - Revenu disponible des ménages Le revenu net réel disponible des ménages est défini comme la somme de leurs dépenses de consommation finale et de leur épargne, diminuée de la variation de leurs droits nets sur les fonds de pension. Cet indicateur correspond également à la somme des salaires et traitements, du revenu mixte, des revenus nets de la propriété, des transferts courants nets et des prestations sociales autres que les transferts sociaux en nature, moins les impôts sur le revenu et le patrimoine et les cotisations de sécurité sociale payées par les salariés, les travailleurs indépendants et les chômeurs. Le revenu disponible ajusté brut des ménages y ajoute les « revenus » des administrations publiques et des institutions sans but lucratif au service des ménages (ISBLSM) pour refléter les transferts sociaux en nature. Ces transferts reflètent les dépenses des administrations publiques ou des ISBSLM sur les biens et services individuels, tels que la santé et l’éducation, au profit des ménages individuels.

Unheap - A tidy repository of jQuery plugins Boba.js / space150

Related: