Tips for Building Your First Web App – Thnxz @sixrevisions


These tips are from a person who started out as someone who wasn’t familiar with Web programming. When I first started developing my first web app, I wasn’t a web developer. I was a business guy.

(If you want to read my story on how I built my first web app in only a few months using Ruby on Rails, check out my article: Why Making Web Apps with Rails Is Awesome.)

An assumption I’m going to make about you, the person reading this article, is that you’re already a web developer, or that you’ll be hiring one for your first web app. I’ll be discussing practical, general tips that are applicable to all web apps regardless of what Web technologies you’re using. So please don’t expect some deep-level web programming techniques in this article, because you’ll find none.

Another assumption I’m making is that you’re going to build your first web app without investing hundreds of thousands of dollars into version 1.0. I’ll assume that your budget is in the $5,000 range largely because that’s where my experience lies.

With my preface all said and done, let me share my seven tips based off my own web app development experience.

1. Think in Terms of Data Relationships

Regardless of complexity, size or feature set, you can break down any web application into this simple operational mechanics:

  1. The web app takes in data from users
  2. The web app processes and decides what to do with that data
  3. The web app produces some output for the users

All web apps work like that, so at the start, it’s best to break down your web app’s core features into data relationships to see:

  • How your web app should be built
  • How your web app might deal with user data and presentation
  • What features you need to prioritize
  • What web services and web technologies you’ll need to enlist and get familiar with

And so on. | Full article +INFO 🙂

For example, let’s take the primary feature of Instagram — posting a photo up on the photo-sharing service — and break it down into the fundamental operational mechanics above:

  1. The web app takes in a photo from users
  2. The web app processes the photo to scale it up or down to the layout of Instagram and also what photo effect the user wants to apply to the photo
  3. The web app produces a modified image and displays it for the usersI know you may not be able to think naturally like that at first whenever you look at web apps, but the more you use other web apps, and the more you think about them in all of these little pieces of data relationships, the easier it is for you to conceptualize and build your web app.

2. Keep Track of UIs and Websites That Inspire You

Do you have examples of web applications and websites that you like?
Full article +INFO 🙂

 

3. Keep the First Version as Simple as Possible

Building a minimum viable product (MVP) is a popular concept for online startups.
Full article +INFO 🙂

 

4. Focus on Behavior and Less on Look-and-Feel

Quite often, frustrations that people have with a web app come from the way it behaves, not the way it looks.
Full article +INFO 🙂

 

5. Use Free or Affordable Web Services as Much as Possible

Even if you just won the lottery and have money to burn, don’t be frivolous with your funds.
Full article +INFO 🙂

 

6. Use Third-Party APIs with Caution

An API is a way for a developer to get access to the data of an external web service. For example, Twitter’s API allows any developer to build an app that accesses public tweets and the account information of Twitter users.
Full article +INFO 🙂

 

7. Focus on the Excellent Execution of Your Idea

I can’t think of one web app that was successful based solely on being “the first.”
Full article +INFO 🙂

@topdesignmag :) Are You A Web Developer Without Any Graphic Skills? Then Check Out These 25 Gorgeous Website .PSD’s


Writen by Bogdan is the founder of Top Design Magazine.

 

Creating a website is not an easy thing because it requires a lot of steps; from the planning and all the way to functionality testing, the process of designing and developing a website needs people with various skills. You need a good graphic designer, a good web designer, a talented web developer, a great content writer and also a SEO expert is you want your website to be great. Sure, you can skip some of them but this can cost you a lot in terms of success.

For web developers, coding a website can be a piece of cake if they have all the graphic components but this always means that whenever they want to create something, they are dependent to a web designer. For a company, this issue is solved from the start but if you are a web developer and also a freelancer, then you need to come up with solutions if you want to stick to the deadline. Depending on your budget you can either hire someone to create a design from scratch, either use a template. A .psd template is extremely useful in the following cases: you are a beginner and you want to practice your programming skills but you don’t want to spend time creating the visual stuff; you are a web developer and you don’t have a budget for creating the design; you have a budget but the time is so limited that you can’t afford spending it on the graphical part.

Full article and more PSD’s 🙂

Whatever your reasons are, a .psd website template can prove to be extremely useful so it will be a good idea to save them in your toolbox. In this article you can see a collection of 25 gorgeous .PSD’s which are ready to be converted into fully functional websites.

Intent Creative Free PSD Theme

25. website psd template

WordPress blog theme PSD template

24. website psd template

7 Inspiring Interviews That Every Web Designer/Developer Should Read


• 1stwebdesigner - Become A Better Web Designer!
Written by:  Rean John Uehara

It’s already August and the year is about to draw to a close…how are you doing with your work and projects? I know that inspiration is quite often hard to come by, and with our line of work inspiration is mainly the driving force. To give you a boost, why not read these 7 inspiring interviews by famous bloggers, web designers, and web developers, who have garnered success in their fields?

Are you ready to be inspired?!

%tutke
7 Inspiring Interviews

Four of the interviews below actually focus on how their design blogs became a huge success. These blogs they have started simply as pet projects to teach other people about their passion: web design and web development. In the end, they managed to not only fulfill their wants, but they also managed to create entire communities for designers and developers by providing useful resources. This is one of the reasons why I once asked, Hey Web Designers and Web Developers, Are You Blogging Yet?

The following interviews will redirect to Founder Tips (except #1), 1WD’s sister website where we publish interviews and success stories of people.

Ready to be inspired? Go!

1. An Interview With Chris Coyier – Founder of CSS-Tricks Leer más “7 Inspiring Interviews That Every Web Designer/Developer Should Read”

15 Google Chrome Extensions for People Who Build Websites

Kawsar Ali is a web designer, graphic designer, and photographer based in NY, U.S. He’s also the founder of Desizntech, a site to find tips about web design, Mac, PC and more. If you’d like to connect with him, you can follow him on Twitter and check out his Personal Website.



April 24th, 2010 by Kawsar Ali 

10 Google Chrome Extensions for People Who Build Websites

Google Chrome is a wonderful web browser of choice for web designers and web developers. With Google Chrome extensions, you can add more features to the browser to help you with designing, debugging, and working on websites. We share with you the top ten Chrome extensions for designers and developers.

1. Firebug Lite (for Google Chrome)

Firebug Lite (for Google Chrome)

Firebug Lite (for Google Chrome) is an extension that sets up Firebug Lite in the browser. Although the built-in Developer Tools in Chrome gives you relatively the same features of Firebug (and more), long-time Firebug fans will appreciate this extension for debugging and testing their work in Chrome.
Leer más “15 Google Chrome Extensions for People Who Build Websites”