Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.

March 24 2013

18:17

The 11 Phases of a Web Developer’s Career (As Illustrated by Memes)

The career of a web developer is an interesting one with many slopes. Considering a learning curve this steep, you can fully expect to live through periods of frustration, enlightenment, self-righteousness, and every mindset in between. In this article, we’ll have some fun, by reviewing each of these phases through the lens of a meme!


Phase 1 – Noob

Complete Noob

We all have warm feelings for the early days of our careers; the period when you have absolutely no clue what you’re doing. Like a fish out of water, each new line of code is a mystery. Doctype? Huh? What the heck does a <div> do? The first phase is an intimidating, scary, but exciting one. How many dang languages are there?

Perhaps your greatest advantage, though, is that you have no idea how deep the rabbit hole goes. Learning HTML is the baby step.


Phase 2 -The First Steps

First Steps

Though it takes a while, you’ll eventually learn enough to begin taking your first steps into the coding world. While Phase 1 is the overwhelming “how/where do I start” period, Phase 2 is the one in which you slowly begin building your skill-set. Sure, the syntax for defining styles with CSS still feels foreign, but at least you’re able to make a change in your freshly bought code editor and see it reflected in a web browser. That’s a wonderful feeling!


Phase 3 – Complete Frustration

Complete Frustration

Imagine being lost in a cave, shining your flashlight down each tunnel, as you search for a way out. With each step, you hope to see a glimmer of light. Unfortunately, the learning curve in our industry is a steep one. That speckle of light won’t come for a long time, I’m sorry to say. Expect to spend hundreds of hours in this phase, reading technical books over, and over, and over, as you desperately try to make sense of the madness!

If the frustration becomes too overwhelming, find peace in the fact that every one of us felt that exact way at one point or another in our careers. You’re not alone. Stick with it, and, before long, you’ll reach the aha phase!


Phase 4 – The Aha Moments

The Aha Moments

An “aha” moment is one of the greatest feelings in the world: that brief instance when, suddenly, you “get it.” “Ohhhhh, now I see!” Personally, I’ve found that these coding break-throughs occur late at night, when the rest of the world is sleeping. After the eighth read, what was once blurry is now, at least somewhat, clear!

This is the phase when all of the technologies and languages you’ve been learning begin to click.


Phase 5 – Fragile Code

Fragile Code

Like it predecessors, the Fragile phase is a lengthy one. At this point, you are successfully building applications and achieving your desired end result, but the underlying code is one client feature-request away from popping. In this phase, your methods are dozens of lines long, and the concept of testing hasn’t yet entered your brain.

But at least you’re building things! For now, though, keep your GitHub pull requests limited to documentation and typos fixes. Don’t underestimate how helpful that can be!


Phase 6 – Copycat

Copycat

The copycat phase is an important one. There’s no better way to learn proper coding techniques than to spy on the code that your heroes write – even to the point of reproducing their code line by line. Don’t feel badly; every artistic career has its copycat phase! Luckily, GitHub has made this form of silent envy easier than ever before. Of course, copying will only get you so far, but it’s an excellent start! Mimic the people who inspire you, and, eventually, you’ll begin to develop your own style.


Phase 7 – Cocky

Cocky

At this point, you’re finally beginning to get into a groove. There’s certainly vast room for improvement, but your confidence is quickly rising – perhaps too quickly! They say that, in the first few years, you still don’t know enough to realize just how little you know!

Resist the urge to become too cocky at this stage. It benefits no one, and will only make your future, far more talented, self look back and shake his head. When you feel the need to leave a sarcastic “learn how to code, dude” comment in a GitHub, Reddit, or StackOverflow thread, don’t. It wasn’t too long ago that you, yourself, were a complete noob. Pay it forward; don’t knock people down. We’re all in this together – just at different phases.


Phase 8 – Learning Vim

Learning Vim

If you’ve ever looked over a fellow developer’s shoulder, and found yourself amazed by the speed at which they maneuver in their code editor, then, chances are, they were using Vim. Though it comes with a massive learning curve, once you’ve reached the top, your workflow, too, will look like magic to onlookers!

This is the phase when you begin harnessing, not only your coding techniques, but your workflow as well. Proper tooling is equally as important as technique.


Phase 9 – When Code Becomes Art

When Code Becomes Art

Though it takes thousands of hours, one day, you will look at your code and the ease with which you breeze through the command line, and realize that it’s nothing short of art. Your code is under version-control, well-abstracted, perfectly testable, scalable, and easy to read. At one point in your career, you might have prided yourself on your ability to write cryptic, confusing, but functional code. Leveraging every possible language quirk or hidden feature is not a sign of a mature developer. Neither is reducing complex logic down to a single line, all for the purpose of patting yourself on the pack for being so clever. It instead signals a cocky developer who doesn’t think about the future maintainer of his code.

Code becomes art when its readability is easily as important to you as the action it performs. In this phase, you code for human beings; not machines.


Phase 10 – Seasoned

Season

When code becomes instinct, you’ve reached the next phase of your career. No longer do you think in terms of language or framework. Instead, you simply see problems, and choose the correct tool from your coding tool chest to provide the solution. A seasoned developer understands why the cowboy path is rarely the correct route. Each new feature is discussed with all members of the project, whiteboards are prepared, stories are written, and tests are generated…all before writing a single line of production code.

You’ve become a mature, thoughtful developer who others want to work with. Congratulations.


Phase 11 – Rock Star

Rockstar

Few make it this level. The rockstar phase is the tip of the mountain. In addition to your day job, you regularly speak at conferences, serve as the lead behind countless popular open source projects, yet still find time to participate and contribute to the future of the web through mailing lists, while simultaneously assisting newcomers on IRC. You’re the type of person who writes compilers and parsers for fun.

You’re what others refer to as rock star or ninja, despite the fact that you hate such labels. You know better than anyone how much more there is to learn!

Tags: General humor

November 23 2010

21:00

15 Interesting, Funny, and Strange Websites

Searching for these strange, funny, and interesting websites is really fun. I spent hours using all of the search engines in the known universe and I chose these among the many because they’re unique.

I know that many of you guys are stressed or bored (or stressed and bored), that’s why you should check the following and let your mind be blown away!

Are you ready?

FUNNY

1.Zombo.com

Mystery_zombocom

This one I found at Reddit.com over a year ago. There’s a little charm in this website that made me share it with people I know and before I know it they’re all imitating what Zombocom is repeatedly saying. What is Zombocom? Click and know! I provided the script below in hopes that, one day, I’ll be hearing you say it too. *laugns*

I don’t know how to take a better screenshot for this because the site only has a banner and several circles, inches apart. Not quite a good use of white space.

The booming voice, like an evil genie, repeatedly says: “This is zombocom, and welcome to you who have come to zombocom! Anything is possible at zombocom. You can do anything at zombocom. The infinite is possible at zombocom. The unattainable is unknown at zombocom. Welcome to zombocom, this is zombocom!”

2.Gay Test

Gaytest


Do not lie to yourself and take this test only ONCE! Taking it twice suggests that you doubt yourself, ha!  Some things are not suitable for children like the following words…you actually thought I’m posting them here? *laughs* (Yes, I love laughing)

3.www.nooooooooooooooo.com

Noooooooooooooo


Upon learning that Padme is dead, Darth Vader ended the Star Wars Episode III: Revenge of the Sith with a heartbreaking, anti-climatic “Nooooooooo!”
Well, this website will be of much use someday when you learn something very troubling…like being permanently banned from Google Ads. “Press in dire situations”

4.Is it Tuesday?

Isittuesday

Are you not sure if it is Tuesday? Visit this site to be certain, it bears the truth!

5.Snap Bubbles


Bubblewrap


It is said that bubble wraps can calm even the most angered soul in hell. You’d be lying if you say that you’ve never, ever, snapped a single bubble! Although the feel and sound of this is not like the real one, at least there’s an alternative to it during bubble wrap scarcity right?

6.Crush Checker

Whoisyourcrush


Deceive your friends to know the person of their dreams! Shame it worked on me once. *laughs*

INTERESTING

7.TackFilm

Tackfilm

Surprise your friends with a worldwide sensation: You! Just upload your photo and wait until it is processed then send it to your friends and see their reactions! Although I don’t understand the language (I think it’s one of Switzerland’s languages) you won’t get lost because there are only two options to choose from at a given time. The photo I uploaded is a real sensation in his country. *laughs*

8.The Mobile Tracker

Gps_track


Enter a mobile phone number and let The Mobile Tracker do the job. Very surprising technology!

9.We Are Autobots

Weareautobots

Bumblebee is in trouble, who’s he gonna call? Not ghost busters but you! Help him using your webcam.

10.ie6funeral.com

RipIE

Oh the good and the bad memories when IE6 was still walking with us compiled in this website to express users’ and developers’ sorrow and delight.

One must not speak ill of the dead so I’ll say “Nice try!”

11.Virtual Piano

Virtualpiano

Into piano but you don’t own one yet?  Easy, with Virtual Piano all you need is a computer with an internet connection and you’re good to go. Who knows, a Bach might be inside of you all along.

12.Cleverbot

Cleverbot

This chat AI really knows how to respond to things most of the time, it gets too clever it creeps me out of my skin!

STRANGE

13.Neon Bible

Mystery_neon_bible

This one’s purpose is already known but it is still very strange. The guy in the photo, Win Butler, is singing Neon Bible. Not only that the song is sort of creepy, you can actually interact with him by clicking the hands and eyes (creepy effect, I’d say!). This can be inspiring in terms of how you can do promotions. I find this one very creative.

14.Hell.com

Mystery_hell

This is the first mysterious website I’ve seen, and from there on I started searching the internet for answers on what is inside. I stumbled upon a discussion board where a poster mentioned that he, allegedly, actually paid $100 for the chance of getting access and several months later the poster received an e-mail with a unique link to a section of the website. The e-mail said that they will give no answer to what Hell.com is about, that there may be no answer at all.

According to other people Hell.com is a place where artists meet. But let’s end the speculation here and I’ll shed some light, at least in an interview which can be read here: Click!

Over time the flash at Hell.com changes, before this maze-like logo there was an ominous vampire-like eyes. You can use the WayWayBack Machine to see the changes over the past several months.

15.Heaven.com

If there is Hell.com there’s also Heaven.com. There is a question in the homepage asking “Where is Heaven?” and it bears the promise to notify subscribers when Heaven comes to Earth. The screenshot below is taken after I subscribed. One question remains about the answer is, where’s the farthest reaches of the North?

Mystery_heaven

I guess there’s only one way to find out, so I subscribed. Further research about Heaven.com only led to spiritual websites about Heaven.

I wish you had fun with all (or at least some) of the websites I featured. It’s your turn to share!

November 05 2010

07:57

Great Examples of Typographic Humor

typography-humor-07

First of all, what is typography? Is it just the print; the way the page looks because of the type? Is it just correct spelling and appropriate fonts? Is it the message when the type is put together?

Well, here is one definition:

Typography is the art of using typeset, not only correctly but also with taste and humor.

Typography is possibly the most important feature in today’s world of excellent web design. More than art, or photos, or even color, typography can make or break the book, the poster, the business presentation, and, of course, the website. In fact the choice of typography is considered by web designers to be directly connected to whether your website is successful or not.

Most of the time, we recognize the importance of type, headlines, words, etc on our websites, but many times fail to understand the delicious humor and one of a kind art that the creative use of typography can supply. Most of us think of headlines or titles when we think of typography, but typography can also be an integral part of the artistic layout and humor.

So, how does that work? Where can one find a correct source for good use of typography? The best way to find out anything about the web is¦The Web! That’s right, the Internet is filled with excellent displays of humorous examples of the funny side of typography and it is right under our noses.

For designers of the web, posters, or any kind of print, typography can be as beautiful as a painting. Sometimes typography is used to actually create a picture. By building the picture with various types of fonts, it becomes a work of art that is extremely attractive. Many of these works of art are also extremely funny.

Examples of typography humor are wide and varied but some of the best that have been found are:

1. A play on words (pardon the pun) is always funny regarding typology.

typography-humor-01

by Peter Sebastian

For instance, cartoons or articles about the Serif, such as “Don’t Shoot, I’m the Serif” or “There’s a New Serif in Town”. (For those of you unaware, a serif is a type of font with little tails.)

typography-humor-02

typography-humor-08

via Dan Geislinger

2. Typography geek humor

typography-humor-05

via behance.net

3. Actual cartoons using only typography as the picture, is an overall, general favorite.

typography-humor-03

via I Love Typography

4. Wisecracks using typography terms:

typography-humor-04

Pa^2 Patois

5. Typography parody (copying the font of the original brand)

typography-humor-06

Source

typography-humor-13

6. Sometimes it’s the funny placement and design:

typography-humor-09

typography-humor-10

Via designer-daily.com

7. And very often it’s just the funny phrase or quote:

typography-humor-11

typography-humor-12

The fun part of all this is, as you get acquainted with the varying aspects of typology, the more fun you will have with this form of communication and art. You will find that learning just a litle about the history and humor will allow a greater appreciation for type; and you will also become acquainted with various different and unique typefaces and fonts.

This, in turn, will help you to recognize fonts and then help you make beter, more informed choices about the fonts and typology you actually use. Oh, and lastly, what do fish scales and serifs have in common?

Sponsored by

Made By Tinder

Advertise on Fuel Brand Network.
Fuel Brand Network 2010 cc (creative commons license)



Great Examples of Typographic Humor

Older posts are this way If this message doesn't go away, click anywhere on the page to continue loading posts.
Could not load more posts
Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
Just a second, loading more posts...
You've reached the end.
(PRO)
No Soup for you

Don't be the product, buy the product!

close
YES, I want to SOUP ●UP for ...