background preloader

50 Reasons not to use Photoshop for Webdesign

50 Reasons not to use Photoshop for Webdesign
First things first, I love Photoshop. It is the world’s best program for image editing. I do not intend to say Photoshop is a bad program, I just wish to clear up the misunderstanding that Photoshop is the right tool to use for web and screen design. Photoshop was designed to be used for image manipulation. It was not designed to create effective pixel-precise layouts for computer screens, or to make quick changes to screen layouts. Photoshop tends to be used for this purpose however, because users are familiar with the program, and are not aware that Fireworks was designed for this specific purpose. Users generally try to compare Fireworks with Photoshop. Fireworks can be thought of more in terms of a program such as InDesign. The following video demonstrates some of the most important features that make Fireworks the best layout tool for screen design. Adobe Fireworks CS5 Webdesign Workflow Tutorial from Andre Reinegger on Vimeo.

Related:  Montage videoWeb Dev Tools

Three Battle Tested Ways to Install PostgreSQL Having run over 100 students through my Ruby on Rails courses, I've come up with some straight forward ways to install PostgreSQL without too much pain. Here is how I do it: PostgreSQL is a relational database manager that keeps getting more and more popular within the web development community. It has taken over from MySQL as the preferred tool for production quality, scalable databases. Understanding em Units in CSS Due to developers’ habitual reliance on pixel values, I think some of us may not have a full understanding of what the em unit is, and how it works in CSS. As is the case with many topics I write about, I’ll probably learn a thing or two while writing this. So I hope this will serve as a nice summary of what em units are all about and how you can use them in your designs. Ah-em — Definition Please The spec gives us a very simple definition for the em unit:

Bootstrap 3 responsive grid psd templates · Minimit Five psd templates for designing with the responsive grid of Bootstrap 3 Updated 21/05/2015 - Added the template bootstrap3-1560px.psd with container-fluid of 1560px With the new Bootstrap 3 grid you have gutter width and column width different from the ones in Bootstrap 2, and the container width includes two half gutter padding on the sides. Also, in each breakpoint, the columns have uneven width since they are set by percentages, and the width of the container doesn't match perfectly with even width.

HTML5 and CSS3 in Dreamweaver CS5.5 – Part 3: Using CSS media queries to target different screen resolutions This is Part 3 of a three-part tutorial series exploring the HTML5 and CSS3 features in Dreamweaver CS5.5. In Parts 1 and 2, you built and styled a web page for a fictional restaurant, Citrus Café, using HTML5 structural elements and CSS3 properties, including rounded corners, and text and box shadows. In this final part, you'll optimize the page for display in devices at smaller resolutions, using CSS media queries and a site-wide media queries file.

git - the simple guide - no deep shit! git - the simple guide just a simple guide for getting started with git. no deep shit ;) by Roger Dudler credits to @tfnico, @fhd and Namics this guide in deutsch, español, français, indonesian, italiano, nederlands, polski, português, русский, türkçe, မြန်မာ, 日本語, 中文, 한국어 Vietnamese please report issues on github setup Download git for OSX

Free Website UI Wireframe Kits & Stencils Wireframes allow for the development of variations of a layout to maintain design consistency throughout the site. This is an important part of the initial development stage because it creates user expectations and helps develop familiarity with the site. This is a set of shapes for making wireframes (low-fidelity web page schematics) in OmniGraffle version 5.x (Mac OS X). It consists of most of the basic elements you'll need to create user interface specifications. The screenshots below show all of the stencils in this set. Sqetch is a little Illustrator-toolkit I built over time, consisting of several templates and elements

Tutorial - How To Structure a Meteor Application So far, all of the example applications in the previous tutorials have had the simplest possible file structures: a HTML file a JavaScript file a CSS file This has been fine for introducing basic concepts but it’s rare for real-world applications to be structured so simply. Work smarter with Fireworks symbols Work smarter with Fireworks symbols Working with wireframes can make planning and early layouts more efficient. But you can make the process even faster by creating your own Fireworks Symbols Library. I've written in previous columns about how working with wire-frames and grey-box page layouts during a site's planning and early design stages can improve efficiency and enable client sign-off points. Axure and Font Awesome Library Widgets You can get this By following these directions 1) Download the latest Font-Awesome list.

Awesome Things That Firefox’s Web Developer Extension Can Do Chris Pederick’s Web Developer extension for the Mozilla Firefox browser is one of the best tools in a web developer’s arsenal. About a couple of months ago, I wrote an article about it entitled "9 Practical Ways to Enhance your Web Development Using the Firefox Web Developer Extension" and I’d like to follow up on that by showcasing even more things you can do with the Firefox Web Developer extension. 1. Determine server information of a website. Meteor, Cordova, and The Chill Way to Build Apps This is a guest post from Adam Elkassas, one of the co-founders of social mobile app Down to Chill. I’m a twenty-year old programmer and entrepreneur and here’s the story of how I started the social networking company Down to Chill. The Beginning of our Meteor Journey I attended University of Pennsylvania’s Jerome Fisher Program, where I studied Computer Engineering, Finance, and Statistics before taking a leave of absence after my sophomore year. A year and half ago, I started learning Meteor after trying to find a way to make my college note sharing website Noteriety able to process real time transactions.

Design-centric Thoughts on Apple's iPad The veil was lifted this morning on Apple’s latest product (and product category). So here are a few thoughts from me about the iPad. The Market “Password incorrect” error - Accounts Help Some examples of apps that do not support the latest security standards include: The Mail app on your iPhone or iPad with iOS 6 or below The Mail app on your Windows phone preceding the 8.1 release Some Mail apps (not built by Google) that come with your Android Phone Some Desktop mail clients like Microsoft Outlook and Mozilla Thunderbird To help keep your account secure, we may block these less secure apps from accessing your account. If this is the case, you have two choices: Upgrade to a more secure app that uses most up to date security measures.

Google Apps SMTP settings to send mail from a printer, scanner, or app - Google Apps Administrator Help You can set up your on-premises multifunction printer, scanner, fax, or application to send email through Google Apps. The three available options are: SMTP relay service, Gmail SMTP server and Restricted Gmail SMTP server. For details about configuring your device or application to send SMTP messages, refer to its documentation. Google Support cannot assist with the configuration settings. SMTP relay service - used to send mail from your organization by authenticating with the IP address(s). You can send messages to anyone inside or outside of your domain.