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. 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. 50 reasons not to use Photoshop for Web Design (Feature- & Performance comparison: FW vs. The following list offers a comparison with a rough indication of the time savings when using Fireworks. Related:  Web 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. The rise in popularity is likely due to the backlash from Oracle purchasing and messing with MySQL, Heroku choosing Postgres as the preferred database in production, and Postgres' faster pace of development of new features like Arrays and HStore. How to Install Postgres on Mac OS X There are a lot of confusing options for installing PostgreSQL. I prefer to use the homebrew package manager because it makes it easier to keep the software up-to-date. This lesson below will teach you how to install PostgreSQL, the easy way, on a Mac. Open up the Terminal Install Homebrew Caveats: Start homebrew installation copy

Home Page » Best Practices Web Design Want to go straight to the lessons? Get started! Welcome to Best Practices Web Design. I’m glad you’re here. I’m Michael Tuck, owner and proprietor of Black Max Web Design, a small freelance Web design outfit. Full disclosure right off the bat: I am no expert on HTML, CSS, or Web design. So why should you follow these lessons or read a word on this site? What I am, is a teacher, a researcher, a writer, and a Web designer. I’ve spent a lot of time researching and learning Web design. If you can’t explain it simply, you don’t know it well enough. — Albert Einstein I began putting together this information in early 2009, for a Web design class made up of teenagers with socialization issues. This site is the result of those early efforts. People think that design is styling. This site does two things that many other HTML/CSS lesson sites do not do. Chris Coyier, an expert whose opinion and skills I value, reminds us: He’s right. I’m a journeyman. Good luck, and have fun!

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 Infuse analytics everywhere with the AI-powered embedded analytics platform. setup Download git for OSX Download git for Windows Download git for Linux create a new repository create a new directory, open it and perform a git init to create a new git repository. checkout a repository create a working copy of a local repository by running the command git clone /path/to/repository when using a remote server, your command will be git clone username@host:/path/to/repository workflow add & commit You can propose changes (add it to the Index) using git add <filename> git add * This is the first step in the basic git workflow. pushing changes branching update & merge tagging log useful hints guides

What Every Web Developer Should Know About Front-End Performance Too often as developers, we ignore a crucial last step before launching a website: optimizing for performance. Most developers now recognize that organized, valid code ensures maintainability and compatibility. Anyone who doubts this merely has to speak to a developer who has picked up work on an old website that is littered with unorganized, uncommented spaghetti code. Just as preparing our code to be read by other developers is important, so is preparing our code to be read by browsers. Great web development might start with great organization, but it ends with great optimization. This article introduces best practices of front-end performance. The Story of a Web Request When a visitor requests a page from your website, several things happen: While this process seems simple enough, a number of complications could really slow it down: Each requested file has headers that must also be sent. Many of their recommendations require a bit of work. 1. 2. 3. Compilation and minimization resources: 4.

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. That’s not to say that the average Meteor application will have a complicated structure, but it will certainly evolve as we write more code and make better use of Meteor’s features. In this tutorial, we’ll cover the basics of how to structure an application. Keeping your files and folders organised in a logical manner. I’ll include some links at the end of the post if you want to dive deeper. 1. Meteor doesn’t enforce any style of structuring your files and folders. There are some things to keep in mind, which is what we’ll cover through the rest of the article, but in general: Every project will differ based on that project’s needs. But if you’re not careful, this freedom of choice can cause problems. 2. 3. Conclusion

10 “Must-have” skills for Front-End Developers | Unscriptable.com I try to be a good netizen. Really I do. I know it’s not nice to trash a fellow blogger. However, a recent article by a well-meaning individual, [Update: name and link removed], is driving me crazy! The title of his article is 10 “Nice-To-Have” Skills for Front-End Developers. …since front-end coders are a dime-a-dozen these days, it pays to have experience, or, at least, rudimentary knowledge, in a number of other technologies that often don’t get listed under “mandatory” skills for a front-end position. He then goes on to name 10 “Nice-To-Have” skills that, in my opinion, are way off base. If you don’t have these [skills], you’re not a “developer”, you’re a rank amateur. I couldn’t agree more with the commenter. So, anyway, if you’re a front-end engineer/developer/coder and if you’re sincerely interested in elevating your career, salary, and job satisfaction, you’ll heed my advice, not that other blogger’s. 1. Sure. …which brings me to my second point on version control. P.S. 2. Hm.

Axure and Font Awesome Library Widgets | ButterUI You can get this By following these directions 1) Download the latest Font-Awesome list. 2) Install the Font-Awesome list to your machine fonts dir. 3) Open up Axure 7. 4) Create a new document then go to Publish > Generate HTML File 5) In the popup box add to the Web Fonts box 6) Install my FontAwesomeV4.0.3.rplib which you can download free. * I will continue to add to this as they mature the Font-Awesome icon base. ** Now supporting 1 New Icon Types in 4.0 ** Added Form Control Icons

The job of a front-end developer. Where is webdesign going? What does a front-end web developer do? Front-end web developers, the "artists" formerly known as web designers are the bunch of people in the company that make sure that the data coming from the backend gets displayed on the browser. They also make sure it looks as closely as possible as the design, that , CED came up with, and that the user can navigate through it, accessing the data. They don't need to know about complex OO programming, tricky database structures or how a path is done in Illustrator. They get data from the backend people and an example how the result looks like from CED. All they need to do is to hack some HTML or XSLT together and link the different documents. Web developers don't have it as easy as it sounds though. As a web developer you work in an uncertain environment. As a web developer, your work can be wrecked by users and customers in many ways: They can and if the site does not work with that, they'll blame you for it. What to do about that? He needs to know

Meteor, Cordova, and Famo.us: 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. We built Noteriety completely in Meteor, […] acquiring over 5000 users After frustration with the Ruby on Rails framework in the summer of 2013, my good friend Arjun Jain and I decided to learn Meteor and stumbled upon Discover Meteor. In fact, we ended up taking a Friday night reading the whole book instead of being social 19-year-olds. The Idea The Tech Stack Performance Analysis

“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. 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). The table below will help you decide which one of these options will best meet your needs: You can use the SMTP relay service in the Google Admin console to relay mail from your device or application. Gmail SMTP Server could also be used to relay messages from your device or application. If your device or application supports SSL - connect to smtp.gmail.com on port 465. To connect with SSL, you need to provide a Google username and password for authentication.

Spacebars Secrets: Exploring Meteor Templates The recent Meteor 0.8 update featured Blaze, a complete rewrite of Meteor’s UI system. And with Blaze came along Spacebars, a replacement for Handlebars, the templating language Meteor was previously using. Spacebars and Handlebars share the same syntax, but Spacebars brings quite a few Meteor-specific innovations. In this article, we’ll take a look at a few of these time-saving techniques, including: Creating custom helpers. Let’s get started! Custom Helpers This isn’t new to Spacebars, but it’s worth pointing out because it can make your code much more concise. You could write a simple helper: And then use it inside your template: <template name="profile"><h3>{{name}}</h3><h4>{{createdAtFormatted}}</h4><p>{{bio}}</p></template> This works great, but you might need to format multiple timestamps across your app, thus leading to duplicated template helpers. And invoke it right from your template: Objects as Arguments What’s more, this also works when passing arguments in a template include.

Git Reference git reset is probably the most confusing command written by humans, but it can be very useful once you get the hang of it. There are three specific invocations of it that are generally helpful. git reset HEAD unstage files from index and reset pointer to HEAD First, you can use it to unstage something that has been accidentally staged. Let's say that you have modified two files and want to record them into two different commits. You should stage and commit one, then stage and commit the other. Let's see what it looks like to unstage something. $ git status -s M README M hello.rb $ git add .$ git status -sM README M hello.rb $ git reset HEAD -- hello.rb Unstaged changes after reset: M hello.rb $ git status -sM README M hello.rb Now you can run a git commit which will just record the changes to the README file, not the now unstaged hello.rb. If you want to be able to just run git unstage, you can easily setup an alias in Git. The third option is to go --hard.

The Best Firefox Add-ons for Developers: 30+ Tools for Programmers Hey…remember Firefox? Google Chrome is now king of the browser hill, but Firefox is still chugging along and is actually still the best browser for web app developers to use. Sure it’s a little slow and hard on memory, but its customization options can’t be beaten. We’ve listed a few of our favorite Firefox add-ons that make our lives as developers a little easier, and hopefully, they’ll save you a bit of time and frustration, as well. From tools designed to meet web developers’ needs to debugging add-ons, tab management tools, password management tools, and more, we’ve rounded up 35 time-saving tools to make your web development work more seamless. While this post was originally published in a previous year, we’ve recently updated it to eliminate add-ons that are no longer available, include the most recently available information on features and functionality, and replace tools with ratings of 3/5 stars or lower with higher-rated add-ons. Best Firefox Add-ons – Web Developer Tools

Related: