Yes, I’m laughing at you html

So aside for watching tons of awful foreign films at University (that were mostly in German), I also spent many, many hours learning to code websites. I spent most of my day (I only had class 11 – 2 by my 3rd year, and I often left home at 5), in the dungeon basement lab, where all the macs are stored, coding. Squinting at the massive mac screen in front of me, trying to find a piece of off syntax for why my website isn’t doing what I want it to do. It became the bane of my existence.

I don’t regret it, as it gave me a great skill, but I can’t explain the frustration, the tears and all ’round turmoil that coding created in my soul while at University. I can’t complain either because I did really well and got class medal for 2 out of the 3 courses (well, there were only like 9 of us in this class).

In my day-to-day these days (2 years out of varsity) I sometimes come across the odd element of code when making Facebook apps, but now if we need something specifically styled – I’m likely to just send it to the Development guys. I came across these minimalist posters (now, I love minimal design) for how html tags can be used in real life. They’re classic. Especially the breakup one.

If you code, this will make your heart sing too.

<body> <html> <div> <em> colour: .class </html>


Lorem Ipsum dummy text just got dirty.

I love a good dose of Lorem Ipsum dummy text. I love even more the generators which make Lorem Ipsum all the more interesting.

The world is currently somewhat fixated with the novels starring a certain Christian Grey. The 50 Shades trilogy seems to be famous the world over. Personally, I have no desire in reading a book which is basic erotica and sold as “mommy porn”. I’ve heard mixed reviews, but personally its not for me.

Now take the world of 50 shades, and merge it together with the world of a designer. At some point or other a designer needs the use of dummy text to fill in the grey spaces of their webpage or other design element. It is at this time that they’ll approach the usual Lorem Ipsum generator. There have been many different generators come and go, but this is the funniest one I’ve found in a while.  I’m not going to post any of the content on here…its a bit gross. But if you dare, go check out the 50 Shades Generator for a bit of a laugh (or a squirm if you’re that type), heres a bit of an excerpt about it though:

Traditionally, print and web designers had to make use of placeholder text known as Lorem Ipsum. It consists of meaningless Latin, though recently there have been great developments in the field such as Bacon Ipsum, Hipster Ipsum and Samuel L Ipsum. Now, creatives can excite clients in more ways than one with Fifty Shades of Grey-inspired filler text.

Here’s an example of some cleaner dummy text, which I actually find quite charming (in the way that dummy text can be charming).

Fillerati: takes text from classic novels. You even get to choose the author and book. Here’s an example from L. Frank Baum’s Wizard of Oz.

“I think I could jump over it,” said the Cowardly Lion, after measuring the distance carefully in his mind.

“Then we are all right,” answered the Scarecrow, “for you can carry us all over on your back, one at a time.”

“Well, I’ll try it,” said the Lion. “Who will go first?”

“I will,” declared the Scarecrow, “for, if you found that you could not jump over the gulf, Dorothy would be killed, or the Tin Woodman badly dented on the rocks below. But if I am on your back it will not matter so much, for the fall would not hurt me at all.”

Malevole takes text from old school TV shows. It’s worth a giggle.

Top Cat! The most effectual Top Cat! Who’s intellectual close friends get to call him T.C., providing it’s with dignity. Top Cat! The indisputable leader of the gang. He’s the boss, he’s a pip, he’s the championship. He’s the most tip top, Top Cat.

Thunder, thunder, thundercats, Ho! Thundercats are on the move, Thundercats are loose. Feel the magic, hear the roar, Thundercats are loose. Thunder, thunder, thunder, Thundercats! Thunder, thunder, thunder, Thundercats! Thunder, thunder, thunder, Thundercats! Thunder, thunder, thunder, Thundercats! Thundercats!

Anyone remember these guys?

Explore Your Options: UCT Humanities

UCT Humanities: Explore Your OptionsApplying to University always seems like such a daunting task for High Schoolers. Those tables to calculate your points are troublesome, and further tables telling you for which courses your admission is probable or possible is even more confusing! So, we tried to make it easier.

For my Senior Research Project (SRP), marking the end of my time in UCTs Interactive Media Production Stream, my partner and I designed a(n unofficial) website and accompanying mobisite for the Humanities Faculty of UCT. The website aims to make the admission process simpler for prospective students, providing the basic information on how to apply.

As well as basic information there is a calculator feature, which prompts the user to input their matric results based on the table below with the current point system, and the calculator not only works out their point score but also tells them which courses they are elligible to study.

For now it is only a University project of two bright girls, but who knows, it seems like something any University could use, and would sure make the lives of potential students a lot easier!

*please note: The website & mobisite are only a project. Niether are endorsed by the University. Supervised by Marion Walton.*

Tired of Lorem Ipsum?

When designing websites its pretty easy to grow tiresome of the dummy Lorem Ipsum text repeating itself all the way through your page. Yet today I came across something alternative that could cure us of the banal Lorem Ipsum.

Check out Samuel L Ipsum, and instead of age-old, ancient Latin, fill your pages with a variety of quotes by Samuel L Jackson in a variety of his films.

An example of this dummy text (for your reading pleasure and amusement of course):

<!– start slipsum code –>

<h2>Are you ready for the truth?</h2>
<p>Now that we know who you are, I know who I am. I’m not a mistake! It all makes sense! In a comic, you know how you can tell who the arch-villain’s going to be? He’s the exact opposite of the hero. And most times they’re friends, like you and me! I should’ve known way back when… You know why, David? Because of the kids. They called me Mr Glass.</p>

<h2>No, motherfucker</h2>
<p>Do you see any Teletubbies in here? Do you see a slender plastic tag clipped to my shirt with my name printed on it? Do you see a little Asian child with a blank expression on his face sitting outside on a mechanical helicopter that shakes when you put quarters in it? No? Well, that’s what you see at a toy store. And you must think you’re in a toy store, because you’re here shopping for an infant named Jeb.</p>

<!– end slipsum code –>

Go on, and change the way you design webpages. If anything, you’ll make it more fun for yourself!


Progress with Production.

The last couple of weeks we have been working on a flash banner/adwords campaign for a product/service of our choice. I struggled a bit at first and then came up with making mine for the new South African airline Velvet Sky.

Its always difficult learning to use a brand new program, especially an Adobe one! So this was no easy path. Yes when you put in the hours, you kind of succeed (:

My banner is very simple and features an aeroplane flying across a blue sky with some (if I may say so myself,) cute little clouds. Then then text comes up with the details and the site address. It is meant to link to the website, and it worked on campus but I’m having some problems at home – so I’m not entirely sure if it links at all. Cant work out how to embed it to here, so you all miht have to be waiting until then… but keep your eyes peeled!

In other news: my website is coming along really nicely. After the hard work of the initial layout the next thing was just the portfolio page as in what to actually include. I’ve basically finished that page so now is all the easy stuff left like a contact and about me page. So from here on out, its just smooth sailing 🙂 Cant wait to share the full website link with you all next week 😀

Its the little things that count

In the time between the days of Passover/Pesach, I have been fiddling on my website. I have been adding on some little things which have me very excited.Fistly, I am the most proud that by chance I found out how to put in a favicon (the little image for your site in the address bar). Its just like linking to an enternal style sheet, except instead you’re linking to an icon. Its funny how sometimes the smallest discoveries feel like huge achievements.

Another thing I added were social media icons. I have always loved looking at the cool different kinds you can find all over the internet. Its very easy to just search on sites like Smashing Magazine or Noupe Design Blog (two of my current favourite design resouce sites) for social media icons. And the vast variety is too exciting! You can find ones for any type of website style – sketchy illustrated ones, grunge, clean, quirky, wooden ones, stickers… Everyone knows the importance of linking yourself to all of your social media platforms (twitter, facebook and even LinkedIn) so why not do it in a fun way or in a way that fits in with your website? Personally I stuck with clean looking ones considering the clean layout of my site – but there is nothing stopping you from finding exactly what you need for yourself! Check out one such page which has a great variety 🙂

Now I’m busy working on the actual portfolio page of my portfolio site, and actually displaying work of my own as opposed to just the stuff we have done in class. I didnt feel there was enough from class, so stay tuned 🙂