Archive

Archive for the ‘Others’ Category

New Amazon Kindle DX Reading Device

May 6th, 2009

kindle

Both Amazon’s original Kindle and the Kindle 2 have gained tremendous popularity as leading Reading devices, and for the real enthusiasts, a new Kindle DX model is being released to provide a little more.

This new Kindle model has taken the cool and practical features of the previous Kindles and added a larger, thus better screen. This new screen measures at 9.7? diagonally, but is aimed to provide the ability to view 8.5×11? papers easily.

The overall presentation is better, since it looks like a true Reading device, as if you have a digital page. On the other hand, this makes the new Kindle weigh almost twice as much (from 10 - 18 oz), so some may complain. Another problem that may occur is the refreshing times of the page, will it be as responsive?

Most of the rest measures out like the Kindle 2, and the actual specs are:

Slim:  Just over 1/3 of an inch, as thin as most magazines
Carry Your Library: Holds up to 3,500 books, periodicals, and documents
Beautiful Large Display: 9.7? diagonal e-ink screen reads like real paper; boasts 16 shades of gray for clear text and sharp images
Auto-Rotating Screen: Display auto-rotates from portrait to landscape as you turn the device so you can view full-width maps, graphs, tables, and Web pages
Built-In PDF Reader: Native PDF supportallows you to carry and read all of your personal and professional documents on the go
Wireless: 3G wireless lets you download books right from your Kindle DX, anytime, anywhere; no monthly fees, no annual contracts, and no hunting for Wi-Fi hotspots
Books In Under 60 Seconds: You get free wireless delivery of books in less than 60 seconds; no PC required
Long Battery Life: Read for days without recharging
Read-to-Me: With the text-to-speech feature, Kindle DX can read newspapers, magazines, blogs, and books out loud to you, unless the book’s rights holder made the feature unavailable

admin Others, Webmasters Resources

Ruby on Rails Can Help You

May 6th, 2009

Ruby on Rails, an open source web development framework, has revolutionized the way we create web applications. By giving developers the necessarily tools and components needed to build powerful apps in an intuitive development environment, RoR makes development more efficient and less troublesome.

Rapid Development and Prototypes

 

In this article, we discuss some of the ways Ruby on Rails can help you in rapidly building fully-featured web-based applications.

1. Rapid Development and Prototypes

 Rapid Development and Prototypes

Issues caused by old techniques

When developing a website for a client, I want to concentrate on the clients needs i.e. the domain problem at hand. I don’t want to start thinking about setting up mountains of configuration files. Having to deal with such annoyances just delays what you are actually trying to achieve i.e. create a website which is specific to your clients domain. With conventional web development techniques, this issue can slow down the development process.

How Rails can help

Ruby on Rails uses a concept called Convention over Configuration which makes you follow conventions while you’re coding, leaving you with little configuration to do. For instance, if you created a model class called “Post” the corresponding database table will be called “posts” and the controller class will be called “PostsController”.
Further to this, Rails has a nice feature called scaffolding. Scaffolding allows you to create useful prototypes for clients in super fast times. However, a word of warning, it is deemed bad practice to use scaffolding code for actually building the final draft of a web application.

2. Structured Code and Neat Markup

Structured Code and Neat Markup

Issues caused by old techniques

The main problem here, is separating the view markup from the business logic. A lot of old ASP and PHP web application have the business logic code scattered throughout the HTML. This makes life very difficult for, not only the programmer maintaining the code but the designer who is trying to find the markup. Needless to say, things were very unstructured in the web development days of yore.

How Rails can Help

As with many web frameworks, Rails uses the MVC compound design pattern to solve this problem. MVC (model-view-controller) splits the business logic into a “Model” layer and the view logic into a “View” layer. The “Controller” interacts with the Model and passes the required data onto the View. A full HTTP request cycle can be simplified into the following steps:

  1. The user sends a HTTP request by typing the required URL into the browser. This request is routed to a specific method in the controller.
  2. The method, being executed on the controller, interacts with the required model, which will usually retrieve some data from the database.
  3. The controller then passes control to the view, which specifies which HTML elements should be rendered and makes use of any data passed from the controller.
  4. The prepared HTML response is then passed back to the users browser.

So, what does MVC do for you? You will have clean, structured code, which is easily maintainable and very flexible. Enough said.

3. Interchangeable Databases

Interchangeable Databases

Issues caused by old techniques

I’m sure plenty of you have been there; Just created a lovely new, fully working, website using MySQL as the DBMS then, out of the blue, the client says "Oh Yeah, we don’t use MySQL, we use…". What do you do? Panic about all those embedded SQL query strings scattered throughout your code?

How Rails can Help

With Ruby on Rails this is not a problem, why? Well, Rails is database independent, meaning you can simply make a few configuration changes and hey presto, you’re now using Microsoft SQL or Oracle or SQLite (I could go on).

Further to this, Rails implements a design pattern called ActiveRecord to achieve Object Relational mapping (ORM). What the hell does that mean!?, I hear you say. This basically means that classes in your code can map directly to tables in your database. You can even define relationships between those objects in your classes.

ORM makes it simple to query the database without using database dependent SQL query strings, contributing to database agnosticism.

4. Database Schema Control

 Future past sign post

Issues caused by old Techniques

When working in a team of more than five, it can become hard to keep track of what changes are being made to the database. For example, someone could make a change to the database, removing a field from a table. Meanwhile, you could be writing code which expects that field to exist, simply because you are using an old revision of the database schema.

admin Others, Webmasters Resources

NES Controller Belt Buckle

April 28th, 2009

Chris Borgan has revealed a quirky new Nintendo Belt Buckle, which would of course please the ones that are nerdy enough to wear something like that. Nintendo fans may find it appealing too, especially if one is heading towards a party that is filled with like-minded gamers.

Perhaps in the future we shall be able to recognize geeks by the belt buckles they wear. For instance, you would easily know the different preferences of geeks, especially in social gatherings. That way, a Nintendo fan need not unknowingly hit on a PSP fan and later realize the truth after things get really sour.

Though cool enough for addictive gamers, I somehow do not find it hip enough to be walking around with a buckle like that, with the shirt tucked in a clumsy way so as to reveal the geekiness of it all. If you are considering wearing one such belt buckle yourself, it should not be too difficult as you could make one for yourself using things that are easily available.

A highly unlikely candidate for haute couture, the Nintendo Belt Buckle certainly could be considered as a possible entrant to the geek couture collection. If you are not totally into Nintendo and still are a hardcore geek, I would suggest you either try the Pacman Belt Buckle or the Space Invaders Buckle.

 

crish

admin Others, Webmasters Resources ,

Notebook Case Carpet Tile Design

April 28th, 2009

Its imperative that you feel good about people and things you work with. Since you can’t really pick on your office colleagues, you can surely innovate by using pepped up cases for your laptop. The Notebook Case Carpet Tile Design could be the first one you consider. The name seems pretty obvious to know from what it is made. I love the vertical flap that features dedicated handle-type space.

I am just wondering the notebook shouldn’t horizontally slip when making use of this. Russell Dow designed it and calls this notebook case as LAPPYGlove.

Do check out the Cardboard Laptop Case we featured earlier which looks super-trendy and can offer substantially good levels of protection too.

Via Core??

 

notebook

admin Others, Webmasters Resources

More Web Workers in Action

April 24th, 2009

Another day, another Paul Rouget HTML 5 demo :) This time he does something fun with Web Workers to allow you to see the difference that you can get when you use them.

WEB

 

His latest simulation has him implementing Simulated Annealing (in video) which is useful for finding the shortest path between several points in a canvas.

If you run the demo demo and watch the animated PNG you will see how smooth the world is based on if the animation stops from time to time. Try it with workers on and off to see.

We have been using Workers in Bespin from the get go. Malte Ubl is doing very cool work to ironout the differences between different Web Worker implementations (Firefox, Safari, and Gears). For example, through his abstraction you get the standard importScripts in Gears too, and it includes a mutex abstraction to boot. This has been crucial for us as we add more JS intensive features to the code editor such as realtime syntax checking, rich syntax highlighting, JSLint error reports inline, and more.

We have found that you do have to be careful with Workers though. You don’t want to fire too many off as you end up with a raging CPU if you aren’t careful, so Malte and others are working on a slicing plan that will keep the CPU down but also keep the UI responsive. We will report back.

His latest simulation has him implementing Simulated Annealing (in vide) which is useful for finding the shortest path between several points in a canvas.

If you run the demo demo and watch the animated PNG you will see how smooth the world is based on if the animation stops from time to time. Try it with workers on and off to see.

We have been using Workers in Bespin from the get go. Malte Ubl is doing very cool work to ironout the differences between different Web Worker implementations (Firefox, Safari, and Gears). For example, through his abstraction you get the standard importScripts in Gears too, and it includes a mutex abstraction to boot. This has been crucial for us as we add more JS intensive features to the code editor such as realtime syntax checking, rich syntax highlighting, JSLint error reports inline, and more.

We have found that you do have to be careful with Workers though. You don’t want to fire too many off as you end up with a raging CPU if you aren’t careful, so Malte and others are working on a slicing plan that will keep the CPU down but also keep the UI responsive. We will report back.

admin Others, Tips and Tutorials

Announcement: FlashOtaku Contest Winners

April 8th, 2009

Last week, FlashOtaku and Six Revisions asked you what you thought the best image editing software was. There were over 150 participants, and today, we’re glad to announce the winners of the five FlashOtaku Slideshow Flash Deluxe component licenses worth $79.00 each.

flash_otaku

The Winners

The winners were selected by using the same methodology as in previous contests, via a SQL query.

1. jack (comment #31621) | Website: typesett

2. carlos (comment #31624) | Website: OWN INDUSTRIES

3. Rick (comment #31640)

4. Benjamin M. Strozykowski (comment #31574) | Website: Worthless Genius

5. Christian Schenk (comment #31540) | Website: Christian Schenk

Selection

Here’s the screenshot from the MySQL query.

selection

 

Thank you FlashOtaku and participants

Let me take a moment to thank our contest sponsor: FlashOtaku, provider of high-quality Flash components. I’d also like to thank the awesome people who participated in last week’s polling. I hope to summarize the votes into another post coming soon.

admin Others, Webmasters Resources

Top 10 Free Color Tools for Web Designers

April 8th, 2009

Need a color scheme, but suck at that whole hexadecimal - where - the - hell - is - the - next - shade - of - blue thing? No biggie, I’ve got you covered. From eyedroppers, to scheme generators, to color blindness tools, below you’ll find my latest list of color tools that make my “Web Developer Must Have” list. While you’re playing with these, please do me a favor and keep in mind that the level of contrast you come up with is directly proportional to how much I’ll probably hate your site. No excuses, really now, if you want me to go into an epileptic shock (which you very well may), you’ll ignore my warning.

colorchooser

Here we go:

  1. ColorBlender.com
    Slider based, relatively easy to use. Has a great selection of pre-made “blends” if you take a look at their “browse blends” section, though the type of blend you get doesn’t seem to be editable. This does let you get related .ACT (Photoshop) and .EPS (Illustrator) palettes from the site though. Pretty handy if you need a quick scheme in a hurry.
  2. Big Huge Labs’s Palette Generator
    This one’s pretty sweet - upload an image and the generator will create a color palette for you with hexadecimal web colors from the colors in the image. It’s pretty handy if you have a nice photo that you want to build a design around.
  3. ColorZilla
    An awesome eyedropper and color chooser tool extension for Firefox. Open it up and instantly know the color code of whatever it is you’re looking at. Also includes a color chooser. Highly recommended.
  4. Color Fields Colr Pickr
    Way cool Flickr app that finds pictures with the color you need. Granted - many of these images are probably not okay to use without permission, but if you see something you just have to use, it’s easy to take a look and try to get ahold of the photographer.
  5. ColorJack: Sphere
    The ColorJack Sphere is amazing - it lets you generate color schemes based on a formula (triads, complementary etc), and even lets you simulate color blindness. This is great as a scheme builder alone, but add in the accessibility factor and you get one of my favorite color tools. Evar.
  6. The Colorblind Web Page Filter
    Have an accessibility need, but aren’t quite sure what the results are going to look like? Use the colorblind web page filter, and take a look at your site through the eyes of the colorblind. It’s quite the revealing tool, and incredibly helpful if you have a need for it.
  7. J.Y. Design’s Pantone to Web HEX Color Chart
    Have a Pantone specification to go off of, but don’t know the web color to match it to? Easy. Though it’s just a big list, it’s saved my ass more than once. Easily match your web colors to Pantone colors with this chart.
  8. Color Inspirator
    Haven’t the slightest idea what color scheme to start with? Try out Color Inspirator. It generates color schemes in variable sized columns, and just might jump-start your creativity with colors.
  9. Metasphere’s Simple Color Chooser
    Quick and dirty color chooser. Doesn’t really get any more straightforward than this.
  10. Color Schemer Online v2
    Generates a 16 color palette for you quickly based on the color of your choice. Handy, and quick to use in a bind, but what I find really useful is the ability to quickly lighten and darken entire schemes.

admin Designing, Others

Protovis - Visualization Toolkit for Javascript Using Canvas

April 4th, 2009

Protovis is a visualization toolkit for JavaScript using the canvas element. It takes a graphical approach to data visualization, composing custom views of data with simple graphical primitives like bars and dots. These primitives are called marks, and each mark encodes data visually through dynamic properties such as color and position. Although marks are simple by themselves, you can combine them in interesting ways to make rich, interactive visualizations.

To facilitate this, Protovis supports panels and inheritance. A panel is a container for marks; the contained marks are replicated for each data point on the panel. You can vary the panel position to create small multiple displays, or you can overlay panels. Inheritance lets you derive new marks from existing ones, while sharing some or all of the same properties. This is the same principle as cascading in CSS, or prototypal inheritance in JavaScript.

Please note: Protovis is in its early stages of development. At the moment, they only support Firefox 3, but they plan on adding support for Chrome and Safari 4.

 

protovis1

admin Others, Programming

Web 2.0 Backpack: Web Apps for Students

April 1st, 2009

Earlier today, Richard took a look at the state of e-learning 2.0, which got me to thinking about how school might be different if I were in college today because of the influx of new Web 2.0 apps aimed and students. I went to a school that utilized a Virtual Learning Environment called WebCT (since absorbed by the Blackboard company), and it really wasn’t very fun to use. Note taking meant writing on paper, study groups meant face-to-face meetings, and if you were struggling through Shakespeare, your best bet was to turn to the library, not the Internet.

When I was in college most of the tools in this round up didn’t exist. It was truly the dark ages of education! Well, okay, it was a just a few years ago, but just in this decade, and especially in the last few years, a handful of tools to make school life easier have appeared. What follows is the set of web tools I would put in my backpack were I headed back to school tomorrow.

Office Replacements

There’s no software package I used more in college (or today, for that matter) than Microsoft Office. But who wants to plunk down $150 on office software? You’re in college, after all, and I’m sure you can think of better uses for your cash. 5 years ago the alternative was Sun’s OpenOffice.org suite, Corel’s Wordperfect (still not free), or a handful of even less developed offline tools. But now there are a large number of impressive web apps that can handle your academic needs. The cream of the crop are below.

  • Google Docs & Spreadsheets - One of the more developed online office tools, Google only offers a word processor and spreadsheet, though there have long been rumors of a presentation tool (and recent acquisitions by the company would suggest that they are likely true).
  • Zoho Office Suite - Zoho is one of the most complete online office suites, offering more tools than you’ll even find in Microsoft Office’s student and teacher version.
  • gOFFICE - No frills gOFFICE has a very familiar look and feel.
  • ThinkFree - ThinkFree can replace Word, Excel, and Powerpoint with its suite of online apps, and they offer downloadable versions of their software as well.
  • EditGrid - EditGrid only does spreadsheets, but does them very well.

zoho-writer

Notetaking

More and more students are bringing laptops to class. Owning a laptop is a requirement for all first-year undergraduates at the University of Denver, for example. The proliferation of portable computers means that note taking doesn’t have to happen with a pad and pen. The following web apps will help you take and organize your notes.

  • NoteMesh
  • ShortText
  • Yahoo! Notepad
  • YourDraft
  • Stickies
  • NoteTango
  • JotCloud
  • NoteCentric
Mind Mapping

Now you have your notes, you need to put them together. The following mind mapping/flow charting tools will help you get your thoughts in order so you can go from raw notes to polished dissertation.

  • Thinkature
  • MindMeister
  • Gliffy
  • Kayuda
  • Bubbl.us
  • Mindomo
  • Flowchart.com
  • Comapping
  • Mind42
Studying

So you’ve got your notes, and you have them all mapped out and organized, but you still need to fill in some blanks. There are a number of online study aids that exist to help you find the answers you need.

  • Wikipedia - Wikipedia should probably never be used for serious academic research, but it is a great "jumping off point." I often use Wikipedia to get quick background info on unfamiliar subjects and point me in the right direction for more in depth study.
  • Yahoo! Answers - When searching the web fails, someone on Yahoo! Answers may be able to show you were to find the information you’re after.
  • AnswerU - AnswerU is like Yahoo! Answers for college, sadly not the most academic of sites, but you could certainly try your luck.
  • SparkNotes - SparkNotes are (mostly) free, online CliffsNotes for a large number of books. They also do test prep, mathematics, science and a number of other subjects. Of course they can’t really substitute for actually reading a book, but they can help you if you’re having trouble figuring out Emily Bronte. (And it turns out that many CliffsNotes are now online for free as well!)
  • Google News - Google News, especially with their new archive search, can be an invaluable research tool if you’re researching a recent historical or current event.
  • College-Cram.com- Free online study guides for science, math, language, and business topics.
  • Tutorlinker.com - When all else fails, hire a tutor.

sparknotes

Bookmarking

With all that online studying you need a way to keep track of what you’ve read. Online bookmarking tools are a great way to do just that.

  • del.icio.us - There are a large number of social bookmarking apps, but del.icio.us is king among them. If you don’t like it, try Furl, Ma.gnolia, or Blinklist.
  • Clipmarks - Save just a selection of a site. Don’t like Clipmarks? Try Web-Chops (and read our reviews of both sites).
  • Wizlite - Highlight text in online documents the way you would in a text book. Don’t like Wizlite? Try i-Lighter.
Collaboration

Why study alone when you can get help from a friend? There is power in numbers.

  • Facebook - The quintessential college network can be used for more than just planning parties and dating. Facebook can be used to keep in touch with classmates, share and discuss notes, and create study groups.
  • Stikipad - A collaborative wiki service that you can use to keep track of group notes on a project.
  • Backpack - All your notes, lists, and ideas in one shared space.
Calendars

Juggling your class schedule, extra cirricular activities, study time, and social life can be a challenge. The calendar apps below might help.

  • 30 Boxes
  • CalendarHub
  • HipCal
  • Spongecell
  • Yahoo! Calendar
  • Google Calendar
Calculations

What college arsenal would be complete with out a calculator?

  • Calcoolate
  • Calcr
  • E-Trutor Graphing Calculator
  • CalcResult

calcoolate

Other Tools
  • EasyBib - A tool to take the pain out creating a bibliography.
  • OttoBib - Enter the ISBN of a book, and automatically have your bibliography entry created in MLA, APA, Chicago, BibTeX, or Wikipedia style.
  • Zotero - A Firefox extension that lets you "collect, manage, and cite your research sources" from within your web browser.
  • Google - Google really is the killer research app. You can do simple math, currency conversion, get answers to questions (like "what’s the population of albania?" — it’s 3.6 million), search the text of books, look at satellite maps of the place your studying, and of course, search the web. Just check out all the stuff it does. (And all the stuff it might do in the future.)
Conclusion

While I don’t think there’s really a substitute for face-to-face learning, the online classroom continues to evolve in amazing ways. Students today have a host of web apps at their finger tips that can truly facilitate a better learning environment.

admin Others, Webmasters Resources

Brazen; A versatile WordPress theme for the veteran-blogger as well as any beginner.

March 30th, 2009

A sleek, ready to use WordPress theme created with you in mind.

brazen 

First off, I’d just like to introduce myself. My name is Spencer, and I am the lead developer here at Function. I’m the guy that takes Liam’s awesome designs, and turns them into working sites.

Liam had this design laying around, and I knew I couldn’t let it go to waste. So, I’ve spent the last week or so, coding and perfecting this theme. The theme is great right out of the box, ready to be used by anyone or very easily customized.

Theme Description

A light theme, with a nice contrasting background, this design is sure to help present any amount of content. A unique sideblog area allows you to easily post small updates, or “micro-blogs.”

Theme Details

Custom Admin Panel

custom_admin

In an effort to make this theme more user friendly, a custom backend has been implemented straight into WordPress! This will allow you to change things like the header color, tracking codes, ad space, Sideblog options, and other features!

Multiple Color Themes

multiple_color

In the previously mentioned custom admin panel, you can choose between a green (default), blue, or red header color. All the colors work great with each other, and provide just another thing to make your website even more unique.

Custom Write Panel

custom_write

This theme features subtitles, as well as post images. Normally, you would need to go through messy custom fields to add these extra features, but with a custom admin panel its super easy! Add the information just like you add the title of the post. You can learn all about it in the very detailed README included.

admin Others

eXTReMe Tracker