Interview With Adrian Romero

Advertise here

At only 18 Adrian Romero Aka Vision is already creating a name for himself throughout the design world. With a very distinct style Adrian’s illustrations are extremely vibrant and spark about a variety of thoughts from its observers. In our interview Adrian explains the intended ambiguity of his art, as well as gives us a run down on how he created some of his more popular pieces. So be sure to check out this interview with another talented designer.


Q Welcome to Psdtuts+, please introduce yourself. Could you tell us where you’re from and how you got started in the field?

Hi everybody! My name’s Adrian Romero and I am a self-taught freelance Illustrator/Graphic designer from Spain. I started playing with Photoshop and Illustrator a few years ago. I instantly started experimenting and spent a lot of time on it, shortly after I was addicted. Ever since then I’ve been constantly drawing. This discovery has definitely changed my life.

Q Your illustrations seem to be very random but in a good way, they feature various objects and messages that we wouldn’t usually see together on one canvas. Is this your intention when creating art? And if so then why?

I like my pieces to be ambiguous and I tend to be surreal. In my opinion, the perspective of how we see the things changes the context completely. That’s my intention when I create, I love to create some confusion around the main idea, maybe you see the piece and think thing the same that I thought when I created it, or maybe not and that’s pretty interesting.

Q You incorporate a lot of awesome typography into illustrations like “Voyage” and “Power” how do you decide what type of lettering will fit your piece?

I love typography, and playing with it is one of the things I like most. Sometimes is a headache and I make a lot of changes before deciding what kind of typo I will made. Usually I start drawing different ideas on a notebook, then with those ideas I start playing on the computer till it fits well with the piece.

Q Who or what were your main influences that made you pursue the field of designing?

When I started my influences came from Spanish magazines like Belio magazine or Étapes and another Spanish artists or studios like Alex Trochut, Sergio del Puerto (Serialcut), Seleka, Vasava etc. But I’m also pretty influenced by movies, music and everything around me, a walk in the night can be one of the most inspiring things.

Q Some designers your age decide that they will take their talents to a University to perfect the craft of digital art, are you planning to do the same? Or will you look to skip that and head straight into looking for work?

That’s the huge decision that I have to make this year. I will finish college soon and I’ll start moving on and see what comes. I would love to go to university and I would love to travel to another country and study there. We’ll see what happens.

Q “Destroy” is a simply amazing intricate illustration that has a bunch of detailed features to it, could you run down how you made this piece and what the meaning is behind it.

Thanks! Destroy was a very complicated piece to me. It changed a lot since I started it and finally it went well. I used a lot of papers sketching. The main idea of the piece was to express the contradiction that the word destroy could be, depending on if we focus on the end of something or the new beginning of another one. Then in the piece we have some kind of machinery that feeds itself destruction to create, but not in a dark way, in a way to make the things a new and better. 

Q What can we look for from you in the future? What projects will you be working on?

I’m working on some projects that I cant unveil yet and I’m also working with the Slashthree collective on something you will see at the OFFF in Barcelona.

Q Thanks again for providing Psdtuts+ with this opportunity to interview you. Any final thoughts for our readers?

Thanks for having me and thanks to everyone who follows and like my work. Bye!


Where to find Adrian on the Web

Read More

Ask the Web.AppStorm Editor #3

Over the past couple months, we’ve started a new Ask the Editor series across the AppStorm sites. As you may have heard, I’m the new editor of Web.AppStorm, and am excited to get to answer some of the questions you have sent in over the past several weeks.

In today’s edition of Ask the Editor, we’ll see how you can read your Twitter, Facebook, RSS, and more together, tips for getting started building webapps, and ways to get inspiration. Additionally, we’ve got a special section with tips from our Twitter followers on managing multiple Gmail accounts. If you’ve got another pressing question about webapps, feel free to send in your own question at the end of this post!

Is there a web app that aggregates Twitter, Facebook, and a RSS reader, marking the read and unread items of all these services?

-Gabriel Fernandes Monteiro

A webapp to aggregate webapps definitely sounds like a good idea. The biggest problem with networks like Facebook is that they end up being data silos, with all of your data saved in that network and nearly impossible to move. Thanks to RSS feeds and APIs built into most major web applications today, though, you can build services that bring all of your data together from all of the networks you love.

The one webapp that does the best job integrating tons of networks and services, including Twitter, Facebook, and Google Reader, is FriendFeed. It’s a social network in its own regard, and feels somewhat like Facebook mixed with the publicness of Twitter. But, if you just want an integrated way to view your Twitter, Facebook, and Google Reader updates in one app, it works good for that too. The only problem is, FriendFeed was purchased by Facebook in 2009, and their blog and service have seen few updates since then. So it’s a service you can use for now, but it may not be around for forever.

FriendFeed: Owned by Facebook, updated by none

Another great app for bringing together your Facebook, Twitter, RSS feeds, and more is Seesmic Desktop. Seesmic Desktop is actually a Windows and Mac desktop program, so it’s definitely not a webapp, but it does a great job letting you bring together your updates from literally dozens of services. Seesmic Web, the webapp version, lets you integrate Twitter, Facebook, Google Buzz, and a couple more services, but doesn’t include RSS feed support.

 

 

Seesmic brings all of your networks and services together

What are good starting points for building web apps? Or apps/extensions for Chrome?

-ripu jain

Reading about exciting new webapps can get you wanting to create your own. Today, there are many eBooks, guides, and websites that can help you learn how to develop in HTML5 and CSS3 to create future-proof webapps. Here’s some of the best resources, once we’ve learned from and use regularly:

  • Mark Pilgrim’s Dive into HTML5 is a Creative Commons licensed eBook that you can read for free online or purchase from O’Reilly Press. It includes detailed information about HTML5 in a beautifully designed site. Best of all, it’s an interesting read.
  • Designing for the Web is another free online eBook that you can purchase to read offline if you wish. This helps you think through the best approaches for designing sites and apps that are user friendly, and includes information on typography, layouts, design, and more.
  • Chris Pine’s Learn to Program is available to read free online, and is a great resource for learning Ruby programming from scratch. Even if you’re not planning on using Ruby, it’s a great introduction to the world of coding.
  • W3Schools is one of the best reference sites for CSS, HTML, PHP, JavaScript, and more. Be sure to bookmark it; you’ll be coming back frequently!

Dive into HTML5 is an amazing resource for learning to develop webapps

Once you’ve learned how to design web apps, it’s not a huge leap to design Chrome extensions. The Chrome team has put together a great guide to creating your first Chrome extension. That site also includes all the documentation you’ll need to get started creating even more powerful extensions. Then, if you want to create Safari or Firefox extensions, check out their respective documentations for more info at the Safari Developer Program and Mozilla Extension Wiki.

 

 

I’m interested in developing a cool web application. What do you think the internet is missing today? Do you think the world needs a simpler task management app , a better online personal organizer, a better personal diary app …

-Anand Narayan

As you can quickly see from Web.AppStorm, there are thousands of amazing webapps out there today. So many, in fact, that it can quickly feel like there’s no where to innovate. For almost any given app you can think of, there’s likely someone out there who’s already made an app like that. Does that mean you shouldn’t try to make a better one? No!

One only has to look at Flow, the newest task management app, for proof of that. There are so many GTD apps, including the ever-popular Mac programs Things and Omnifocus, as well as webapps such as Remember the Milk, Producteev, Wunderlist, and so many more. That didn’t stop the Flow team. Instead, the took the very best of Mac app design, brought it to the browser, then created a super-powered todo list that could take on Basecamp for project management! Flow is one of the nicest webapps we’ve used lately, and shows how much innovation is still left in webapp design.

So whether you take an existing idea (task management, email, diary, or anything), or come up with something no one has ever made before, there’s plenty of room for innovation. If you’re stuck for ideas, reach out to your network: your Facebook and Twitter followers, blog visitors, and more. Or, check out communities like BuilditWith.me, that aim to bring designers and developers that have great ideas for apps with others that have the know-how to build or design apps.

BuilditWith.me has tons of inspiration and opportunities to collaborate

And, of course, once you’ve created an amazing new app, feel free to let us at Web.AppStorm know about it. We’d love to know what you’ve created, especially if you were inspired by our articles!

Your Say!

In a slight twist, this week I asked our followers on Twitter: What’s the best way to manage multiple Gmail accounts? I’ve got a standard Gmail account, as well as several Google Apps accounts on other domains, and it can get pretty confusing keeping up with all of you mail. My problem isn’t unique; most of us have many accounts to keep up with nowadays. So, I thought I’d see how everyone else handles this, and got some awesome responses, including the following:

By the way, you can download this extension, Gmail Checker Plus, at http://enva.to/mKyiVo

That’s a lot of different ways to manage your email. Thanks for all the answers, everyone! Want to join in next time? Be sure to follow us on @webappstorm

Until next time…

That’s all for today, but there’s always another opportunity to get your questions answered. What would you like to learn in the world of webapps? Got a difficult problem you’re not sure how to fix with a webapp? Fill out the form below, and we’ll pick the most interesting questions to answer in the next installment of our Ask the Editor series!

Online Form – AppStorm > Ask The Editor

10 Great Team Communication Apps

We may live in the information age, but today, communicating with your coworkers often isn’t as simple as just walking over to their desk. Often we’re working with people across the globe, and the internet is the main way we can stay in touch. To work efficiently in this new age, we need better ways to stay in touch.

The good thing is, there’s more ways to communicate now than ever before. You don’t have to wonder if you can stay in touch, but you do need to find the best way to stay in touch. Last week, we asked you what communications tools you use. We’ve rounded up the best and most popular communication tools, including old standbys and new tools you may have never heard of. Keep reading to find new ways to stay in touch with your team, wherever they are.

1. Email

Gmail: the webapp most of us live in 24/7/365

Love it or hate it, email’s still most of our primary online communication tool. Whether you’re using Gmail, Exchange, or any other email system, it’d be strange not to have a company email account. And a personal email. And a school email. And likely an email address for your dog.

So what’s so great about email? The same thing that was great about paper letters, minus the dead trees and $0.42 stamps. Email is great because its universal; everyone’s using it. You can send an email from Gmail to someone using MobileMe, and it just works. That’s not the case with most other communication tools. Then, you can use it whenever. Unlike chat and phone calls, you don’t have to be there right then. Finally, you can add images, attachments, rich text, and more, making it a passable system for sending anything you need to communicate. It may have problems, but we’re not leaving email behind any time soon.

2. Skype

Skype: text, voice, and video chat that just works

Skype may be primarily marketed as a personal communications tool, but it’s entrenched in businesses as well. Best known for cheap voice calls over the internet to traditional phones and other Skype users, Skype is also great for video chats. You can even do group video chats with up to 10 others at once. Surprisingly, though, I find I use Skype for traditional text chat the most, and have come to rely on it to ask colleagues quick questions no matter where they are. One great feature of Skype text chats is that you can send messages when someone’s offline, and they’ll get them the next time they login. That brings the convenience of email to IM.

3. Google Chat

Google Chat's dated page makes it feel less modern than it is

Don’t let Google Chat’s dated homepage fool you. Google Chat could easily be one of the most popular chat services today, since it’s directly integrated into every Gmail and Google Apps inbox. You can use their desktop app or add Google Talk to Pidgin or other popular chat applications, but it works great from your browser too. You can even now do voice and video calls right from Gmail in your browser. Best of all, your chat logs can be saved in Gmail, so you’ll have an easy reference to what you talked about and can find it later with search. As more businesses Go Google, Google Talk will increasingly be the de facto standard chat service.

4. Twitter

Twitter's newly redesigned homepage

Twitter has connected us to the world, and now increasingly it’s connecting us to each other. Many of us joined Twitter to follow popular writers and celebrities, but as more of our friends, family, and coworkers join in, it turns into a great way to keep up with your team, too. You can quickly let everyone know what’s going on, or send a private Direct Message for those things that aren’t meant for public consumption. It’s also great to see what’s being said about your products and services, and gives you the chance to support customers directly.

Turns out, now you’ve got a legitimate reason to check Twitter. You’re not wasting time, you’re communicating!

5. 37signals Apps: Basecamp, Backpack, Campfire

37signals homepage, featuring all of their tools

The team at 37signals has a knack for making powerful business apps that are still incredibly fast and simple to use. Their original product, Basecamp, is one of the most popular online project management tools. It can help your team communicate without email, by sending messages inside Basecamp about your ongoing projects. Campfire, the online group chat app from 37signals, lets you setup chat rooms for your team that keep records of everything said so you can go back and find specific conversations, anytime. Then Backpack, one of their lesser-known products, lets you create pages easily to share information and store important data and files for your team. All together, the 37signals Suite can keep your business communicating and collaborating with your clients with less hassle than you’d have with email and other tools.

6. Yammer

Yammer

If you like Twitter, but don’t want all of your communications to be public, Yammer might be the perfect tool for your team. It’s a private group communication tool that only lets people with company email addresses sign into the network. Once it’s setup, it’s a simple microblogging service where you can update the status of your projects, send messages to others, and form groups for private team communications inside the company.

7. Chatter

Chatter from Salesforce

Salesforce is one of the biggest names in enterprise webapps, and they’ve taken online communications seriously as well. Rather than lose out to Twitter, Campfire, and more, they built Chatter and released it for free. It looks similar to Google Buzz or Facebook, with status messages, images, and in-line comments. However, it’s designed to keep your company’s communications private, and only employees can join your network. With apps for mobile devices and desktops, as well as a powerful webapp that integrates with Salesforce’s other apps, it’s a strong contender for enterprise or smaller business communications.

8. HipChat

HipChat

HipChat is one of the newest chat apps that’s designed to make team communications simple. At first glance, it’s very similar to 37signals Campfire, with an ongoing chat that’s easy to search and lets everyone join in. However, HipChat takes it further, with strong support for restricted groups. Additionally, you can start a direct private chat with any other person in your HipChat account. This lets you use HipChat for team and direct communications. It also includes support for video and voice chats, so it could easily be the one communications app for all of your team’s needs.

9. Teambox

Teambox

Teambox is a surprisingly popular new collaboration tool. While it started out as a project management tool, it’s now grown to include powerful messaging tools. This makes it one of the best ways to communicate with your team about each of the projects you have going on. You can assign tasks to others, check your own projects, then discuss them with your colleagues, all in the same app. Best of all, it lets you create up to 4 projects for free, which makes it a great choice for smaller teams.

10. Codebase

Codebase

Codebase is an interesting webapp that combines a code repository with a communications platform. You can use the included Git, Mercuial, and Subversion support to keep up with all the changes in your code, and then talk to your cowokers about the changes, all from the same app. It’s a great solution for team communications with development teams, and can keep you focused on your work while you’re discussing the project with your team.

Other Great Choices

Even with all of these great options, there are still many other apps teams around the world use to communicate and stay in touch. Many readers said they use AIM, Yahoo! Messenger, or even Apple’s new FaceTime video chat to communicate with their team. Even Facebook chat and SMS text messages count today. Plus, you can’t forget the venerable telephone; after all, our fancy smartphones are still supposed to be telephones for traditional voice calls. The best communications tool for any team is the one they find easiest to use, even if it doesn’t have the latest features. At it’s core, communication is all about exchanging thoughts. With the internet, there’s more ways to do that than ever before.

Did we miss your favorite app? What’s your favorite way to communicate with your team?

Improve Your Browsing Experience with ALOT

In this cross platform, web app driven, fully integrated world, we are always looking for ways to get our information faster, get notified quicker, get up-to-the-second updates, and do more without having to bounce around to different websites. It’s why we use RSS, it’s why we use Twitter, and it’s why we have a ton of apps on our phones and a bunch of widgets on our desktops. In my search for better integration, I overlooked a fairly simple solution for accessing my web apps- the browser. Yes, I still go to facebook.com or groupon.com to get my updates, but I never thought of looking to the browser for a tool that integrates my webapps together.

ALOT offers exactly that- a simple, browser driven solution for easily checking your favorite web apps and bringing information to you.

Installing ALOT

ALOT is not a webapp in the traditional sense. Rather than being an app you can access from any browser, it’s a browser toolbar that’s designed to keep all of your favorite webapps together. The first thing to note about ALOT is that it’s a PC-only browser extension for either IE or Firefox. That means you’re out of luck if you’re a Mac user, or if your browser of choice is Google Chrome, Opera, or otherwise. This severely limits ALOT’s usefulness to many of us, but if you happen to fall into the IE/Firefox on PC demographic, installing is pretty easy. Simply install ALOT’s Appbar, and restart your browser. That’s it!

ALOT Appbar

As you can see from the screenshot, the ALOT Appbar is a pretty beefy bar, and increases the height of the browser chrome by over a third. This is a little bit of an issue for me since I like to keep my browser clean/minimal. However, for what it has in bulk, it makes up for in convenience.

ALOT Homepage

ALOT App Selection

ALOT has, well, a lot of apps to choose from, all designed to make your browsing experience more convinient. The email app brings email notifications to you, the radio app pulls in radio stations from Windows Media Player, and the Facebook App brings you your feed, wall, and notifications without you having to leave whatever website you happen to be on.

ALOT's Facebook App

On top of that, ALOT offers several tools and utilities, such as a todo list manager, a URL shrinker using TinyURL, and a screenshot app, which was very helpful when it came to creating screenshots for this article!

Their apps are broken down into several categories, including Entertainment, News, Shopping, Utilities, and of course, Games. Some of the games they offer include Solitare, a Farmville clone, Sudoku, and my personal favorite, Plants vs. Zombies. Each of these are online webapps, that live in your ALOT toolbar.

Plants vs. Zombie, ala ALOT

The functionality of the apps are pretty good. Just select the app you want to run, and it will open in a movable box above your other browser windows. The apps run fairly fast, and some offer notifications or updates right in the appbar. My only complaint is that in some of the apps, like YouTube and Amazon, I expected more than just a search bar that would then use your current tab to display the search results the respective app’s website.

If you’re using an app like this, make sure you’re not in an important tab, as you don’t get prompted or warned before leaving the page.

Managing Apps

Managing Apps in ALOT is easy. Go to the Manage Apps page and you’ll see (assuming you have the appbar installed) a list of your apps with the ability to reorder or delete them.

Manage Apps

As far as in-app preferences, there aren’t too many to choose from. For most of the apps, the preferences include any personal information you need to make the app work (login info, location, etc). For the apps that don’t require any custom info, they likely do not have a preferences tab. That means there’s not much in the way of customizing ALOT’s appearance.

Extra Features

Aside from app integration, the ALOT appbar has a few extra features for your convininence. The first is a built in search bar that is powered by Google. While this isn’t anything too special since most browsers come with a search bar, ALOT includes an addon called, “Discover,” which collects anonymous data to help ALOT learn what sites users like best- therefore, the more you use ALOT, the smarter it will get!

Don’t worry! Discover is an opt-in feature.

ALOT also has an iGoogle-like interface where you can create a custom homepage and add apps there as well.

ALOT Home

Conclusion

I was pleasently surprised by ALOT. When I started out, I was a little frustrated that it was PC-only since I am primarily a Mac user (and a Chrome user when it comes to browsers), and figured this was only going to be the actual sites wrapped in a custom frame. However, ALOT has a few really good apps (email, todo, the news ones, weather) that truely improve the browsing experience and are unique to ALOT. My only complaint is that some of the video ads for games can get a bit annoying since I need to watch them (or part of them) in order to play; but since ALOT is free, I can let that slide :)

If you’re a PC user, and would like to discover more games and other apps you can add to Firefox or Internet Explorer, ALOT is an interesting service you may find useful. By only working on PCs and in Firefox and IE, though, ALOT leaves behind the cross platform compatibility that we love about webapps.

Internet Explorer 9: Is Microsoft Back in the Browser Game?

For years, it seemed that Internet Explorer was the only browser most computer users would touch. The big E logo became the universal symbol of the internet, and the average computer seemed to have 13 browser toolbars and enough adware to make anyone hate using the internet. We tried in vain to get family and friends to use alternate browsers, but seemingly to no avail.

Then, it happened. IE was far enough behind that even average computer users started caring about their browser. It was dumbfounding to begin seeing libraries and internet cafés with Firefox and Chrome. Internet Explorer started being used less and less, and finally Microsoft realized they needed to catch up. IE9 has now been released for Windows 7 and Vista computers, and impressively it’s nearly as good as the other leading browsers.

As we use webapps every day, the browser has become the most important application on our computers. Between IE, Safari, Chrome, Opera, and more, there’s always something new in the world of browsers today! Let’s take a look at what the latest version of Microsoft’s maligned browser brings to the browser wars.

A Clean New Start

While most of us might remember Internet Explorer best for having a cluttered interface with seemingly endless toolbars, Internet Explorer 9 has taken design cues from Chrome and Windows 7′s own Aero glass interface. IE9 features a clean interface that removes most of the program’s chrome, focusing instead on the websites that you’re using the browser for anyway. The address bar has been combined with the search bar, much like Chrome, and the tab bar has now been moved inline with the address bar. Best of all, IE9 is now much more standards compliant than previous versions of IE. It includes support for many HTML5, CSS3, and SVG features, and supports h.264 web video, WOFF fonts, and GPU hardware acceleration for a smoother internet experience.

Internet Explorer 9 includes a clean new interface

Internet Explorer is still deeply integrated with Windows, enough that you still have to reboot your computer after installing it. That’s almost frustrating enough to not want to use it. Still, with the focus on Windows integration, it’s brought some unique features as well. You can drag a tab to your Windows 7 taskbar or Vista quick-launch bar to create a pinned shortcut. Then, when you launch that pinned site or webapp, IE’s interface buttons will be recolored based on the site’s favicon colors. Sites can additionally add specific shortcuts to their Windows 7 jumplists to give you quick access, say, to Amazon’s Kindle eBooks store or to your Twitter direct messages. To see more of the sites that are deeply integrated with IE9′s features, check out http://www.beautyoftheweb.com/.

Pinned sites integrate website features into the Windows toolbar

No, I’m Not IE6!

While IE9 does support many of the newer HTML5 and CSS features, many sites still look much worse in IE9 since they’ve been designed to work in IE6. I initially thought IE9 didn’t support box shadows and rounded corners, since most sites still looked boxy and flat at first. That’s because they included IE6 specific code, so IE9 renders them with the older rendering engine by default. To change this and enable better web standards support, press F12 to open the developer tools. Here you can select the Internet Explorer 9 standards mode, which brings back most of the design changes and makes pages look more like they would in Webkit.

Enable IE 9 Standards mode on sites aimed at older versions of IE

Microsoft’s years reliance on IE 6 have cost it much of its marketshare in browsers. Even though Windows 7 is selling well, overall Internet Explorer usage has been slipping steadily over the years. IE 6 was nearly universally used in the early 2000′s. Today, Chrome, Safari, and Firefox have become increasingly popular, and the big blue icon has finally stopped being the universal symbol of the internet. IE 9 finally catches up to its competitors in many ways, but that’s still not enough to convince many of us to switch back.

The rise of the rival browsers

Turning it up to 10

Throughout IE9′s development, Microsoft created a number of online demos to show off their browser’s new features. These interactive games and animated fish tanks showed impressive GPU acceleration performance and more, and IE9 could run each of these better than the competation. While Microsoft designed these sites specifically to show off IE9′s features, they still offer an interesting view of the potential future of the web, with rich animation and high FPS games right in native HTML5 and CSS3. Best of all, you won’t have to switch to IE9 to take advantage of it; Firefox 4 already shows impressive hardware acceleration that nearly matches IE9.

This time, Microsoft isn’t resting on its laurels with IE development. They’ve already released a developer preview of IE10, which you can check out at http://ie.microsoft.com/testdrive/ along with the demos of the new supported tech. IE10 has added support for CSS3 Gradients, ECMAScript5 Strict Mode, and more, and we hope it will be fully competitive with the other browsers when its released.

Microsoft created impressive demos of hardware acceleration in IE9

Conclusion

Whether you use Internet Explorer or not, Microsoft’s increased focus on standards compatibility is a boon for everyone. Developers can now begin to stop focusing resources on supporting IE 6, and eventually, the same code should run the same in all browsers. Unfortunately, this is still not the case today. IE 9 still doesn’t support text shadows, gradients, HTML5 forms, and more, while Firefox, Safari, and Chrome still use -moz and -webkit specific CSS extensions that won’t work the same across browsers. Still, the push for standards compatibility should pay off for all users over time. After all, competition is good!

I personally use Chrome as my default browser in Windows 7 and Ubuntu, and don’t see myself switching any time soon. How about you? Have you tried out IE9, and were the changes enough to get you to switch? Or have you moved away from Windows and can’t run IE9 even if you want to? We’d love to see your thoughts on browsers in the comments.

Rapid Website Wireframing and Prototyping with ProtoShare

Wireframing and prototyping are two very vital aspects in web design. They take away ambiguity and guess work from the design equation. Moreover, with a detailed wireframe model lot of rework can be eliminated leading to increased productivity of web designers, which in turn leads to increased profitability.

ProtoShare is an online, collaborative, website wireframing and website prototyping tool that helps designers transform their ideas to usable design.

Overview

Used by popular companies like 3M and Sony, ProtoShare is a tool with a great reputation. Throughout their homepage, the makers of the web app make it their mission to emphasize how productive and profitable ProtoShare can be for your business. Statistics like how it helps to cut total project cost by an average of 30% and accelerates time to market by 40% are sprinkled generously.

Overview

Overview

If you still aren’t convinced, then take a look at the Return on Investment (RoI) page dedicated to explain how the app benefits all the members of a team, its impact when combined with Waterfall methodology of design and more. ProtoShare is by far the only web app I have come across that tries so hard to educate a potential customer about the value of their offering with statistics and data. Of course, the only way to know if it’s really valuable to you is to give it to give it a try!

Pricing

ProtoShare has three different plans starting from $29. While you can sign up and start using the app immediately if you choose their Standard or Professional plans, to evaluate or sign up for the Enterprise plan, you will have to contact the sales team. Apart from the enhanced features like exporting to various formats, multiple views and custom branding, number of users per account, storage space etc. are the major differentiators between the Standard and Pro plans.

Pricing

Pricing

You can sign up for a free 30 trail period to check if the app meets all your needs. Credit card information has to be submitted, but if you cancel before the end of the free trial, your account won’t be charged.

Getting Started

Once you validate your email, you can set a password and access the app. A thorough Getting Started screen will welcome you after logging in. For those with less patience and some prior experience with wireframing, the Twelve things about ProtoShare item will introduce the app in a nutshell. If you plan to dive a little deeper, check out the video tutorials.The developers have gone the extra mile putting together solid tutorials that cover all major components of the web app.

There is an example ecommerce wireframe waiting for you to get hold of all the features of the app. It’s a great way to learn the ropes, but you can start with a new project if want to build a design from scratch.

Dashboard

Creating a new project isn’t a demanding task. All you need is a name and the project will be created for you. All projects open in a new tab and this should help those who are working on multiple projects.

A New Project

A New Project

A spacious two column layout offers a lot of screen real estate to build an ambitious project. The left column is where the control and command center lies. All the vital aspects of a design – pages, page designs, views and elements – are organized in their own sections. On the right side is the dashboard.

Dashboard

Dashboard

The dashboard keeps track of the project status and tasks assigned to you. From here you can stay on top of all the tasks you are responsible for and if you have sufficient permissions, you can invite others to join the project too.

Ease of Use

Every new project is created with three pages and if you want more, you can add them anytime. Double click the page you want to edit and it will open as a new tab right next to the dashboard. From here, it shouldn’t be too hard to get the project going. The app is very intuitive and the sections on the left pane are neatly organized avoiding confusion for first time users.

Creating a Wireframe

Creating a Wireframe

Drag and drop elements from the Component Palette and start updating their dimensions and properties from the properties Window. From appearance to alignment and actions, every property of a component can be defined using this window. Use the Library feature to save and reuse design elements and full templates.

As I mentioned earlier, from this point on its such a breeze to bring an idea to shape. The app is so intuitive and you will find your fingers (the mouse pointer) reaching for components one after another with such ease. Almost all design elements known to mankind – from menus to scrollbars and forms -there is everything you need to get a fully functional prototype ready.

Collaboration Options

Hit Review at anytime to see the design in its real glory. In the review mode, the website is full functional and you can see that all components working the way they should be.

Collaboration

Collaboration

Once you think you are ready and it’s time to bring a fresh pair eyes to evaluate the design, invite the team members to have a look. All discussions occur in real time and hence lot of email back and forth is eliminated.

A Sample Wireframe

A Sample Wireframe

Final Thoughts

From brainstorming to creative review to building the webpage ProtoShare does it all. Realtime collaboration throughout the entire process from a central location is an icing on the top. From drag and drop elements to complex CSS and HTML coding abilities, the app serves both beginners and veterans well.

Even with multiple windows and projects open, the app didn’t put strain on my computer’s memory or processing power. If I were a web designer, I would definitely go with ProtoShare.

Share Your Thoughts!

What do you think of ProtoShare? Are there better alternatives available?

Win a copy of Pulse CMS!

Last week, we took an in-depth look at Pulse CMS, an exciting new lightweight CMS. Pulse CMS lets you add CMS features to an existing static website in minutes. Even if you’re not excited about creating WordPress or Tumblr themes, Pulse CMS can work with the HTML and CSS sites you know and love.

Ready to give Pulse CMS a try? We’ve got 2 copies up for grabs from the developer, and one of them could be yours. One great thing about Pulse CMS is that each copy comes with free lifetime updates and support, and our giveaway copies are the same!

To enter the contest, just leave a comment below and let us know how you plan to put Pulse CMS to use! The contest will run for one week, so be sure to comment by Wendsday, May 11th.

Please Note: Envato staff or people who have written more than two articles or tutorials for AppStorm are ineligible to enter.

Whether you win or not, be sure to check out Pulse CMS and get more info at their website, http://pulsecms.com/.

Welcome Your New Editor: Matthew Guay

At the end of 2009 I was fortunate enough to take over for Chris as Editor of Web.AppStorm. I’ve seen the site grow a lot since then and along with it so have our writers and the whole wide world of web applications. It’s been one of the best experiences I’ve had so far and I’m happy to announce another talented individual will share in that experience — Matthew Guay.

I am handing over the reigns to Matthew, which many of you know from his past posts, and will be heading over to work with Envato’s marketplaces full-time. Matthew has been writing for the AppStorm network for quite awhile now and is a very talented individual, attending school and even running his own blog — Techinch.

So, rest assured, Web.AppStorm is in good hands. Thank you all for the great experience, I’ll still be around here and there so feel free to say hi. Now I’ll hand the show over to Matthew for a quick introduction. Let’s give Matthew a big warm welcome!

About Matthew

I’m Matthew Guay, the new editor of Web.AppStorm. Over the past several years, I’ve written hundreds of articles at a number of sites, including most of the AppStorm sites. I’ve enjoyed contributing to the team, and am now very excited to be directing this site as we continue covering the latest apps and find innovative uses for webapps we already know and love.

Webapps are some of the more exciting developments in tech today, since they can be used on any platform. Windows, Mac, Linux, and any of the zillions of mobile platforms today, all work great with the latest webapps. It seems like we’re using webapps more and more, and even some of the more exciting desktop and mobile apps today tie into great webapps. Webapps are the thread that ties everything together today, so stay tuned to keep up with all the webapp goodness we discover. We’ve got an exceptional team of writers at AppStorm, and I’m always excited to see what they write.

The most important part about any site is its readers. We write for you, and want to make sure you enjoy what we’re writing. If you have any tips or recommendations, feel free to let us know in the comments or send us an email from the contact form. And if you’d like to keep up with me, I’m @maguay on Twitter. Looking forward to the future of Web.AppStorm, and let’s make Web.AppStorm the best resource for webapp reviews and tutorials on the web!

Images Display in GridView on IPhone

This is the GridView application. In this application we will see how to programatically  images display in Gridview on iPhone .

Step 1: Open a Xcode, Create a View base application. Give the application name “Button_Example”.

Step 2: Xcode automatically creates the directory structure and adds essential frameworks to it. You can explore the directory structure to check out the content of the directory.

Step 3: We need to add one NSObject class in the project. So select the project -> New File -> Cocoa Touch -> Objective-C class and give the class name “Item”.

Step 4: We need to add one image in the project. Give the image name “icon2.png”.

Step 5: Open the “Button_ExampleViewController”file, we need to add UITableViewDelegate  and UITableViewDataSource , define UITableView and NSMutableArray class and one buttonPressed: method and import the Item.h class. So make the following changes.

#import <UIKit/UIKit.h>
#import "Item.h"

@interface Button_ExampleViewController : UIViewController <UITableViewDelegate, UITableViewDataSource> {

        IBOutlet UITableView *tableView;
        NSMutableArray *sections;
               
}

@property (nonatomic, retain) UITableView *tableView;
@property (nonatomic, retain) NSMutableArray *sections;

(IBAction)buttonPressed:(id)sender;

@end

Step 6: Double click the Button_ExampleViewController.xib file and open it to the Interface Builder.First drag the TableView from the library and place it to the view window. Select tableview from the view window and bring up connection inspector and connect dataSource to the File’s Owner and delegate to the File’s Owner icon. Now save the .xib file, close it and go back to the Xcode.

Step 7: In the Button_ExampleViewController.m file, make the following changes:

#import "Button_ExampleViewController.h"
#import "Item.h"

@implementation Button_ExampleViewController

@synthesize tableView,sections;

// Implement loadView to create a view hierarchy programmatically, without using a nib.
(void)loadView {
       
        [super loadView];
        sections = [[NSMutableArray alloc] init];
       
        for(int s=0;s<1;s++) { // 4 sections
                NSMutableArray *section = [[NSMutableArray alloc] init];
                for(int i=0;i<12;i++) {  // 12 items in each section
                        Item *item = [[Item alloc] init];
                        item.link=@"New Screen";
                        item.title=[NSString stringWithFormat:@"Item  %d", i];
                        item.image=@"icon2.png";
                       
                        [section addObject:item];                      
                }
                [sections addObject:section];
 }
}

       
        (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
        //{
                return [sections count];
        }
       
       
        (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
                return 1;
        }
       
        (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {  
                NSMutableArray *sectionItems = [sections objectAtIndex:indexPath.section];
                int numRows = [sectionItems count]/4;
                return numRows * 80.0;
        }
       
       
        (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section {
               
                NSString *sectionTitle = [NSString stringWithFormat:@"Section   %d", section];
                return sectionTitle;
        }
       
       
        (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
               
                static NSString *hlCellID = @"hlCellID";
               
                UITableViewCell *hlcell = [tableView dequeueReusableCellWithIdentifier:hlCellID];
                if(hlcell == nil) {
                        hlcell =  [[[UITableViewCell alloc]
                                                initWithStyle:UITableViewCellStyleDefault reuseIdentifier:hlCellID] autorelease];
                        hlcell.accessoryType = UITableViewCellAccessoryNone;
                        hlcell.selectionStyle = UITableViewCellSelectionStyleNone;
                }
               
                int section = indexPath.section;
                NSMutableArray *sectionItems = [sections objectAtIndex:section];
               
                int n = [sectionItems count];
                int i=0,i1=0;
               
                while(i<n){
                        int yy = 4 +i1*74;
                        int j=0;
                        for(j=0; j<4;j++){
                               
                                if (i>=n) break;
                                Item *item = [sectionItems objectAtIndex:i];
                               
                                CGRect rect = CGRectMake(18+80*j, yy, 40, 40);
                                UIButton *button=[[UIButton alloc] initWithFrame:rect];
                                [button setFrame:rect];
                                UIImage *buttonImageNormal=[UIImage imageNamed:item.image];
                                [button setBackgroundImage:buttonImageNormal    forState:UIControlStateNormal];
                                [button setContentMode:UIViewContentModeCenter];
                               
                                NSString *tagValue = [NSString stringWithFormat:@"%d%d", indexPath.section+1, i];
                                button.tag = [tagValue intValue];
                                //NSLog(@"….tag….%d", button.tag);
                               
                                [button addTarget:self action:@selector(buttonPressed:) forControlEvents:UIControlEventTouchUpInside];
                                [hlcell.contentView addSubview:button];
                                [button release];
                               
                                UILabel *label = [[[UILabel alloc] initWithFrame:CGRectMake((80*j)4, yy+44, 80, 12)] autorelease];
                                label.text = item.title;
                                label.textColor = [UIColor blackColor];
                                label.backgroundColor = [UIColor clearColor];
                                label.textAlignment = UITextAlignmentCenter;
                                label.font = [UIFont fontWithName:@"ArialMT" size:12];
                                [hlcell.contentView addSubview:label];
                               
                                i++;
                        }
                        i1 = i1+1;
                }
                return hlcell;
        }
       
       
        (IBAction)buttonPressed:(id)sender {
                int tagId = [sender tag];
                int divNum = 0;
                if(tagId<100)
                        divNum=10;
                else
                        divNum=100;
                int section = [sender tag]/divNum;
                section -=1; // we had incremented at tag assigning time
                int itemId = [sender tag]%divNum;
               
               
                NSLog(@"…section = %d, item = %d", section, itemId);
               
                NSMutableArray *sectionItems = [sections objectAtIndex:section];
                Item *item = [sectionItems objectAtIndex:itemId];
                NSLog(@"..item pressed…..%@, %@", item.title, item.link);
               
        }
       
       

// Implement viewDidLoad to do additional setup after loading the view, typically from a nib.
(void)viewDidLoad {
    [super viewDidLoad];
       
       
}

(void)didReceiveMemoryWarning {
        // Releases the view if it doesn’t have a superview.
    [super didReceiveMemoryWarning];
       
        // Release any cached data, images, etc that aren’t in use.
}

(void)viewDidUnload {
        // Release any retained subviews of the main view.
        // e.g. self.myOutlet = nil;
}

(void)dealloc {
    [super dealloc];
}

@end

Step 8: Open the Item.h file and make the following changes:

#import <Foundation/Foundation.h>

@interface Item : NSObject {
       
        NSString *title;
        NSString *link;
        NSString *image;
}

@property (nonatomic, copy) NSString *title;
@property (nonatomic, copy) NSString *link;
@property (nonatomic, copy) NSString *image;
@end

Step 9: Now make the changes in the Item.m file:

#import "Item.h"

 @implementation Item
 @synthesize title, link, image;

@end

Step 10: Now Save it and compile it in the Simulator.

You can Download SourceCode from here Button_Example

New iMacs 25 percent faster than previous generation

A few days ago, we reported on Macworld’s benchmark results for the new Sandy Bridge-equipped iMacs. Macworld found them to be, on average, about 16 percent faster in the Speedmark 6.5 test than the previous generation. Now Primate Labs has put together a report detailing the iMac’s speed increases based on user-submitted Geekbench 2 results.

According to Primate Labs, the new Sandy Bridge iMacs are up to 25 percent faster than their Lynnfield predecessors. 25 percent isn’t earth-shattering, but it’s a nice bump for the newest models. When Primate Labs pitted the Sandy Bridge iMacs against the two-generations-old Wolfdale Core 2 Duo iMacs, however, the newest iMacs ran a whopping 70 percent faster. Time for an upgrade, Core 2 Duo iMac owners?

New iMacs 25 percent faster than previous generation originally appeared on TUAW on Sat, 07 May 2011 00:00:00 EST. Please see our terms for use of feeds.

Source | Permalink | Email this | Comments

Apple launches ‘Apple Customer Pulse’ feedback site

Apple has launched a new site called Apple Customer Pulse which allows select users of Apple’s products to submit feedback on a variety of issues. Currently the site is only accessible to those users who have received an email invite from Apple. Several TUAW reads have contacted us saying they have received invites, but there is no firm way to know what the total numbers of invitees are or how Apple goes about choosing them.

The site launched quietly a few weeks ago and represents an expanded effort on Apple’s part to generate relevant and focused customer feedback. MacRumors did some digging and found out the site is administered by Socratic Technologies, a San Francisco-based market research firm that has worked with other tech companies, including Adobe. A WhoIs search lists the domain management MarkMonitor Brand Protection, a company Apple frequently uses to secure domain names. Additionally, the administrative registrant contact is Apple’s Ken Eddings.

Apple launches ‘Apple Customer Pulse’ feedback site originally appeared on TUAW on Fri, 06 May 2011 21:01:00 EST. Please see our terms for use of feeds.

Source | Permalink | Email this | Comments

Apple and Guitar Center to offer GarageBand workshops

Apple and the musical instrument retailer Guitar Center have teamed up to offer weekly workshops in GarageBand, according to Guitar Center’s website. Starting May 7th from 10-11 AM and running every Saturday, Guitar Center will be offering four free Recording Made Easy workshops at all of its 216 stores. The aim of the workshops is to teach musicians “How to record your first song using Mac and GarageBand…You’ll learn everything from basic tracking to creating a finished song.”

The first workshop on May 7 covers “Signal Flow and Microphone Techniques.” May 14 is “Virtual Instruments and Loops.” May 21’s workshop is “Effects” and the final workshop on May 28 is “Mixing and Publishing.” After the May 28 workshop, the workshops will begin again on the next Saturday, starting with the first one. You must register for the workshops to attend. Clicking the register button on Guitar Center’s site takes you to Apple’s Seminars & Events page where you can complete your registration.

Apple and Guitar Center to offer GarageBand workshops originally appeared on TUAW on Fri, 06 May 2011 20:00:00 EST. Please see our terms for use of feeds.

Source | Permalink | Email this | Comments

Rovio up for three Develop Awards

Rovio, maker of Angry Birds, has been nominated for three different awards at this year’s Develop Awards, honoring some of the best names in video game and interactive software development. The Finnish company has been nominated for Best Use of a License or IP (presumably for the Angry Birds Rio spinoff), Best Indie Studio, and Best Handheld Studio for its work on the mobile platforms.

There are a few other interesting names on the list (including NaturalMotion, who’ve made a few iOS games themselves, in addition to their physics engines, and Andreas Illiger, maker of the great Tiny Wings), though things seem to be aimed more towards the European continent than anywhere else.

Still, it’ll be interesting to see who gets honored. The awards are to be given away in Brighton, England on July 20th of this year. We’ll be sure to ask former TUAWer and Brighton native Nik Fletcher to sneak into the ceremony.

Rovio up for three Develop Awards originally appeared on TUAW on Fri, 06 May 2011 19:00:00 EST. Please see our terms for use of feeds.

Source | Permalink | Email this | Comments

New iMac, MacBook Pro support 450 Mbit/sec Wi-Fi

HardMac is reporting that the newest iMacs released this week support up to 450 Mbit/sec Wi-Fi, following in the footsteps of the latest MacBook Pros. To accomplish this, Apple added a third antenna to the machines. Each antenna is capable of a data rate of 150 Mbit/sec. Combined, the three antennas achieve the 450 Mbit/sec speeds using the multiple-input/multiple-output (MIMO) wireless standard.

MacRumors notes that in order to actually take advantage of the 450 Mbit/sec speed, you’ll need to have a compatible wireless router, such as the latest AirPort Extreme or TimeCapsule, and be sure the settings are configured to use both the 5 GHz band and also the use of wide channels.

UPDATE: As noted by AppleInsider, the newest iMacs and MacBook Pros must be running a developer build of Lion to take advantage of the 450 Mbit/sec speeds. Non-devs will need to wait until you update your machines to Mac OS X 10.7 Lion when it is released later this summer.

New iMac, MacBook Pro support 450 Mbit/sec Wi-Fi originally appeared on TUAW on Fri, 06 May 2011 18:00:00 EST. Please see our terms for use of feeds.

Source | Permalink | Email this | Comments