Tag Archive for: Google WebFonts

Gumby 2

A month after their last version of the responsive front-end framework, Gumby, was released, Digital Surgeons has launched a complete re-imagination in the form of Gumby 2. There are of course tons of new features, and it was rewritten in Sass to make the tool framework more customizable.

As Speckyboy Design Magazine tells it, the original version of Gumby came out of frustrations with trying to migrate to a responsive web design process. Gumby 2 takes their initial solution and makes it more efficient and useful for a variety of different front-end development problems.

One of the new changes in full integration with Google WebFonts which makes embedding custom fonts into your prototypes and sites a breeze. Rather than dealing with licensing and hosting issues, all you have to do now is drop a link or create a custom build. You can have all the typographic flair you have always wanted without all the old hang ups.

It also comes with a UI Kit so that you can build numerous UI elements quickly. Buttons, tabs, forms, and navigation can all be prototyped and customized to fit your site and Gumby 2 offers different styles so that you can pick what best suits your design.

Gumby 2 also helps you hop onto design trends such as Symbol or Icon Fonts. These fonts are sets of symbols to be used for navigation or general iconography. Instead of maintaining huge databases of different icons in various sizes, symbol fonts can be resized endlessly in the same way font characters can be. Gumby 2 comes with the symbol font Entypo by Daniel Bruce, which should cover all the needs of most websites.

Another useful trend that Gumby 2 integrates is responsive image capabilities so that mobile users and computer owners with high density displays see a pretty layout instead of pixelated, blurry images. Responsive frameworks tend to take care of all the layout needs, but they generally leave images and iconography behind. Gumby changes that by making the use of retina images intuitive with a simple attribute on an image tag.

While some frameworks may handle individual problems better, especially for more development minded people, Gumby 2 offers a wide solution for many problems which designers trying to transition to coding will doubtlessly appreciate. It saves time and helps ease you into the world of development without too much pain.