background preloader

Web project resources

Facebook Twitter

Interactive prototype apps to share your designs and collect com

Pixel Perfect Responsive Design Testing Tool. Using XAMPP for Local WordPress Theme Development. By Jacob Gube In this tutorial, you’ll learn how to install and configure XAMPP for the desktop.

Using XAMPP for Local WordPress Theme Development

Once that’s out of the way, we’ll install WordPress so that you can have your very own professional, light-weight PHP and WordPress development environment. Introduction To sum it up in one sentence: XAMPP, which stands for Cross-Platform (X) Apache, MySQL, PHP and Perl, is a popular, free and open source web server package that you can use to install a web server onto your desktop. XAMPP allows you to develop PHP and Perl-based server-side scripting applications without the need for a remote web server, offering you the opportunity to work faster, develop stuff more securely, and work on your apps without an internet connection. In this tutorial – you’ll see exactly how XAMPP can do splendid things to your development cycles. This tutorial is for Windows Vista, so you’ll have to tweak the steps involved depending on your operating system.

Objectives. Design Better And Faster With Rapid Prototyping. Advertisement The old adage, “a picture speaks a thousand words” captures what user interface prototyping is all about: using visuals to describe thousands of words’ worth of design and development specifications that detail how a system should behave and look.

Design Better And Faster With Rapid Prototyping

In an iterative approach to user interface design, rapid prototyping is the process of quickly mocking up the future state of a system, be it a website or application, and validating it with a broader team of users, stakeholders, developers and designers. Doing this rapidly and iteratively generates feedback early and often in the process, improving the final design and reducing the need for changes during development. Prototypes range from rough paper sketches to interactive simulations that look and function like the final product. The keys to successful rapid prototyping are revising quickly based on feedback and using the appropriate prototyping approach. The Rapid Prototyping Process Scoping A Prototype Find the Story Do… Don’t…

Educate Your Stakeholders! As much as it hurts to admit it, most of the important decisions of website development are not made by design professionals.

Educate Your Stakeholders!

They’re made by the business owners and middle managers who hire us. After all, it is they who hold the purse strings, so it’s only fair that they set the online priorities. Unfortunately, this situation does have one major drawback. Although such people may be very well meaning, they are often blissfully unaware of the factors that should and do influence decision making on the web. The unhappy result is that poor investment choices are often made. Setting the scene#section1 Those of us who make a career out of website planning have a duty to help such people. The purpose of this article is to show you how to do this by means of a simple process of stakeholder education. The factors encompassed by this process include anything that constrains the freedom of an organization to operate online. Let’s take a look at the key factors your stakeholders may be missing. 10 HTML & CSS Online Code Editors for Web Developers.

Today we bring you some useful resources for web developers: Online or web-based Integrated Development Environments (IDE).

10 HTML & CSS Online Code Editors for Web Developers

With these applications - freely available online - you can develop virtually any type of web work working in a simple and comfortable way with hypertext and style languages ?? Like HTML, CSS, Script, JavaScript, PHP, and frameworks like Motools or jQuery, which allow users to execute code. In addition, many let you sign in to store and manage your own files in a history, and some offer interesting forms of collaborative coding.

Dabblet An interactive CSS playground and code sharing tool developed by Lea Verou. Dabblet saves to Github gists and offers many conveniences for CSS editing. Design Gallery, Deals, Tutorials & Community. Design a Beautiful Website From Scratch. Have you ever wanted to design a beautiful website but just didn't know how?

Design a Beautiful Website From Scratch

To be honest, a few years ago, that happened to me too. While browsing the web, I saw so many nice looking websites and wished I had the skills to create such designs. Today I can and I'm going to teach you how to do so too! Essentially, it requires a few Photoshop skills and an eye for detail. Through this tutorial, I will point out these tiny details which make a website design look beautiful. The designs I create are nearly all based on the 960 Grid System. Before we open our PSD grid template and begin drawing, we first need to define the structure of our site.

After we've defined our site structure we're ready to move on. Now pick the Rectangle Tool and draw in a rectangle the full canvas width and about 80px high. Create a new layer above the rectangle and set Layer mode to Overlay. New layer. With the Rectangle tool selected, draw in a big box around 500px underneath the top rectangle. Add the shadow.