How to Really Create an Arc in SVG
Most sources describe how to use the SVG Path element to create an arc. Good luck with that. In this article I explain how to use the Circle element instead. More ...
SVG Code to Translate a Rectangle and Text
This SVG (Scalable Vector Graphics) example provides code to create a rectangle and the text Hello!, and use the translate transform to move them each individually. More ...
Graphic Design Meets Open Source
Being a graphic designer can be a pretty pricey thing. Graphic design is an art and software is just a tool like a paint brush. Open Source software development has come up with such cool free products as GIMP, Inkscape and KompoZer. More ...
How to Remove PNG and JPEG EXIF Metadata
PNG and JPEG image files contain 60 bits of information embedded metadataknown as EXIF data. Some of this information you might not want to expose. Here's how to remove it. More ...
SVG Code to Place Text on a Curved Path
One interesting thing you can do with SVG is to place text on a curved path. This tutorial explains how to code SVG to place text on a path. More ...
Inkscape Text Kerning
Although Inkscape might be considered a vector drawing application, it is also a powerful typographical design program. Actually Text Kerning is not a good title for this article because in it I will cover all the different typographical adjustments you can make in Inkscape. More ...
How to Make a Simple Animated Banner in Flash CS3
If you want to make an animated banner, this tutorial will show you how using Adobe Flash and using Actionscript 2.0. More ...
SVG For Responsive Web Design
During the last decade internet access using mobile devices such as smartphones and tablets has increased significantly. One way to make an SVG drawing resize itself according to the users screen size is to the viewBox attribute in the svg container element. More ...
Building an Image with a Logo
Businesses can greatly benefit from a professional and unforgettable logo that sets them apart from their competition. Logos are not just fancy graphics that adorn websites or letterhead, logos are a representation of a businesses philosophy. Logos are a critical component of brand development. More ...
Inkscape Preferences
Inkscape is a highly configurable application. Many of these configuration options can be set through the Preferences dialog box. There is probably a hundred things you can configure through the Preferences dialog box. Here I'll describe a couple of the most important ones. More ...
Pencil Free Open Source Cartoon Animation Drawing Program
Animation Programs like Adobe Flash are very expensive, but Pencil is a free Open Source animation program written by animators for animators. And, Pencil also has the best user interface for creating hand-drawn animation. More ...
Draw Bezier SVG Drawing Application
Draw Bezier is a very limited SVG (Scalable Vector Graphics) drawing application where you can draw only Bezier curves. This work is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License. More ...
MathML Basic Elements
MathML (Mathematical Markup Language), similar to HTML which is used to encode the structure and content of a webapge, is an XML dialect for encoding mathematical expressions on a webapge. MathML most basic elements are mn, mi, and mo. More ...
