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?

Advertisements

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 🙂

When things get real…hello CSS

Designing a Photoshop mockup of a website you wish to create is a lot easier than actually coding it. For a beginning like myself, you sometime realise that you’re having difficulty coding certain things, or that other things practically work better i rearranged.

Here are thumbnails of my mockup vs. what i have currently coded:

Proposed layout for my new portfolio websiteCoded version of portfolio

So as you can see, they look a little different, while still the same. (For those who dont understand HTML or CSS, you can just gaze at the pretty pictures)

I made a few changes to my photoshop mockup. The main one was of the block holding my name which I moved from the center to the left. This was because I wanted to have the header in fixed positioning and figured if it stayed in the center it would always be in the way so in the left would be more discrete. Also I changed the pink of the header to blue to match the blue at the bottom swirl as well as matching the blue background.

Some difficulties I had were as follows:

  • It was proving difficult to do the header as I wanted it in Photoshop with the different chades & the block and was having difficulty doing them in the floated list, especially when I was trying to have the block with my name in the center. I tried filling the background colour to achieve the header, but trying with my name bigger vs. the smaller <li>s it all came as one solid block which isn’t what I wanted. In the end I opted for an image of the block.
  • I’m having difficulty positioning the tagline, but I might have to think of using a particular type of positioning, and work around the background of it.
  • I felt I needed the footer to also have fixed positioning, especially so that the swirl could be there are all times, without seeing it the page looked dull and static. The only thing is, that I then couldnt have a thick footer with information i.e services provided, or a long disclaimer because with the fixed positioning (and a fixed header) it would take up most of the page and not leave space for actual content. My issue I’m trying to work out is that having the footer & swirl with a fixed position hides the bottom of the information in my content div i.e my blog feed at the moment. I tried padding & margins & niether seemed to work.
  • Working on my computer at home I havent been able to see how elements look positioned on the bigger monitors. While in the lab I was struggling to get the swirls centered using margin left/right: auto like I usually do, so some things may need to have thei positions fiddled with.

But otherwise its looking good 🙂

A New Semester, A New Website.

You all saw first attempt at a website last year, when I posted a link to last semesters Web Design Project (link could be down. Thank you Mendi server), where I did it on UCT. We’re not quite starting from scratch this time, rather we are building on what we have already learned and doing our own portfolio page properly to showcase all our wonderful work.

This week I had to design a basic layout, which is here:

Proposed layout for my new portfolio websiteThis is more or less what I am going for. The design is very simple and minimalistic, which I’ve brightened up with happy colours. I’m quite happy with the colour choices; I’m kind of basing it off the sky and hence the blue, white and rainbow swirls at the bottom for some added colour and to break the stiffness.

There are some things which I am still considering:

Positioning: what to position absolutely, relatively etc? what do I want to remain when the page scrolls?

Fonts: I acknowledge that the fonts showcased here are boring (Hi Arial), I just havent been able to find one for the header (i.e my name) that gives off the style I want. I’m looking for a thicker sans-serif font, with a fun edge so thats a start knowing sort of where I’m going.

Nav(igation)bar: I could only think of 5 things to put on my navbar (home, about m, portoflio, blog, contact), but having my name in the center split the 5 into 3 and 2, and it didnt look right not being balanced. So I took out “home” intending on making my name a link to the initial home page. Another option to put up was “services” where one would get a list of the services I offer, but I wasnt sure of where to place them.

Columns: We’ve been encouraged to do a design using columns, to up our level of difficulty but I’m kind of struggling with what to put in a second column. Possibly a twitter feed or a feed to this blog but I’m not sure. Also I know I want to list the services I offer and am not sure if I should list them in a side-bar or in the footer.

I still have a couple days before I start coding, so I still have some time to make these decisions. What do you guys think? As people who surf the wed daily, does anyone have any comments/suggestions?