background preloader

GoJS® Diagramming Components for HTML5/Canvas, by Northwoods Software®

GoJS® Diagramming Components for HTML5/Canvas, by Northwoods Software®
GoJS is a feature-rich JavaScript library for implementing interactive diagrams across modern web browsers and platforms. GoJS makes constructing diagrams of complex nodes, links, and groups easy with customizable templates and layouts. GoJS offers many advanced features for user interactivity such as drag-and-drop, copy-and-paste, in-place text editing, templates, data binding and models, transactional state and undo management, palettes, overviews, event handlers, commands, and an extensible tool system for custom operations. GoJS is pure JavaScript, so users get interactivity without requiring round-trips to servers and without plugins. When upgrading to a newer version, please read the Change Log. You can explore the newest features and samples in the GoJS Beta for the next version, if a next version is available.

Design Elements Download Packs Glow, 25 Colorful Soft Backgrounds A collection of 25 soft brightly coloured light abstract backgrounds. Image dimensions up to 4256px by 2832px. 25 images - Zip Download (60 Mb) password required Good Wood, 30 Timber Textures A collection of 30 really useful high resolution background images of wooden surfaces and timber textures. 30 images - Zip Download (89 Mb) password required Blue Mood, 20 Underwater Backgrounds A collection of 20 high resolution background images of the deep blue sea. 20 images - Zip Download (55 Mb) password required WaveLength, 40 Colorful Light Trails A collection of 40 high resolution images of coloured light trails plotting sinusoidal and wave like patterns on a black backdrop. 40 images - Zip Download (37 Mb) password required Snowfall, 30 Dystopian Snowscenes - Brrrrrrrrr. A collection of 30 high resolution images of snow falling on urban and mountain landscapes. 30 images - Zip Download (62 Mb) password required 25 images - Zip Download (96 Mb) password required

On Scroll Header Effects with CSS Transitions At the present time, eminent breeders try by methodical selection, with a distinct object in view, to make a new strain or sub-breed, superior to anything of the kind in the country. But, for our purpose, a form of selection, which may be called unconscious, and which results from every one trying to possess and breed from the best individual animals, is more important. Thus, a man who intends keeping pointers naturally tries to get as good dogs as he can, and afterwards breeds from his own best dogs, but he has no wish or expectation of permanently altering the breed. Nevertheless we may infer that this process, continued during centuries, would improve and modify any breed, in the same way as Bakewell, Collins, etc., by this very same process, only carried on more methodically, did greatly modify, even during their lifetimes, the forms and qualities of their cattle. Scroll down

gury - an html5 canvas utility library selectator/README.md at master · FaroeMedia/selectator Pure CSS Chat Bubbles for Instant Messaging UI I may be in the minority of Apple users but I still prefer the original iOS 6 glossy chat bubbles to the newer flat UI. These bubbles are still found in the iChat application for OS X but are no longer supported on mobile devices. With greater advancements in CSS3 it’s a quite easy to recreate these glossy gradient bubbles in a browser without using any background images. Live Demo – Download Source Code In this tutorial I want to demonstrate how we can rebuild an Apple-style instant messaging interface with pure CSS. Building the Basics I want to start by giving credit to a couple other developers who inspired this tutorial. However I really wanted to customize the interface to look more like a typical iOS SMS app screen. You can tell from the code above that it’s very simple to add new bubbles onto the page. You’ll also notice I have some extra classes to change up the color schemes on a few of these bubbles. Page & Bubble Structure Inside my CSS file is where all the magic happens.

Implementing a Flowchart with SVG and AngularJS Contents Overview This article documents the development of a small exploratory project for flowchart visualization and editing that is built upon SVG and AngularJS. It makes good use of the MVVM pattern so that UI logic can be unit-tested. After so many articles on WPF it may come as a surprise that I now have an article on web UI. For the last couple of years I have been ramping up my web development skills. Professionally I have been using web UI in some pretty interesting ways connected to game development. It seemed only natural that I should take my NetworkView WPF article and bring it over to web UI. During development of the code I have certainly moved my skills forward in many areas, including Javascript, TDD, SVG and AngularJS. A little over a year ago I started developing using TDD, something I always wanted to do when working with WPF, but never got around to it (or really appreciated the power of it). My first attempt at NetworkView, in WPF, took a long time. Screenshot

GoJS Overview - HTML5 Canvas JavaScript Library for Diagrams GoJS Overview GoJS is a fast and powerful JavaScript library for implementing interactive diagrams in HTML5 web applications. The design of GoJS is similar to the design of our other diagramming controls and to GoXam in particular. The design includes support for templated definitions of complex parts and data-binding of graphical object properties to model data. Create Powerful Diagrams Canvas-based diagramming allows for some of the fastest plugin-free diagramming on the web today. View the samples now! Rich Features GoJS offers a comprehensive range of diagramming features, allowing programmers to create rich Canvas apps faster. Templates for Nodes, Links, and Groups Data binding with JSON data Intuitive Drag-and-Drop & Copy-Paste functionality Unlimited extensible Undo and Redo Mouse and touch support with customizable tools Orthogonal and Bezier link routing with "Avoids Nodes" and "Jump Over" options Automatic layout of graphs Palettes and Overviews And much more. Licensing Terms

Simple Styles for Horizontal Rules That is, the <hr> element. With the help of a few contributors, I put together this page of very simple styles for them. You could get a lot fancier with an element like a <div> that can hold content, but I like the semantics of a horizontal rule. Note that in some of these examples, generated content is used (:before/:after). Share On Free Website Templates You are free to use the range of premium free blog templates professionally developed with extra efforts of our expert designers. What is good about these web designs is that they are totally free and you may use them for your own projects at absolutely no cost. But make sure you don’t resell our free templates or include them into your design portfolios. They are all made for your personal use only. The terms are as usually – review this awesome range of free website templates (including free WordPress themes, free HTML5 themes, free Drupal themes, free Joomla themes), once you pick one go to the template download page and type your name and email address that you want the template package to be delivered to. Kustrix Lite – Free GPL WordPress Theme for Fashion Blogs Kustrix Lite - a freebie that challenges premium GPL WordPress themes. 4.86/5 (7) The possibility to use one theme for an unlimited number of websites lures TemplateMonster's customers. read more read more read more read more

jQuery Social Media Plugin - Create and combine feeds from social networks in1 | plugins A jQuery Social Plugin to create a single social media stream from multiple social network feeds Socialist is a social feed plugin that combines multiple social media feeds in one place. Use it to combine content and create a social wall from Facebook, Twitter, LinkedIn, YouTube, Pinterest, Flickr, Tumblr, Craiglist RSS and other social networks. Features Aggregates social feeds from Facebook, Twitter, LinkedIn, Flickr, Instagram, YouTube, Tumblr, Pinterest, RSS Feeds, Craigslist, Google+ and more.. Download from GitHub Socialist supports jQuery 1.6 or newer 1) Simply include the .js and .css files in your HTML document.. 2) Apply jQuery Socialist to any <div> element within your js code.. Options networks An array of network definition objects random true or false; default value is: true isotope headingLength An integer value that indicates the max number of characters to display in the 'heading' field of each result textLength maxResults theme (none) or 'clean'; default value is: (none)

Identifier les doublons dans Google Spreadsheet Pour cela il faut compter le… Identifier les doublons dans Google Spreadsheet Pour cela il faut compter le nombre de fois où apparait le mot dans la colonne. Une manière de faire cela est d'utiliser la formule Countif(). Voici la formule : =COUNTIF($B$3:$B$11;"="&B3) - Il faut bien figer la plage de données avec les dollars ($B$3:$B$11). Sur l'exemple on a une colonne avec le nombre d’occurrence de chaque éléments. BONUSSur la copie d'écran une règle de mise en forme conditionnelle a été appliquée pour afficher les doublons en rouge.La formule : =(COUNTIF($B$3:$B$11;"="&B3))>1 Pour utiliser la mise en forme conditionnelle vous pouvez trouver une exemple dans ce post : #countif #googlespreadsheet 

Related: