Currently BrowsingWeb Dev
One of the most important aspects of website and app design is flow – how a user navigates and goes through the process that the site/app is built for. It’s very important to properly close the loops on all navigation and actions. For example, if you’re building an online store, there should be a simple path for a shopper to get from your homepage to the checkout completion page, without getting lost or confused along the way. And when you’re working in a team with clients to report to, it’s crucial that everyone knows where each step takes a user, how one can move back and forth in the site/app and how processes (like placing orders or filling out forms) start and end.
ClickDummy can help you with that. This app allows you to share screenshots of each page/step of your project and link them together as intended in its final form. So if you need to show your clients how their upcoming web store ordering process will work, or you need to demonstrate to a designer how you intend for people to go through your site, ClickDummy can help you put together a clickable demo in minutes.
Editor’s Note: After careful consideration, we have decided to remove this post. W3Schools does have some correct information that can be useful to beginners, but it also has a number of inadequacies as our readers have pointed out in the comments. Our post was not affiliated with W3Schools in any way, and we have deleted it since it the inaccurate information in W3Schools’ sites could be especially misleading for beginning developers, the very audience of this article. If you’d like more information on the problems with W3Schools, please check out http://www.w3fools.com/ to see some of the worst problems with their content.
We’re thankful for our engaged community of readers, and endeavor to have the highest quality content possible. This article wasn’t up to that standard, and we apologize for that. If you ever have any feedback about our content, please let us know and we’ll strive to take your advice to heart.
Face it: we all hate writing up a new résumé. Whether you’ve had 2.5 million different jobs or have stayed in the same position for the past 45 years, it’s somehow incredibly frustrating to put down your skills and experience on a piece of paper and get it looking halfway decent. Perhaps it’s because we’re shy to list what we’ve done, or we’re worried about what potential employers will think. Either way, writing a résumé ranks up there with filing taxes in the list of the world’s most hated jobs.
It doesn’t have to be that hard, though. Resume.io is a brand new web app that lets you create a nicely designed résumé in seconds. In fact, if you’ve already got a filled-out LinkedIn profile, you might be able to get a polished résumé without doing anything more than signing in. In today’s economy, it’s always good to have a current résumé, and now there’s a way to do it without wasting your afternoon.
IDEs (Integrated Development Environments) are a special type of software that developers use to write software. IDEs are designed to maximize productivity, because because they typically present a single platform which all development is done. This means a developer will do less environment switching to get his job done.
If you use computers long enough, chances are you’ll eventually want to learn at least a little bit of programming. You can only hear so many stories about exciting new apps and whole businesses built from several thousands lines of code before you start thinking that you could do it, too. Problem is, it’s often daunting to get started programming. Most programming books almost seem too difficult, or else they start out so slow and basic that you’re bored before you even get started.
When building a website, it’s important to have a different set of eyes take a look and let you know if you’re on the right track, particularly because there are so many moving parts and so many doubts that can arise. Are the buttons on my site easy to find? Is the banner large enough? How about legibility? Is there a logical flow in my registration process? Which of these two header graphics should I use?
While there are some questions you can answer yourself, sometimes you might need an outside opinion. There are a ton of tools available including OpenHallway, Usabilia, and Silverback that do the job and then some, but what if your needs are simpler?
BagelHint is a little app with which you can create easy usability surveys quickly. Developed by a compact UK-based team called EpicBagel, this service is great for designers and developers looking to get started with UX feedback and testing, with projects that need just pointers and not deep analytics. There’s nothing to install and your results are displayed in real-time. All you need to use it are some screenshots and a few minutes of your time. Let’s set up a trial account and see how we go, shall we?
There’s a never-ending debate over whether tablets can be productive devices, perhaps even substitutes for full computers, or if they’re simply to be relegated to the status of a nice tech toy. Despite the many brilliant productive tools that have been designed for the iPad, one of the best examples of areas that tablets break productivity is web apps. While some web apps work great on the iPad, many are much more difficult to use.
Gmail Mobile presents a nice change to this trend, with a beautiful iPad-style web app. LucidChart is another example of an app that includes extra features designed just for the iPad. Today, we’re featuring another great app that’s been designed just for tablet browsers: Axe. This new free app from ZURB joins the ranks of their other great apps as an easy way to quickly markup a website with your feedback. It’s easier than ever on a touchscreen, so let’s take a look at how this app might make your iPad a bit more productive.
If there’s one major problem with web apps, it’s that it’s incredibly hard to get them to work together. For the most part, they don’t. Microsoft Word and iWork Pages work with Dropbox automatically if they’re all installed on the same computer. Now try getting Google Docs and Dropbox working together without relying on your computer’s operating system to handle download a file from Dropbox and then uploading it to Google Docs. Odds are, you won’t get it to work.
There are some web apps that work together. Instapaper and Pinboard are great examples of web apps that have built in options to pull in and push data to and from other apps. But most web apps exist in their own island, and being able to run different apps in different browser tabs is about the closest we get to web app multitasking.
ifttt is a new web app that aims to change this. Similar to Yahoo Pipes, but much simpler to use, ifttt lets you tie your favorite web apps together in unique ways. Whether you want to get a txt message when your best friend posts a new blog post, or save your Instagram pictures to Dropbox, or post your Tweets to Google+, ifttt’s got what you need, and more. In this article, we’ll look at how you can put ifttt to use quickly, and we’ve got more tutorials planned to show more ways you can put this powerful tool to use.
If there’s one thing that should be incredibly simple today, it should be making online forms and simple pages. There’s no dearth of survey and form apps: from Wufoo to Google’s free Docs Forms, there are form solutions for every design style and budget. And if you want to take payments, share rich info, or do almost anything else you want with a form, there’s likely an app for that.
And then there’s Lanbito. I’m always on the lookout for new high-quality web apps, and Lanbito caught my eye in our Quick Look post. It’s a simple solution to making mobile forms, and best of all, it’s a touch-ready web app. That’s something you don’t often see, and Lanbito’s implementation is simply brilliant. It’s worth taking a look at, even if you’ve already got a form solution you love.
There’s a ton of great web development-oriented web apps out there, everything from in-browser image editing tools to full-fledged cloud IDEs. It’s evident that you don’t need a ton of expensive software to develop websites, and even a Chromebook can be turned into a great little web development machine.
Today we’re going to take a look at WebPutty, a CSS editor based in your browser, complete with previewing new styles on existing sites. WebPutty is a simple affair, allowing you to create a site and load it up in the editor with the CSS editor beside it. Here you can manipulate the styles in real-time, previewing them before exporting and publishing to your live site.