background preloader

Jumpchart - Simple Website Planning and Wireframing

Jumpchart - Simple Website Planning and Wireframing

https://jumpchart.com/

A better Photoshop grid for responsive web design Posted on 20 January 2012 • 90 comments In making the move to responsive web design, one of the potential hurdles is the rather awkward maths for calculating the percentage-based widths necessary for fluid layouts. If, for example, you’re designing with a 960px grid in Photoshop and you have six columns, each 140px wide, you divide 140 by 960 to get your percentage-based width: 14.583333%. Now, I don’t know about you, but numbers like that look a little scary. It doesn’t matter that there are great calculation tools built into TextMate to do the maths for you; the point is that the final figure looks like an arbitrary number with no immediate relation to either the container’s pixel width (960) or the element’s pixel width (140).

Bulletproof Web Design Contracts When you boil it down to its barest essentials, the sales process is simply a series of verbal agreements that ultimately gets documented in writing. That document ought to become your contract, proposal or whatever legally-binding agreement both you and the client sign to finalize the deal. If one side fails to live up to his or her part of the bargain, it’s called a "breach of contract." Since that’s something we all want to avoid, it’s important to realize that the key to a bulletproof contract lies in how you sell. In other words, your contract should reflect everything that you and your client have discussed and agreed upon during the sales process. In order for a contract to be valid, there must be mutual agreement: offer and acceptance.

23 Things for Professional Development: Schedule for CPD23 2012 Here are the Things that we will be exploring during the 23 Things for Professional Development course this summer. There is real a mixture of stuff: some web 2.0 and/or social media gadgets and gizmos, and some ways of developing your career by more 'traditional', less technology-focussed, means. Throughout the programme will be emphasising how these Things can help your professional development, although you're likely to find lots of tools useful in other ways, too!

9 Excellent Tools for Design Mockups So you've just taken some killer photos with your new DSLR, or you captured a great video with your iPhone — what's next? While it feels natural to just post media quickly to your Facebook Page, sometimes great photos or video need their own home in the form of a personal website. But on the other hand, it's not easy to make a website layout that complements rich media. In order to make a great website, professional web designers take advantage of mockup tools to analyze layout, design and functionality. Taking advantage of these applications (some of which are 100% free) is a wise move — especially if you're interested in creating a professional website for your photography or video. We've rounded up nine applications that can help you get the most out of designing your web layout.

Useful Resources, Tools and Services for Web Designers - Smashing Magazine Advertisement Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Pandoc Converts All Your (Text) Documents For the past few months we ProfHackers have been running an occasional series about using the command line. I got us started with a couple posts explaining why you might want to use the command line and how to get started using it. Konrad followed with a posts about the uniq command and the sort command for working with text and data files. Amy added a post about how the command line let her hack the NOOK Color, and I wrote about using pdftk to manipulate PDFs.

Solutions - Analyze & Forecast Market Potential Be ready to act. The automotive industry is moving fast and continually evolving. To stay on top – whether you're a manufacturer, supplier or dealer – you need to be the first to analyze and react to new developments and forecasts. We can help…by providing you with the data, analysis and interpretation you need to keep up with market developments. But, standalone data can be overwhelming and hard to decipher. That's why we combine industry-leading automotive data with thoughtful analysis and interpretation from our experienced automotive advisors. Useful Web Apps For Prototyping and Wireframing Being able to create rapid prototypes or wireframes of web and mobile apps is crucial for improving efficiency and essentially the end product. Creating wireframes or prototypes will allow you to discuss and amend various different versions of the the project in deeper details with clients, designers and developers without the need to invest hours of staff time creating endless pixel perfect mockups. Wireframing tools will allow you to create initial mockups of your website or app, this will allow you to quickly create many different variations of the skeleton layout.

Related:  Maquettage