Author Archive

Sosa – 121 Icons in One Free Webfont


  

Ed Merritt, Designer from Bournemouth, took a pragmatic approach. Sosa is a tailored icon font, which carries all the symbols he needed most frequently in his daily development work. As Ed is a designer, just as probably most of you are, it doesn’t seem far-fetched to expect, what Ed needs most might be identical to what you need most, too. Since Sosa is free for both personal and commercial projects, why not take a closer look?

Sosa: Icon font without a specific use case

If you know common icon sets, Sosa might surprise you. Despite the relatively small amount of just 120 symbols, the set is able to cover a variety of potential use cases. You’ll find device-icons as well as brand-icons, icons for user interfaces and more. Even weather-symbols and currency-icons are provided.

With only 95k, the download is rather lean and contains the icons in the formats TTF, EOT, WOFF and SVG. Sosa has to be integrated in your own website via @font-face. Merritt didn’t deliver the necessary related files, which shouldn’t impose a major problem to the average designer. Sosa’s project website has an overview of which key on your keyboard produces which icon.

Sosa: Contents of the downloaded archive

Even though Sosa is offered free of charge, its developer is always happy to accept donations via PayPal as to keep up font-development. There are no restrictions regarding how to use the icon font. Of course you’re not allowed to offer the set as a download from third-party domains or imply that you’re its developer. Backlinks are always appreciated, but not presupposed for the use of the product.


Typicons: Free Icon Font with 88 Symbols


  

Stephen Hutchings from Australia undoubtedly brought forward an intelligent new term when he called his icon font Typicons. Nevertheless, Typicons are just that, an icon font, but a good one with 88 pieces. Typicons are especially useful in app-design as most of the symbols relate to user interface aspects typically needed for controlling functionality. I guess, Hutchings had development for mobile clients in mind when he created the symbols.

Typicons: only a few examples

Typicons: a grid of 24 square pixel, but scalable to any size

Even though they have their downsides, web design without icons is unthinkable these days. Several methods of icon usage have been established. At first, icons were implemented via separate files, which led to separate http-requests for every single file. For reasons of performance optimization, modern websites should try to invoke only as many requests as absolutely unavoidable. Separate icon files have proven not to be the right method. Next came and still stay the so-called sprites. Here we have only one file which includes all the icons needed. To display a certain symbol, we use CSS to locate only a part of the whole file and show this sprite to the user. This method is established, but has its downsides too. If you’d want to serve different devices and/or different resolutions, you’d have to provide different sprite-files, which certainly means a higher effort in producing them. These would have to be targeted using media queries, which you’ll not always want to use.

Freely scalable icon fonts are the cure to these pains. You don’t need to worry about their resolution even on the new iPad, the new MacBook Pro or other HiDPI-screens. That’s where Typicons come in.

The download weighs in at 1,6 MB and contains the necessary font files (EOT, SVG, TTF, WOFF) as well as the corresponding CSS for easy implementation into your own website. On top of this, Hutchings provides you with vector files in the formats of Adobe Illustrator and EPS (encapsulated Postscript), thus leaving nothing to be desired. Experienced designers can take and modify the icon set to open up new use cases.

Typicons are shared under a Creative Commons Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0) license. That means they can be used free of charge for personal as well as commercial projects. You must attribute the work in the projects you use it, typically by providing a backlink. If you alter, transform, or build upon this work, you may distribute the resulting work only under the same or similar license to the one, Hutchings shares it under. Fair enough…

Related links:


Darktable: The free Alternative to Photoshop Lightroom goes Mac OS X


  

Photographers considering using a computer based on Linux not seldom have exactly one reason to do so: Darktable. Darktable is an open source project, best compared to Adobe Lightroom. It is a photo editor following the workflow of photographers, thus having them easily feel familiar with the app. Beginners will be overwhelmed by its feature richness. Now there is another option, if you don’t want to use a Linux-system. A few days ago, Darktable has been made available for Mac OS X

Darktable: Lighttable, darkroom, tethering

It almost sounds too good to be true. But the project Darktable doesn’t need to hide behind the functionality of its commercial competitor Lightroom. Some even say, that Darktable’s RAW Tools are even better than those Adobe has to offer. Adobe recently changed the name of its product to Photoshop Lightroom and dropped the price for the most recent version 4 to an affordable 149 USD. As the competitors show similarities in the look of the whole user interface, I wonder who got inspired by whom…

Darktable’s lightroom in standard view

Darktable, available in several languages, that are automatically invoked, according to the operating system it detects, follows a modularized workflow. Lighttable lets you do administrative tasks in the likes of Bridge or Picasa or … Lightroom. Meta-data can be viewed and changed. Categorization can be done from here, as well as sorting operations in a variety of ways.

The module darkroom is responsible for the manipulative work. As darktable is limited to tasks that real photographers would do in real darkrooms, we don’t have the opportunity to work on collages or other montages. All effects, corrections and related functionality can only be invoked on photographs. Darktable’s methods are powerful and very finely tunable. The results are often described to be better than what can be achieved using so-called professional software such as Lightroom. The last module, called tethering, is used to connect cameras to Darktable in a way that their contents can be imported automatically.

Darktable’s darkroom with an image opened

The product is comfortable and fast, the results are high-class. Moreover, Darktable is completely free. If you’re into one of the many Linux-derivatives, you probably know that the software has been available for quite a long time to the users of the open source OS. Ubuntu-users will even find a version of Darktable pre-installed. Be aware that these usually are older versions, so make sure you update soon as possible, using one of the many repositories available. If your OS carries names such as Fedora, Suse or Gentoo, the same applies to you. Fit as a fiddle programmers of course just compile their own version using the Sourcefourge- or Github-sources, just like Chuck Norris would do. Wait, probably with Chuck Norris sources compile themselves to avoid having Norris compile them. Anyway…

Freshest member of the family is the Darktable-version for Mac OS X, which is available as a DMG using this link. If you read the blog entry that announces the availability of the Mac-version, you’ll feel flooded with comments of users stating to have a wide variety of problems using, configuring, but also even installing the app.

Darktable for Mac OS X: a little self-test

Gotten insecure from the comments I mentioned before, I decided to give Darktable a spin, so none of our readers would run into trouble and probably blame me for having gotten their MacBooks damaged. I installed Darktable as is usually done using the downloaded DMG. Darktable went from a lean 15,5 MB DMG to a not so much fatter 52 MB app. And I did not experience any problem whatsoever. I imported over 1.000 pictures into lighttable and I was able to fire effects and filters at chosen pictures without any misbehaviour on the side of Darktable. Everything worked absolutely flawlessly, until I tried to connect my camera via the tethering-module. I couldn’t get that to work, but a workaround for this problem is already in existence. As I never use automatic importing of pictures, I didn’t give this workaround a spin, though.

The recent version of Darktable carries the number 1.05. The whole project is organized professionally und comes with a documentation, that leaves no stone unturned. You should definitely check out the project’s ressources-section.

People seeking a solution to professionally manipulate their photos, need not push out cash any longer. As cash always tends to vanish as soon as you look at it, Darktable might save you from premature bankruptcy and help you lead a happier life. You should have a 64-bit OS, though. It still runs on 32, but you know…


Brand-new Firefox 16 Beta lays a sharp focus on web developers


  

It’s been merely a few days, since Firefox 15 has seen the light of day in its final version. But the Mozilla crew isn’t lazy and has already pushed out the beta of Firefox 16. Since August 30th Firefox 16 can be downloaded for all the usual platforms. Even a version for Android is already available. This time Mozilla doesn’t only target the end-user with some shiny new functionalities. This time Firefox is all about the web developer. Improved developer tools, including a brand-new command-line, and the unprefixing of several important CSS properties will have the community cheer.

Mozilla Firefox 16: It’s hyperactive developers code like crazy

It’s not always the case that shortened release cycles lead to a higher speed of innovation. Regarding Firefox, though, it does. Looking back at the times where Firefox got updated twice a year, we can clearly see how fast-paced they go now. Say thanks to Google’s Chrome for starting a new era. No browser vendor can afford slow-paced development any longer, if they don’t want to get lost along the way. Firefox is going full throttle. Of course that’s nothing to complain about. The product is improving faster than before and the changes make for a better user experience with every new release.

As Firefox is a product for the masses, the average internet user, we as developers shouldn’t wonder that most updates target the end-user. Higher speed, new user interface, improved sharing, mobile clients and what not. But this time Firefox focusses on the developer community.

Firefox 16: Unprefixing of important CSS properties

CSS3 is constantly gaining momentum. Vendors are implementing the functionality faster than could have been hoped for. It’s mobile browsing on Android and iOs that’s forcing for a faster innovation speed. Firefox got a little behind as of lately and is now hoping to gain some ground in it’s constant battle against Chrome. Version 16 brings the possibility to unprefix several important CSS properties as there are:

  • CSS3 Animations
  • Transforms
  • Transitions
  • IndexedDB
  • Battery- and Vibration API
  • Image Values (The Image Values module defines how properties link to pictures via URL. All properties taking pictures as values use this module, e.g. “background-imageâ€� and “list-style-imageâ€�)
  • Values and Units (…that CSS properties can have)

Firefox 16: Developer Tools introduce new command-line

Is it the best invention since canned beer? I don’t know. But what I know is, that the improvements to the Developer Tools will be enjoyed by the community, to say the least. Mozilla has further centralized tools that where somewhat cluttered around the interface. Now it’s even easier to access all developer related functionality from one place. Even better than that is the implementation of what Mozilla calls the Graphical Command Line Interface (GCLI), which is a command line tool for accessing most of the browser’s functionality right from the keyboard without having to click around. We all know that a lot of developers claim to be much more productive when they are able to leave their fingers on the keyboard.

The command line can be called using the navigation menu or by a keyboard shortcut (see where that leads?). Once opened, developers can use simple commands to call whatever functionality they like to address. The command line is not limited to control the Developer Tools though. The command help console tells you the available commands and their parameters. After fiddling around a little, you’ll soon notice, that the functionality of the command-line is much more powerful than can be seen at first sight. You can even address CSS selectors oder HTML elements individually.

The command pref, combined with corresponding parameters can be used to change configuration options directly. Using the command resize to responsive designs can be tested. You can even take screenshots right from that tiny little command line. What’s even better, Mozilla promises to improve the command set of the GCLI in upcoming releases.

Watch Mozilla’s video for a first impression:

Web developers should really take a thorough look at Firefox 16 now. It’s well worth it!

Related links:


  •   
  • Copyright © 1996-2010 BlogmyQuery - BMQ. All rights reserved.
    iDream theme by Templates Next | Powered by WordPress