From up North - High quality design inspiration - Part 2 I just love it when companies think outside of the box and uses creativity to market their products. One company that frequently does this is McDonalds and here’s a collection of my favorite McDonalds ads. Which one is your favorite? Official sponsor Torino 2006 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
Dead Drops | space. 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!
Symptoms Of An Epidemic: Web Design Trends Why You Should Get Excited About Emotional Branding Globalization, low-cost technologies and saturated markets are making products and services interchangeable and barely distinguishable. As a result, today’s brands must go beyond face value and tap into consumers’ deepest subconscious emotions to win the marketplace. In recent decades, the economic base has shifted from production to consumption, from needs to wants, from objective to subjective. We’re moving away from the functional and technical characteristics of the industrial era, into a time when consumers are making buying decisions based on how they feel about a company and its offer. Read more... A Guide To Validating Product Ideas With Quick And Simple Experiments You probably know by now that you should speak with customers and test your idea before building a product. Mistakes include testing the wrong aspect of your business, asking the wrong questions and neglecting to define a criterion for success. Read more... Read more...
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
New York City Transit Authority Graphics Standards Manual 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.
BLUE VERTIGO | Web Design Resources Links | Last update AUG.27.2012 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.
The Messy Art Of UX Sketching Advertisement I hear a lot of people talking about the importance of sketching when designing or problem-solving, yet it seems that very few people actually sketch. As a UX professional, I sketch every day. I often take over entire walls in our office and cover them with sketches, mapping out everything from context scenarios to wireframes to presentations. My desk. Although starting a prototype on a computer is sometimes easier, it’s not the best way to visually problem-solve. Many articles discuss the power of sketching and why you should do it, but they don’t go into the how or the methods involved. Sketching ≠ Drawing Some of the most effective sketches I’ve seen are far from perfect drawings. Sketching is an expression of thinking and problem-solving.It’s a form of visual communication, and, as in all languages, some ways of communicating are clearer than others.Sketching is a skill: the more you do it, the better you’ll get at it. OK, let’s get started. Work In Layers Technique Why? Tools
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