Opera Dragonfly - Take a peek into the future

Welcome to Opera Dragonfly alpha, the foundations of Opera’s upcoming Developer Tools. Debug JavaScript, inspect CSS and the DOM, and view any errors – Opera Dragonfly makes developing using Opera easier than ever, both on your computer and mobile phone. Check out our alpha release for a taste of things to come.

TAKEN FROM /www.opera.com

What’s Enjoyable?

• The homepage is loaded with dynamic elements that make it easy to get MORE information into the initial page and reveal even MORE information QUICKLY without having to load more pages.

• What content is included or excluded, as well as the order of the different types of content, can customized to the user’s preferences.

• On most pages a there exists a feature that allows for quick (no re-loading or loading of new pages), dynamic toggling between ‘headlines only’, ‘include summaries’, and ‘ include photos’ empowers the user with the ability to quickly skim information and control how many details the individual wants to see.

What’s Disappointing or Unsatisfying?

• The style of the site feels outdated and the layout tends to evoke feelings of information overload.

• It is great that the pages can be customized, but the ability to customize and the knowledge of what one can actually customize are buried and extremely easy to miss.

• Near the top of the pages is a ‘more stories’ widget that is both unnecessarily animated and presented in style mismatched with Yahoo News’ overall look-and-feel.

Tune in for my next posting, where I will be turning my attention to the #2 news site: CNN.

TAKEN FROM tpgblog.com

Writing your blog should be a fun way to stretch your mind and stay connected to trends, friends, and the greater world, not another computer task that takes far too long to get done. But that’s exactly what it can feel like if it takes you more time to find your post ideas, tweak your markup, and make everything look right than to actually get your thoughts down. Being somewhat experienced at this blogging thing, your Lifehacker editors have pinpointed a few tools and tricks that make our posts go faster and smoother. After the jump, we round up 10 of them.

10. Skip the copy/paste with AutoCopy

Many bloggers quote passages from other web pages, and referencing those snippets of language usually requires a Control/Command+C, then Control/Command+V once you’re at the exact right place in your markup. Not so with AutoCopy, a free Firefox extension that automatically adds whatever text you’ve highlighted in your browser to the clipboard, then pastes it when you middle-click anywhere in Firefox. If you’re not using a quick-blog tool like Tumblr, it might be the closest equivalent to the kind of speed-of-thought blogging that keeps writing from turning into a chore. (Original post)

9. Copy links and their titles with CoLT

When it comes time to post a relevant link at the end of most Lifehacker posts, the uninitiated (read: me, a few months ago) have to first copy the URL of the link, paste it in the right spot, then head back, copy the title of the linked page (being careful not to click!), then paste it inside the link tags. Those who have discovered the magic of the Copy Link Text Firefox extension, on the other hand, have magic right-click options that make grabbing the URL, the text, or both parts of a link dead simple. Give your right-click a rest and get back to adding context. (Original post)

8. Make reusable templates for posts and images

A lot of posts are, at least structurally, very similar, with a certain-size picture up top, a certain formatting for IM pastes or photo dumps, or similar repetitions. To save your time for real editing, try using Wired’s guide to automating Photoshop actions. For hand-coding HTML, it pays to create templates out of your common formats (tables, unordered lists, picture posts) and plug them into a text-substitution app (see below for links and ideas). If you’re tinkering with your site’s design or layout, why re-invent the wheel? Grab a free template for Blogger, WordPress, or one of 40 general CSS templates for use on any site,. Need more? Check out Gina’s roundup of seven different free HTML templates.

7. Live-blog from your phone with Jott

Free voicemail-to-text service Jott can help you nail down post material while you’re on the go with a phone call, but you can also use the service directly with a number of blogging platforms, including Blogger, Typepad, LiveJournal, Tumblr, and WordPress. If you’re hosting your own blog, you can still use Jott’s voice-to-email service in conjunction with your platform’s email-to-post function to indirectly get your thoughts up online, even while you’re miles from your keyboard.

6. Automate repetitive code with text replacement

If you’ve ever manually embedded a Flickr photo, created a custom headline or signature template, or searched out previously-used code to copy and paste for your posts, you need to add a text replacement app to your stable. Any of them—Texter for Windows, TextExpander for Mac OS X, or Snippits for Linux—can quickly paste, while also preventing common typos and misspellings. If you just want to speed up your HTML coding, try Adam’s Markdown automation script, a stand-alone, blog-focused precursor to Texter.

5. Get topic-based post ideas sent to your inbox every day with Google Alerts

Whether you write about a team, a certain topic, or a broad trend, Google Alerts brings your post material to you. Use the same kind of advanced search operators you use on Google’s main search site to laser-focus on a particular kind of web site, blog post, news story, or group post you’re looking for. Decide if it gets sent as fast as Google’s servers find it, or in a daily or weekly email digest. Using Alerts exposes you to a wider array of information than you’d get from a defined list of RSS feeds, and it’s an easy way to keep your eyes on the web without really being at the search box all day.

4. Spend less time resizing images

Few blogs can get by with just words alone, but finding the perfect image to illustrate a post—and then making it fit right—can take more time than the post itself. If you’re not committed to Photoshop or its open-source alternative, GIMP, free online image editing site Picnik is a good bet, both for its right-click Firefox extension and its integration with Flickr. If you’ve got a whole set of pictures to post up, you can try the Windows-only ImageResizer, or for an elegant solution, use the export-and-resize functionality of Picasa. (For more on finding reusable images, see our six ways to find reusable media.

3. Keep post ideas synchronized with Foxmarks

Great posting fodder can be found at all hours of the day, but you’re not always ready to post it at that exact moment. Use the Foxmarks bookmark synchronizer, and your bookmarks toolbar becomes a universal idea space you can drag-and-drop your links onto. Anyone who likes more control over their backed-up bookmarks can synchronize with their own server, and it can be rolled into a portable Firefox to help you get blogging done with just a thumb drive and some spare time. (Original post)

2. Quick post media (minimum writing required) with Tumblr

A tumblelog—that is, a quick-post blog powered by the Tumblr webapp—makes posting your thoughts, IM chats, videos, photos, and other favorite media tidbits a lot less intimidating than the wide-open HTML spaces of Wordpress, Movable Type, and other platforms (which are still great for longer, text-and-links posts). The real time-saver is Tumblr’s bookmarklet, which makes capturing and preparing a new post a one-click affair. Here’s more on keeping up an instant, no-overhead blog with Tumblr.

1. Bookmark and track email and posts with Gmail

Adam showed us back in the day how you could set up Gmail as a bookmarking service (using the Gmail this bookmarklet), but with Gmail’s 2.0 version, it’s even easier to throw the emails that inspire you to get blogging with your other links, as they have short, human-readable permalinks that you can easily drag into a bookmark folder. And, assuming your blog inspires some kind of feedback, you can keep it separated and organized from your day-to-day mail using filters and persistent searches.
To all our blog-savvy readers: What sites, tools, or tricks are indispensable to making your posting routine a fun, efficient hobby? Let’s hear about your finds in the comments.

TAKEN FROM /lifehacker.com

Sometimes typography is all you need to communicate your ideas effectively. Graphics can support the type or type can support the graphics, but to deliver the message precisely, you need to make sure your type is expressive enough, your design is distinctive enough and the composition is strong enough. The results are sometimes crazy, sometimes artsy, sometimes beautiful, but often just different from things we’re used to. Thus designers explore new horizons and we explore new viewing perspectives which is what inspiration is all about.

This post showcases over 70 examples of sexy, bold and experimental typography. Some examples are typographic posters, some are typographic illustrations and some are just sketches with type. In any case, you will hopefully find some inspiration for your future works.

Feel free to check out our previous typography-related posts:

• Breathtaking Typographic Posters with over 50 typographic posters designed by artists across the globe. We feature Oriental, Iranian, Hebrew, Japanese, Chinese and Russian typographic posters as well as a number of further references,
• Typography In Motion presents some excellent examples of typography embedded into movies and videos,
• The Showcase of BIG Typography with over 35 examples of big, “loud” and yet elegant typography in web design.

So what can be achieved out of simple letters and symbols? Please be patient, some screenshots are huge.

Sweet and Cute Type

Sweet Sixteen
Typography with a sweet taste of sugar. A nice composition, an excellent execution. Sometimes not that much is needed to make the type look tasty. The typeface used below is Cutiful.

Dive Deep
Hand lettering by Ray Fenwick, cutting out by Dan Mogford.

Scarlett
An illustration created by Nik Ainley. Notice how well every single letter (e.g. “l” and “s”) fits in the composition.

Newstand Cover for Computer Arts issue 139
Alejandro Paul’s Affair typography from Argentina: typography dominates in the composition, the swirly headline is just breathtaking.

17.06.2007
Created by Michael van Laar using Freebooter Script.

Aphrodisiac Dessert
Dessert type for a dessert announcement.

FitzGerald Album (Extended Play)
Nothing can beat old-style-typography. Nothing.

Rally
Apparently, typography can be used for a number of purposes. Typographical Motorsports: simple yet interesting.

Tina Colada
It is worth a discussion if “overlettering” actually helps to deliver a message, but the type looks nicely. And the choice of colors is impressive.

More ink is coming
Impressive lettering by Ale Paul.

cim_organic
Sunny, flourish motif for a fresh typographic composition. Designed by Ryan Katrina.

Empire
The attention to detail is remarkable. Designed by Theo Aartsma.

Eichholtz

Arabic Typography

TAKEN FROM www.smashingmagazine.com

The GEN H-4 helicopter during desert testing
Those of us who’ve been dreaming of cheap personal air travel in the Buck Rogers, sci-fi jet-pack mode should turn their eyes towards Vinci, Italy on May 25. That’s when Gennai Yanagisawa, inventor of the tiny GEN H-4 personal helicopter, will be taking his lightweight 165-pound whirly-gig on a demonstration flight.

Why Vinci? According to the 75-year-old Yanagisawa, “Since the concept of our helicopter came from Italy, I always wanted to take a flight in the birthplace of da Vinci.”

Yanagisawa’s inspiration: da Vinci’s 1493 ornithopter
Indeed, Leonardo’s famous notebook drawings from 1493 show an “ornithopter” with a screw-like rotor. Like da Vinci’s pioneering design, Yanagisawa’s GEN H-4 has no tail. Instead, twin counter-rotating propellers cancel out the torque that requires single-rotor helicopters to have a perpendicular tail rotor.

GEN H-4 — the cheaper chopper
The GEN H-4 personal helicopter is actually available for purchase now, though Yanagisawa’s company (located in the Japanese city of Matsumoto) has so far sold only six (2 in the USA).

The cost for one is a reasonable $58,250 and once airborne, the GEN H-4 can fly at a somewhat sedate speed of 31 mph - slow yes, but probably faster than rush hour traffic. Veni, vidi, volanti! (via Yahoo! News)

TAKEN FROM inventorspot.com

I’ve made it a goal to learn at least one useful thing each day so that I can stay sharp and well-versed on the topic of web development and design. To that end, here’s some of the websites I keep track of to find new techniques, resources, and news about building websites.

Most of these sites are updated frequently, so there’s never a lack of new content that fills up my Google Reader.

Because the role of the web developer is ever-expanding, I’ve also included a variety of sites that covers fields relating to web development - such information architecture, user interaction, and web/graphics design.

1. NETTUTS

NETTUTS is a recently launched blog/tutorial site that provides “spoonfed web skills“. There are already plenty of useful and detailed tutorials that range from offloading static content to Amazon S3 to creating a beautiful tabbed content area using jQuery. NETTUTS is perfect for developers just starting out, since the tutorials are very thorough and in a “step by step” format. For more advanced developers, it’s an excellent source of inspiration and learning new techniques.

2. woork

Woork is a blog by Antonio Lupetti, a developer from Italy. He provides short, easily-consumable tutorials on various topics of web development such as PHP, Cold Fusion, JavaScript, and CSS. His knack for creating beautiful tutorials, chock full of custom-made images that illustrates the concepts he talks about is a testament to the detail and “work” that Antonio puts in each of his posts. Check out his awesome tutorial on a “Top-Down approach to simplify your CSS code” where he explains his preference on creating and formatting stylesheets.

3. Web Designer Wall

Web Designer Wall is a blog by Nick La that features design ideas and elaborate, stunning tutorials such as creating a CSS gradient Text Effect - a technique that uses an image overlay over normal XHTML text, and jQuery tutorials for designers which showcases ten techniques to get you started with jQuery.

4. Smashing Magazine

I won’t say much about Smashing Magazine since most of us have probably heard of it, but if you haven’t, Smashing Magazine is an excellent resource for web designers and developers looking to be inspired. Smashing Magazine also manages to publish almost everyday, despite their very detailed and thorough posts.

5. Vitamin

Vitamin offers a large amount of information on the topic of web development and design. With many contributors, Vitamin manages to cover a wide range of topics including Ajax, CSS, development techniques, best practices, and workflow management.

6. Wake Up Later

Wake Up Later is the blog of Samuel Ryan, a freelance web developer/designer. Rather than covering specific web development techniques or providing tutorials, he talks about general web development related things such as reasons not to write your own code, tips on improving productivity, and common design mistakes made by developers.

7. Snook.ca

Snook.ca is run by Jonathan Snook, an icon in web development and design. His blog provides tutorials and articles about PHP, JavaScript, and more recently (the blog dates back to 2001), Adobe AIR. He also provides useful resources and bookmarks that are worth a read, and talks about things that are part of being a web developer such as project management via email and maintaining your personal brand online.

8. Signal vs. Noise

Signal vs. Noise is a design/usability company blog by the people over at 37 Signals - known for developing remarkable web applications such as BaseCamp and their involvement in the popular open source web application framework, Ruby On Rails. The blog gives insights about being a productive and effective web application developer and keeping things simple, with entries such as “Workaholics fixate on inconsequential details” and “Sleep deprivation is not a badge of honor“.

9. adaptive path blog

adaptive path’s company blog offers news and posts on the topic of user interface design. There’s a variety of useful posts that cover the topic of creating user-friendly designs (not limited to just web applications). Some things the adaptive path crew writes about are “Tips for presenting the look & feel to a client” and “The Lure of the Single Click“.

10. Tutorial Blog

Tutorial Blog provides handy tutorials, resources, and lists on various web development and design topics such as code snipplets for web designers, using layer comps in Photoshop to manage designs, and Flash tutorials. Tutorial Blog has a section on user-submitted tutorials which allows readers to share their own tutorials.

11. WebAppers

WebAppers is a blog created by Ray Cheung, a freelance web developer. The premise of WebAppers is to provide news and resources related to open source and free applications that are useful to web developers and designers. From cost-free fonts and icons to navigation menus and image galleries, WebAppers seeks to hunt down useful tools and applications aimed at reducing your time developing custom solutions.

TAKEN FROM sixrevisions.com

Art Center Pasadena student Jake Loniak has taken everything that is cool about exoskeletons and motorcycles and crammed it into this Yamaha-branded Deus Ex Machina concept motorcycle. The vehicle is powered by ultra-capacitors and doped nano-phoshpate batteries (similar to the ones currently used in hybrid cars) and it is controlled using 36 pneumatic muscles with two linear actuators set along a spine consisting of seven artificial vertebrae. Even the helmet is pneumatically attached.

If constructed, the designer believes that it could achieve a top speed of 75mph (0-60mph in 3 seconds) with a recharge time of 15 minutes and cycle time of one hour. We may never know if that is true, but I say throw some sort of storage compartment on this thing and let’s find out. [Art Center Pasadena via Hell For Leather]

In today’s tech-oriented world of short attention spans it is more important than ever to make a compelling first impression. A brilliant business card that speaks to your profession, serves some unusual function or that transforms into something else can be a great way to grab attention and inspire those you meet. Organized by category here are 42 extremely creative business card designs. Some of these are old, some new, but all are still amazing examples of out-of-the-box thinking in business card design.
1) Constructable Designs - Business Cards You Have to Build

A card with some assembly required forces the recipient to spend more time with it - which is a good thing if you want to avoid getting lost in the shuffle. Some of these designs are fairly simple and create simple forms or reveal messages when distorted while others are virtual toys or art projects in their own right.

2) Organic Designs - Calling Cards You Can Watch Grow

What could be a more dynamic way to leave your mark than handing out something designed to actually grows and changes on its own over time? These can be used to advertise landscaping services or other plant products or simply to leave a lasting (and evolving) impression on the recipient.

3) Pragmatic Designs - Calling Cards You Can Actually Use

Instead of sticking people with another flimsy piece of paper to lose in their wallet why not give your business card a secondary function? This can be as simple as making a clothes pin, a bottle opener or a ruler or as extravagant as giving out entire USB devices with your information printed on them.

4) Professionally Themed - Designs that Speak to Your Occupation

The message on a card design doesn’t necessarily have to be the print on the paper - it can be much bolder and embodied in the crafting of the object itself. Examples include: dog tags for an animal adoption program, a map that folds out and leads you to a map shop, fake medicine for the ‘brand doctor,’ and a head-hunter’s business card you are instructed to eat after reading in case your employer were to catch you with it.

TAKEN FROM reencoded.com

I’ve made it a goal to learn at least one useful thing each day so that I can stay sharp and well-versed on the topic of web development and design. To that end, here’s some of the websites I keep track of to find new techniques, resources, and news about building websites.

Most of these sites are updated frequently, so there’s never a lack of new content that fills up my Google Reader.

Because the role of the web developer is ever-expanding, I’ve also included a variety of sites that covers fields relating to web development - such information architecture, user interaction, and web/graphics design.

1. NETTUTS

NETTUTS is a recently launched blog/tutorial site that provides “spoonfed web skills“. There are already plenty of useful and detailed tutorials that range from offloading static content to Amazon S3 to creating a beautiful tabbed content area using jQuery. NETTUTS is perfect for developers just starting out, since the tutorials are very thorough and in a “step by step” format. For more advanced developers, it’s an excellent source of inspiration and learning new techniques.

2. woork

Woork is a blog by Antonio Lupetti, a developer from Italy. He provides short, easily-consumable tutorials on various topics of web development such as PHP, Cold Fusion, JavaScript, and CSS. His knack for creating beautiful tutorials, chock full of custom-made images that illustrates the concepts he talks about is a testament to the detail and “work” that Antonio puts in each of his posts. Check out his awesome tutorial on a “Top-Down approach to simplify your CSS code” where he explains his preference on creating and formatting stylesheets.

3. Web Designer Wall

Web Designer Wall is a blog by Nick La that features design ideas and elaborate, stunning tutorials such as creating a CSS gradient Text Effect - a technique that uses an image overlay over normal XHTML text, and jQuery tutorials for designers which showcases ten techniques to get you started with jQuery.

4. Smashing Magazine

I won’t say much about Smashing Magazine since most of us have probably heard of it, but if you haven’t, Smashing Magazine is an excellent resource for web designers and developers looking to be inspired. Smashing Magazine also manages to publish almost everyday, despite their very detailed and thorough posts.

5. Vitamin

Vitamin offers a large amount of information on the topic of web development and design. With many contributors, Vitamin manages to cover a wide range of topics including Ajax, CSS, development techniques, best practices, and workflow management.

6. Wake Up Later

Wake Up Later is the blog of Samuel Ryan, a freelance web developer/designer. Rather than covering specific web development techniques or providing tutorials, he talks about general web development related things such as reasons not to write your own code, tips on improving productivity, and common design mistakes made by developers.

7. Snook.ca

Snook.ca is run by Jonathan Snook, an icon in web development and design. His blog provides tutorials and articles about PHP, JavaScript, and more recently (the blog dates back to 2001), Adobe AIR. He also provides useful resources and bookmarks that are worth a read, and talks about things that are part of being a web developer such as project management via email and maintaining your personal brand online.

8. Signal vs. Noise

Signal vs. Noise is a design/usability company blog by the people over at 37 Signals - known for developing remarkable web applications such as BaseCamp and their involvement in the popular open source web application framework, Ruby On Rails. The blog gives insights about being a productive and effective web application developer and keeping things simple, with entries such as “Workaholics fixate on inconsequential details” and “Sleep deprivation is not a badge of honor“.

9. adaptive path blog

adaptive path’s company blog offers news and posts on the topic of user interface design. There’s a variety of useful posts that cover the topic of creating user-friendly designs (not limited to just web applications). Some things the adaptive path crew writes about are “Tips for presenting the look & feel to a client” and “The Lure of the Single Click“.

10. Tutorial Blog

Tutorial Blog provides handy tutorials, resources, and lists on various web development and design topics such as code snipplets for web designers, using layer comps in Photoshop to manage designs, and Flash tutorials. Tutorial Blog has a section on user-submitted tutorials which allows readers to share their own tutorials.

11. WebAppers

WebAppers is a blog created by Ray Cheung, a freelance web developer. The premise of WebAppers is to provide news and resources related to open source and free applications that are useful to web developers and designers. From cost-free fonts and icons to navigation menus and image galleries, WebAppers seeks to hunt down useful tools and applications aimed at reducing your time developing custom solutions.

12. Web Resources Depot

Web Resources Depot is similar to WebAppers - it discusses new web resources that web developers and designers may find helpful. Web Resources Depot is an excellent way to stay up to date with what’s currently available out there all in one place.

13. Ajaxian

With continual advancements in Ajax, it’s imperative to keep up to date with modern techniques and news. Ajaxian is the leading Ajax community run by some of the biggest names in the field. You’ll find information, reviews on JavaScript frameworks, helpful tools, and server-side technology specific (like PHP, RoR, and .NET) articles. If Ajax news and information is what you’re looking for, you can be sure to hear about it from Ajaxian.

14.DZone

DZone is a social news site for developers. Users share links related to development and can vote on submissions (very much like Digg but limited to developer links). You can subscribe via RSS to various pages and sections such JavaScript, Flash/Flex, or databases if you want to get instant updates to things specific to your interests.

15. Design Float

Design Float is social media site created for web and graphics designers. Like Dzone, people get to vote up submissions. You’ll find stuff about CSS, HTML, and Photoshop submitted to Design Float.

TAKEN FROM sixrevisions.com