d3.js The Virtual Handshake: Sell, Raise Capital, Invest, Recruit with Web 2.0 Assembling a WordPress Website My mother and I met Daniella Norwood, the owner of ella j designs, and her husband Brian Bigda at a Lean Startup Machine weekend at which I was a judge. She did a great job redesigning my mother’s site, DancetimePublications.com, so I hired her to do a redesign of Teten.com and TheVirtualHandshake.com. Enter Danni: David’s RFP included: upgrading Teten.com and TheVirtualHandshake.com to the latest version of WordPress,modernising the design of both sites,making both sites mobile and social-media friendly,changing the commenting system from DISQUS to Livefyre (ff Venture Capital portfolio company),migrating from AWeber to MailChimp, andfixing some existing errors. Here are what the sites used to look like. A New Website Design While I am “a creative type”, I am not a graphics designer. We changed the color scheme of teten.com to green, in order to match the color scheme of ffvc.com. New Website Functionality The Final Product, Two Redesigned Websites
Protovis Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction. Protovis is free and open-source, provided under the BSD License. It uses JavaScript and SVG for web-native visualizations; no plugin required (though you will need a modern web browser)! Although programming experience is helpful, Protovis is mostly declarative and designed to be learned by example. Protovis is no longer under active development.The final release of Protovis was v3.3.1 (4.7 MB). This project was led by Mike Bostock and Jeff Heer of the Stanford Visualization Group, with significant help from Vadim Ogievetsky. Updates June 28, 2011 - Protovis is no longer under active development. September 17, 2010 - Release 3.3 is available on GitHub. May 28, 2010 - ZOMG! Getting Started
Networking and Job Search Resources Raphaël—JavaScript Library Networking In 2009 many people found out just how harsh our economy can be when millions lost their job and had to try to pay their rent/mortgage and bills through unemployment benefits. People try to get employment assistance but some find out that they ridiculously make too much on their unemployment to be eligible for government help. It is a whirl-wind effect and we are all caught up in the slow recovery of the greatest recession since the great depression seventy years ago. Working online has become the best option for many people who are having a hard time finding an outside job. A large percentage of people have found their talent in writing, if there is no talent they have the ability to at least write an article and make it sound convincing and this is how many people earn their income online. E-books are more popular than they have ever been since most people have a multimedia plug and play device such as an Ipod that they can download e-books to or even to look up online articles.
All posts Marcin Ignac Data Art with Plask and WebGL @ Resonate My talk at Resonate'13 about Plask and how I use it for making data driven visualizations Fast Dynamic Geometry in WebGL Looking for fast way to update mesh data dynamically. Piddle Urine test strip analysis app Evolving Tools @ FITC My talk at FITC Amsterdam about the process behind some of my data visualization, generative art projects and Plask. Ting Browser Experimental browsing interface for digital library resources Bring Your Own Beamer BYOB is a "series of exhibitions hosting artists and their beamers". Bookmarks as metadata Every time we bookmark a website we not only save it for later but add a piece of information to the page itself. Timeline.js A compact JavaScript animation library with a GUI timeline for fast editing. SimpleGUI SimpleGUI is a new code block developed by me for Cinder library. Cindermedusae - making generative creatures Cindermedusae is quite a special project for me. Effects in Delta ProjectedQuads source code
Donna Messer 25+ Useful Infographics for Web Designers Infographics can be a great way to quickly reference information. Instead of pouring over figures and long reports to decipher data, an infographic can immediately make apparent exactly what a dataset actually means. Below are more than 25 infographics that can be useful to web designers. Some are incredibly practical, some provide information that might be of interest to designers and some just present data that might be interesting to those who design websites all day. If you know of any good ones that we may have missed, please add them in the comments section below. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27.
Six degrees of separation Six degrees of separation. Early conceptions[edit] Shrinking world[edit] Theories on optimal design of cities, city traffic flows, neighborhoods and demographics were in vogue after World War I. These[citation needed] conjectures were expanded in 1929 by Hungarian author Frigyes Karinthy, who published a volume of short stories titled Everything is Different. As a result of this hypothesis, Karinthy's characters believed that any two individuals could be connected through at most five acquaintances. A fascinating game grew out of this discussion. This idea both directly and indirectly influenced a great deal of early thought on social networks. Small world[edit] Milgram continued Gurevich's experiments in acquaintanceship networks at Harvard University in Cambridge, Massachusetts, U.S. Milgram's article made famous[7] his 1967 set of experiments to investigate de Sola Pool and Kochen's "small world problem." Continued research: Small World Project[edit] Research[edit] Computer networks[edit]
Datavisualization.ch Selected Tools NLP (Neurolinguistic Programming) Group News Chartist - Simple responsive charts You may think that this is just yet an other charting library. But Chartist.js is the product of a community that was disappointed about the abilities provided by other charting libraries. Of course there are hundreds of other great charting libraries but after using them there were always tweaks you would have wished for that were not included. Highly customizable responsive charts Facts about Chartist The following facts should give you an overview why to choose Chartists as your front-end chart generator: Simple handling while using convention over configurationGreat flexibility while using clear separation of concerns (Style with CSS & control with JS)Usage of SVG (Yes! These projects and wrapper libraries are known to me right now that either use Chartist.js or wrap them into a library for usage in a framework. Cross-browser support Note that CSS3 animations on SVG CSS attributes are not supported on all browsers and the appearance may vary.