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

vis.js | a dynamic, browser-based visualization library Vis.js is a dynamic, browser based visualization library. The library is designed to be easy to use, to handle large amounts of dynamic data, and to enable manipulation of and interaction with the data. The library consists of the components DataSet, Timeline, Network, Graph2d, and Graph3d. The vis.js library is developed by Almende B.V, as part of CHAP. Vis.js runs fine on Chrome, Firefox, Opera, Safari, IE9+, and most mobile browsers (with full touch support). Install npm npm install vis bower bower install vis download Click here to download vis.js (version 3.0.0) Example A basic example demonstrating how to use the vis.js timeline is shown below. <script type="text/javascript"> // DOM element where the Timeline will be attached var container = document.getElementById('mytimeline'); // Configuration for the Timeline var options = {}; // Create a Timeline var timeline = new vis.Timeline(container, data, options); </script></body></html> Gallery Timeline Network Graph2d Graph3d Docs License

JFXtras 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

ScalaFX • simpler way to use JavaFX from Scala 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)

MUZYKA I MYŚL (6) Ze znakomitej książki Stefana Riegera poświęconej sztuce i postaci Glenna Goulda (Słowo-Obraz-Terytoria, Gdańsk 1997, zob. też na ten temat moje Notatki o muzyce w "Tygodniku Powszechnym"), przepisuję fragmenty następujące: Boskość. Abstrakcja. Przed odlotem zdążył jeszcze opisać w rozmowie z Monsaingeonem wciągającą go otchłań: W Kunst der Fuge nie ma już nic, co przypominałoby choćby z daleka wyraźnie zdefiniowane modulacje z poprzednich fug. 1. Cóż to jest fuga? Idea fugi, znamienna dla świadomości muzycznej czasów nowożytnych, jest kwintesencją polifonii europejskiej, syntezą substancjalnego (tj. związanego z czystą strukturą dźwiękową) polifonizmu, dokonywaną w (nowym) medium harmoniki i tonalności. Sednem formy fugi jest rozwijanie - rozwój strukturalny i formalny - ewolucjonizm: coś - przestrzeń, płaszczyzna dźwiękowa, większa całość - rozwija się z czegoś; z ziarna, zalążka, całostki. 2. 3. BOHDAN POCIEJ, ur. 1933, muzykolog, krytyk muzyczny. Copyright © by Miesięcznik Znak

HTML5 forms input types In the first article in this series we looked at the history of HTML5 forms and many of the new attributes available to us. In this second and final part of the series, we’ll look at the new input types available in HTML5. As we’ll see, these new features will go a long way toward making your life easier while delivering a delightful user experience. The best thing about all this? HTML5 introduces no less than a baker’s dozen (yes, that’s 13!) search Search seems like an appropriate place to start our foray into HTML5 input types. Well, what if we could write something like … With HTML5 we can. On a mobile device, however, things start to get interesting. As you’ve seen with the new attributes, browsers that don’t understand them will simply degrade gracefully. email In rendering terms, the email input type is no different than a standard text input type and allows for one or more e-mail addresses to be entered. The specification details that one or more e-mail addresses are allowed. url

Related: