Goshine Design / Front-end Development

Oct

My Top 10 SVG Javascript Libraries

Raphaël—JavaScript Library

Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. Raphaël uses the SVG W3C Recommendation and VML as a base for creating graphics. It’s goal is to provide an adapter that will make drawing vector art compatible cross-browser and easy.

svgweb

SVG Web is a JavaScript library which provides SVG support on many browsers, including Internet Explorer, Firefox, and Safari. Using the library plus native SVG support you can instantly target ~95% of the existing installed web base.

Processing.js

Processing.js is an open programming language for people who want to program images, animation, and interactions for the web without using Flash or Java applets. Processing.js uses Javascript to draw shapes and manipulate images on the HTML5 Canvas element. Processing.js is explicitly developed for browsers that support the HTML5 <Canvas> element. Processing.js runs in FireFox, Safari, Opera and Chrome but will not be supported in Internet Explorer until Mircosoft catches up.

Read on…

6 Comments »

Jun

Creating the Perfect HTML Email Newsletters for Multiple Clients

This article shows how to code HTML email so that it will display well in most email software. It provides an exhaustive overview of how to code html email newsletters (even in Outlook) with links to free html email templates, CSS compatability tables, services that test your html email, and much more. This article strives to provide a comprehensive overview of all possible resources online compared to other articles on this topic which may be vendor-specific or focus on one aspect of how to code html email, for example, testing CSS styles across email software clients.

Here are some quick links if you only need specific information from this article:

Read on…

1 Comment »

Oct

How to design a logo fast | With John McWade

Free articles
Design a logo of letters
How to find the perfect color
What’s the right typeface for text?

2 Comments »

Feb

An easy way to create 3D geometry inside Adobe Flash® CS4

by Dave Klein

In Part 1 of my series, An easy way to bring 3D content into your Adobe Flash projects, I walked you through how to use FreeSpin3D to import a 3D model into a project we created with Adobe Flash CS4 Professional and apply interactive behaviors with just a few settings.

In this tutorial, I will show you how to use FreeSpin3D to create 3D geometry directly inside Flash CS4 Professional, and then apply an interactive texture that will act as a navigation system to launch product pages on the Adobe website. You can see a working example of the finished project on the FreeSpin website.

If you missed Part 1, I encourage you to review it to get a better understanding of FreeSpin3D basics. FreeSpin3D is a tightly integrated 3D extension for Flash software that provides a visual workflow easy enough for beginning Flash designers to understand. It also provides an ActionScript API that enables advanced developers to create more complex 3D projects.

In this tutorial, I use a FreeSpin3D SpinUp. SpinUps extend the core functionality of FreeSpin3D and act as building blocks for creating more advanced 3D projects.

Go to Adobe Edge and try it for your self

2 Comments »