background preloader

Creating a Web App from Scratch – Part 1 of 8: Basic Idea and Design

Creating a Web App from Scratch – Part 1 of 8: Basic Idea and Design
Today we begin Part 1 of an 8-Part series on building a web application from absolute scratch to a complete product. I am going to kick things off by introducing the idea, and then I will be handling the design, UI, and general front-end stuff. We are going to be going back and forth from here over to my friend Jason Lengstorf's site Copter Labs. Jason will be handling the back-end stuff like application planning and database stuff. It's Easy, Right? What we're going to create is a "list app". First of all, it needs to work and it needs to work well. Through this whole 8-part series, we are going to create an app that hopefully does all these things pretty well. The Big Idea This "list app" is going to be called Colored Lists. Sketch It Out No need to get fancy right away. Looks like a list to me. Early UI Planning Click-to-editDrag and dropTwo-click deleteAutomatic saving (after any action) All this stuff basically adds up to a whole bunch of AJAX. The Screens "Features" Moving On Share On

50 Mac Apps With Well Designed & Sexy Interfaces « SUBERAPPS November 19th, 2009 50 Mac Apps With Well Designed & Sexy Interfaces Ever since the roundup of 21+ essential iPhone apps with sexy interfaces crashed my hosting server (!) This post is a round up of 50 handpicked Mac apps that have either well designed or have really sexy interfaces or both! I know it’s a giant list to digest, so bookmark this for future reference! Pixelmator [$59 | Website] Pixelmator is a great alternative to Photoshop, low memory footprint and extremely beautiful. Tapedeck [$25 | Website] TapeDeck is a powerful and fun new audio recorder for Mac OS X Leopard. Snowtape [$29 | Website] Snowtape lets you listen to radio stations and record them live. Delibar [$18 | Website] I have a review for Delibar coming up next week, so stay tuned! CleanMyMac [$29.95 lifetime or $14.95 6 month license | Website] CleanMyMac represents sophisticated all-in-one-suite utility that helps keep your Mac clean and healthy. Swatch [$4.95 | Website] Snippet [$12.95 | Website] Anxiety [Donationware | Website]

Ajax (programming) Ajax is not a single technology, but a group of technologies. HTML and CSS can be used in combination to mark up and style information. The DOM is accessed with JavaScript to dynamically display, and allow the user to interact with, the information presented. JavaScript and the XMLHttpRequest object provide a method for exchanging data asynchronously between browser and server to avoid full page reloads. In 1996, the iframe tag was introduced by Internet Explorer to load or to fetch content asynchronously. In 1998, Microsoft Outlook Web App team implemented the first component XMLHTTP by client script. Google made a wide deployment of standards-compliant, cross browser Ajax with Gmail (2004) and Google Maps (2005).[6] The term "Ajax" was publicly stated on 18 February 2005 by Jesse James Garrett in an article titled "Ajax: A New Approach to Web Applications", based on techniques used on Google pages.[1] get-ajax-data.js: send-ajax-data.php: jQuery example

MIX Online 25 Things You Should Know About Plot Previous iterations of the “25 Things” series: 25 Things Every Writer Should Know 25 Things You Should Know About Storytelling 25 Things You Should Know About Character And now… 1. A plot is the sequence of narrative events as witnessed by the audience. 2. Some folks will ask, incorrectly, “What’s the plot?” 3. A plot functions like a skeleton: it is both structural and supportive. 4. The biggest plot crime of them all is a plot that doesn’t make a lick of goddamn sense. 5. The simplest motherfucker of a plot is this: things get worse until they get better. 6. Fiction is driven by characters in conflict, or, put differently, the flame of fiction grows brighter through friction. 7. Of course, the essence of the essential conflict — the one below all that Wo/Man versus stuff — is a character’s wants versus a character’s fears. 8. A plot grows within the story you’re telling. 9. 10. Plot offers the promise of Chekov and his gun, of Hitchcock and his bomb under the table. 11. 12. 13. 13. 14.

19 Best Utility Apps For Your iPhone - iSmashPhone iPhone Blog So, you have your iPhone. You have all your funky apps, from iBacon to Bump, from AP’s news app to Skype. How about something useful? Something that helps you use your iPhone to its greatest potential? Here’s a look at some apps that will let you make the most out of your iPhone whether it’s your battery life, e-mail, texting or more. Battery There are, approximately, 8 gazillion applications that enable you to see how much battery life you have left. 3D Game PlayGame PlayTalk Time3G InternetWi-Fi InternetVideo PlaybackAudio PlaybackStandby TimeiPod Video Play TimeiPod Audio Play Time It’ll also tell you how much time it’ll take to full recharge your battery. Unlock screen notifications Sometimes you need to check your to-do list or your reminders quickly and don’t want the bother of unlocking your phone, navigating to the app and opening it. iNotify enables you to put certain notifications on your unlock screen so all you have to do is wake up your phone to see what’s next on your list.

SVG with a little help from Raphaël Raphaël is a light-weight JavaScript library that renders dynamic SVG graphics including charts, graphs, vector-based animations and GUI components right into your web pages. Now, you’re probably thinking, I can already do this with jQuery, Google Charts, or even Flash! While this is true, Raphaël reveals new possibilities not currently available with these other technologies. Let’s learn how to create inline scalable vector images that work across browsers and degrade gracefully. Open language for an open web#section1 Issue № 310 The web is all about open standards and unencumbered technologies. But, what about Internet Explorer 6? JQuery#section2 What about jQuery? There are plenty of interesting jQuery graphics plugins, such as jqPlot, Flot, jQuery SVG, and others. Raphaël is smaller overall for creating basic vector graphics. It doesn’t have to be an either/or scenario. Dynamic Images#section3 Examples#section4 Progressive Enhancement#section5 Animations#section6 Conclusion#section9

Will Google Buzz Change the Social Media Game? Update 2: Buzz has gotten off to a great start in terms of attracting users. Google said in a blog post yesterday that over 9 million posts and comments had been created, and they were seeing over 200 posts per minute. Both numbers have likely grown since then. In the post, Google addresses some of the privacy concerns people have been having, and improvements they’re making based on user feedback. Update: Google has uploaded the entire Google Buzz launch event. If you are interested in seeing the new product unveiled, you can watch it below: Article starts: Google held a press event to announce the most "buzzed" topic of the week - Google Buzz. Do you think Google could make an impact on social media with this release? Editor’s Note: The bulk of this article was written before the announcement was made and has been adjusted to reflect the announcement itself, after liveblogging the press event. Google says Buzz has five key elements: 1. 1. Search Implications Competition Related Articles:

Warbeats > Home 14 Free Mac Apps for Web Designers on a Budget | Web Design Ledger We all know that Macs aren’t the most affordable computers on the market. Purchasing one can take a big chunk out of a web designer’s budget and leave little to purchase software. Thankfully, there are alternatives to the expensive software that we need to do our job. Here are 14 Mac applications that will have you doing everything from editing images to writing code, and they won’t cost you a dime. The abbreviation “MAMP” stands for: Macintosh, Apache, Mysql and PHP. With just a few mouse clicks, you can install Apache, PHP and MySQL for Mac OS X. GIMP is a versatile graphics manipulation package. Cyberduck Cyberduck is an open source FTP, SFTP, WebDAV, Cloud Files and Amazon S3 browser for the Mac. svnX SvnX is an open source GUI for most features of the svn client binary. Paparazzi Paparazzi! FileZilla FileZilla is a free open source ftp application. TextWrangler TextWrangler is the powerful general purpose text editor, and Unix and server administrator’s tool. Inkscape KompoZer Simple CSS

Java EE & Java Web Learning Trail - NetBeans Tutorials, Guides and Articles What is a Java Web Application? A Java web application generates interactive web pages containing various types of markup language (HTML, XML, and so on) and dynamic content. It is typically comprised of web components such as JavaServer Pages (JSP), servlets and JavaBeans to modify and temporarily store data, interact with databases and web services, and render content in response to client requests. Because many of the tasks involved in web application development can be repetitive or require a surplus of boilerplate code, web frameworks can be applied to alleviate the overhead associated with common activities. What is Java EE? Java EE (Enterprise Edition) is a widely used platform containing a set of coordinated technologies that significantly reduce the cost and complexity of developing, deploying, and managing multi-tier, server-centric applications. Some of the fundamental components of Java EE include:

21 Ways Volunteers Can Help with Your Website | Talance Friendly [Photo credit: AVP Volunteer 2 by yuan2003, on Flickr] As any charitable organization knows, volunteers are superstars. They give love and expertise and don’t ask for a dime in return. They can be especially helpful if your organization has a website. [BTW, did you read Engaging Volunteers in Your Marketing Efforts or Volunteers and Website Management?] Anything we missed? Tags: maintenance, nonprofit, project management, volunteer 13 Tools for Building Your Own iPhone App This article has been updated. A more current list of tools can be found here: "30+ Tools for Building Mobile Apps." Please visit that page instead! These days, everyone wants to build their own iPhone applications, but not everyone knows how write the code necessary in order to create them. Below we've listed 13 different tools that let you create your own iPhone applications, none of which require knowledge of Objective C, the programming language used to build apps for the iPhone OS . 1. What it Does: Sweb Apps offers an online service which lets anyone build their own iPhone apps even if they don't know how to code. How Much it Costs: The company offers four-, six- and eight-button packages, which all include a one-time set-up fee of $50 per button. Our coverage: Build Your Own iPhone App with New Service from Sweb Apps and Sweb Apps 2.0: Build Your Own Mobile Storefront for the iPhone 2. Our coverage: This iPhone App Helps You Make iPhone Apps 3. 4. 5. 6. 7. eBookApp 8. 9. 10. 11. 12.

code quality - What makes an application scalable? Avatars - Create an Animated Talking Character for Your Website

Related: