background preloader

Top 10 Pro Tips and Tools for Budding Web Developers and Designers

Top 10 Pro Tips and Tools for Budding Web Developers and Designers
Related:  Graphic DesignDev Loading Bay

Slide Design for Developers So I gave this talk called How GitHub Uses GitHub to Build GitHub. Someone submitted my slides to Hacker News, where it stayed at #1 for most of the day. This was pretty strange to me at first. My slides are not designed for people who didn't see the talk in person. They're designed to support my words, not some online audience. Working on your slide design pays off for the audience in front of you and for the audience online reading your slides later. Colors Color is the very first thing people will notice. Head to a color site like Colour Lovers and find a palette you like. Size Make your text huge. Most of my text in my entire deck is at least 90pt. For the curious, I use Yanone Kaffeesatz as the typeface for both my slide deck and the headings on my blog. One of my favorite tweets from my New Orleans talk said "Great slide design- I was way in the back and could read every single word!" Words as Shapes I took one design class in college. Slides give you the same opportunity. Repetition

How to Send Email from a PHP Script Using SMTP Authentication Sending an email from a PHP script is simple, fast and easy; if it works. PHP mail() and SMTP Authentication Part of what makes the PHP mail() function is so simple is its lack of flexibility. PEAR Mail for SMTP Authentication and SSL Connection Fortunately, overcoming PHP's built-in shortcomings is not difficult either, complicated or painful. Send Email from a PHP Script Using SMTP Authentication To connect to an outgoing SMTP server from a PHP script using SMTP authentication and send an email: Make sure the PEAR Mail package is installed. Sending Mail from PHP Using SMTP Authentication - Example <? Sending Mail from PHP Using SMTP Authentication and SSL Encryption - Example <?

Learn to code News, Videos, Reviews and Gossip - Lifehacker I've used various versions of Windows for years, Linux in various flavours for another few years, and OS X for about 2-3 years total. I'm now a convert to OS X (though proudly not part of the cult of Mac — I enjoy the OS, I don't want Jobs' offspring) for general desktop use, switching to Windows for gaming. I find app quality is generally significantly higher on OS X than Windows (and certainly Linux). The UNIX core and bash are very important to me. User experience also plays a large part. Then there are the extras, like the *virtual* immunity to malware. Unfortunately, like many things in fierce competition, most people seem to pick a side when they should instead be looking at the options and evaluating whatever it is that suits them best. Similarly, I'm not deluded enough to think that Windows crashes all the time — I can't remember the last time my Windows 7 install crashed, just as I can't remember the last time my OS X and Ubuntu installs crashed.

45 Outstanding Free Vintage Fonts Oct 11 2009 In his famous 1908 essay, ‘Ornament and Crime,’ modern architect Adolf Loos wrote: “The evolution of culture marches with the elimination of ornament from useful objects.” This pronouncement banished many of the frilly, decorative fonts of centuries past from the realm of High Design. Fast forward to the present day: Web 3.0 is awash in enough sleek sans serif and classic roman typefaces to make designers long for the typographic indulgences of yesteryear. Harness the power of the antique and make your graphics pop with one of these vintage-inspired fonts, which have returned to the spotlight both in print and online. Wood Type and Display Fonts Carnivalee Freakshow This distressed, wood-type-inspired font has the shabby charm of an old sideshow banner. Circus Ornate Dieter Steffmann’s Circus Ornate captures the spirit of classic circus graphics, but still stands on its own as an ornamental, boisterous display font. JF Ringmaster A vintage beauty by Jester Font Studio. Waukegan

How to remove watermark from an image or picture A watermark is any recognizable text, logo or pattern that appears over an image to identify the owner of the image and generally used to prevent unauthorized reuse of the image. Watermarks are usually transparent and can be difficult to remove. The difficulty or ease of removal depends on the content of the image and the position, color, size etc of the watermark. There are several resources out there that teaches you how to remove watermark from pictures, but most of them are old. Although these guides are still relevant, in light of some new tools that has recently become available in our hands, I decided a new guide was necessary. Hence this tutorial. Removing water mark using Photoshop CS5 The new iteration of Photoshop, Creative Suite 5 or CS5 in short, includes some handy tools that really helps in such tasks as removing watermarks. For our example we will use an image from iStockPhoto and try to remove the watermark right across the face of the image. Now press D.

Code Maven from Crunchzilla <h2>Code Maven gets teens excited about programming. It is an interactive tutorial where anyone can experiment with learning to code. <p> Code Maven from Crunchzilla uses Javascript. Please enable Javascript if you want to play with Code Maven. Otherwise, Code Maven will not be able to play with you. </p><p></h2> Hi, I'm Code Maven! Getting Started Lesson 1 BACK How to Play | Lesson Sections | About | FAQ | Terms of Use | Privacy | Contact | © 2015 How to Play Code Maven teaches teens and adults a little about Javascript programming! It's easy to play. Click on the Reset button if you really mess up your code and want to start over on a lesson. Code Maven saves what lesson you are on, so feel free to stop at any time and come back later. Have fun! Frequently Asked Questions What is the c in things like c.save()? c is a variable Code Maven creates for you that contains the Canvas' 2D context. var c = document.getElementById('pane').getContext('2d'); Is there any other code that is hidden from me?

30 Beautiful Handwritten Fonts Handwritten fonts are basically simulating a manuscript, or hand-drawn text. A manuscript is any document that is written by hand. The term may also be used for information that is hand-recorded in other ways than writing, for example inscriptions that are chiseled upon a hard material or scratched as with a knife point in plaster or with a stylus on a waxed tablet, or are in cuneiform writing, impressed with a pointed stylus in a flat tablet of unbaked clay. But enough with the history. Enjoy our collection of 30 beautiful Handwritten fonts! You may want to enjoy reading these previous post as well: Jellyka – Estrya’s Handwriting Handwriting1800 curlyJoe Close to me Katy Berry Journal Dirty and Classic The Sixth Sense Ziggy Zoe AquilineTwo Angelina Ginga Broken Christina Gardiner Sans WC ROUGHTRAD Bta Christopherhand Zothique Demo Poseidon AOE karabinE F2U Scratch LT Chickenhawk MA Sexy Burst My Bubble One Constant TrashHand Jose Fernandez Venus flytrap HoneyLight billieBarred vinterstad About the Author

Corporate » Free Business Template | Just another WordPress site from FREE CSS TEMPLATES Free CSS business template. Well commented html and css code, so you can edit it with minimum efforts. Suitable for your business website, personal portfolio, corporate website etc. Free Business Template Width: 980pxSources Available: .HTML .CSS .JSFile Size: 118 KB Mobile application development: From idea to creation | Adobe Inspire Magazine Computers are windows into the digital world, and mobile devices are windows into your own private digital world. Mobile is significant because it never leaves your side — it wakes you up from the nightstand, and before you even have breakfast, you're caught up on work, family, and friends. From then on, your mobile device is in your hands throughout the day until you set the alarm and place it back on the nightstand at bedtime. Most people use mobile devices, but not everyone has worked on a mobile project yet. In this article, I share my agency's workflow for turning ideas into completed apps. Throughout this article, I reference three of the apps Omega Ortega developed to explain our mobile app development.

10 Easy Tips To Create Your Own Cool Icons With Photoshop Even if you’re not a software developer, learning to create your own icons is a tremendously useful skill. You can give your computer a unique skin or provide your services to the community and the corporate world. This is by no means a complete icon design tutorial. We’re just getting you started on the rudimentary basics – technicalities, a design checklist, and an icon design toolset. Icon Technicalities Below are some specifications you should know concerning the icon format, most importantly image resolutions and file formats. Size The importance of size is further discussed below. Icons are always square. 16 x 16 px * **24 x 24 px32 x 32 px * **48 x 48 px * **64 x 64 px96 x 96 px128 x 128 px **256 x 256 px **512 x 512 px ** Windows XP advises the use of 16 x 16, 32 x 32, or 48 x 48 resolutions*. File Format For Windows, the most commonly used file format for icon distribution is ICO. The Icon Design Checklist There is not one tutorial to design the perfect icon, time and time again. Size

How to Improve Website Load Times I’ll admit it: I’m addicted to speed. No, not the psychostimulant; I’m talking about website speed. I’m not alone, either. Google recently announced that they consider website speed when determining search engine rankings. Oh, did I mention that a slow website can literally kill your revenue stream? Google found that moving from a 10-result page loading in 0.4 seconds to a 30-result page loading in 0.9 seconds decreased traffic and ad revenues by 20% (Linden 2006). It’s quite clear. What Determines Website Page Speed? The Yahoo! So, I’ll break down the top performance recommendations and show you you can apply them to your website. Let’s do it. 1. Translation: Limit the number of files required to display your website When someone visits your website, the corresponding files must be sent to that person’s browser. As expected, every file you use to enhance your design detracts from its performance. The key takeaway is this: eliminate everything that’s unnecessary. 2. 3. 4. What? 5. Easy! 6. 7.

Related: