Emoticon List

Code	Image	Description
>_<		angry
:blush:		blush
:bored:		bored
C8		I have no idea
:coffee:		coffee cup
B)		cool
:’(		cry
:3		cute
>:-)		evil
:-*		flirt
:D		grin
:love:		love
:P		tongue
:ooo:		Oooo
:(		sad
:O		shocked
:)		smile
:>		small smile

Installation

It should be very straightforward. After downloading the zip file, drag the folder called emoticons into your chyrp modules directory. Activate the module from the admin panel under Extend.

Editing the Code

Feel free to change any part of the code you like. To add more emoticons or change existing ones, you can edit the emoticons.php file under emoticons/lib. The emoticons & their image counterparts are set up the same way as the wordpress emoticons are set up, so if you have experience with custom wordpress emoticons, you should be fine. Essentially, each line is a definition of an emoticon:

':D' => 'Grin.gif',

Just change the first half between the two single quotes to your emoticon text, and the second half between the two single quotes to the name of the image you’d like to replace it with.

View on Chyrp site and Download

The original PSD was meant for blog comments, but I designed it with whatever in mind.

Bear in mind that I don’t own Internet Explorer, so I can only vouch for Chrome & Firefox compatibility wise. I know that IE9 supports multiple background images but I don’t think 7 or 8 do, so although the structure might be fine, the notepad background might be missing! In which case you’ll have to write some fallback code if you’re concerned about older browsers.
Download a zip of all images & code

I did something similar with the short url generator, and it works really well.

I thought I’d share this bit of code because it’s pretty handy to have around!

.htaccess mod_rewrite rule


<IfModule mod_rewrite.c>
  RewriteEngine on
  Options +FollowSymlinks
  #RewriteBase / #This often doesn't need to be specified, which is why it's commented out!
  RewriteRule ^([^/\.]+)/?$ index.php?page=$1 [L]
# Any string after the beginning of the site's url that doesn't have a '.' in it & is one level deep will be pointed to index.php?page=thatString, and then stop processing rewrites ([L])
</IfModule>

What this does is turn
mysite.com/about into mysite.com/index.php?page=about
…but only to the server. To the person looking at the site, it still looks like they’re viewing mysite.com/about!

A bit of PHP

I wrote a switch on my index.php file and made the switch’s default a 404:

<?php
switch($_GET["page"]) {
/* more that one case to 'fall through' to predict possible combinations that should lead to the same page. */
  case '':
  case 'home':
  include('welcome.php');
  break;

/* anything else is a 404 */
  default:
  include('404.php');
  break;
} ?>

Security

• Thou shalt not print $_GET["page"] directly without cleaning it up first.
• Thou shalt not directly reference a database with $_GET["page"] without escaping quotes and checking for malicious keywords.

Additional Reading

• Apache’s mod_rewrite guide
• borkweb.com’s Apache rewrite cheat sheet

Number One: The Manchineel Tree

I’m pretty obsessed with this thing. I’m currently re-reading The Swiss Family Robinson, one of my favourite childhood books which, in retrospect, was a really weird book for me to like as a kid.

One thing the narrator does in abundance, other than talk about how indolent his son Earnest is and how demure his lovely wife is, is talk about a really wide range of flora and fauna and their attributes. One tree that he mentioned in passing was The Manchineel tree, which prompted me to google it.

It turns out this tree is not just a myth from a novel written in 1812. (!)

The tree and its parts contain strong toxins, some unidentified. Its milky white sap contains phorbol and other skin irritants, producing strong allergic dermatitis.

Standing beneath the tree during rain will cause blistering of the skin from mere contact with this liquid (even a small drop of rain with the milky substance in it will cause the skin to blister).

Burning the tree may cause blindness if the smoke reaches the eyes.

The fruit can also be fatal if eaten.

Many trees carry a warning sign, while others are marked with a red “X” on the trunk to indicate danger. In the French Antilles the trees are often marked with a painted red band a few feet above the ground.

View Source (Wikipedia)
…Now tell me that isn’t one crazy freaking tree. Can you really blame me for posting it on my google plus, emailing my mom about it, forcing Ben to read about it, and now blogging about it? (I did mention that I was obsessed, right?)

Number Two: Car accident in Japan destroys $4million in fancy cars.

I don’t really care about cars at all but the headline caught my eye. Plus, this article just reminds me of how poor I am, which is something I always enjoy thinking about.

Supercar fans, you might want to avert your eyes: a multi-car pile-up in southwest Japan yesterday claimed 14 cars, including eight Ferraris, a Lamborghini, and a handful of Mercedes-Benz models.

Source Article

Number Three: MUSIC!

I have learned from experience that the Internet hates it when I blog about my music interests, so I’ve decided to sneak it in halfway through a list and hope you don’t notice.

Some really awesome songs have come out recently that I want to promote. In fact, this may call for me to update my stylesheet so that I can make musical looking links. One second, please.

Ok, ready.
Band of Skulls: The Devil Takes Care of his Own
Don’t be scared off by the band’s name. I promise it’s not too evil sounding. I don’t like crazy angry music any more than you do. These guys released an album a few years ago called Baby Darling Dollface Honey, which was absolutely BRILLIANT. I saw them perform it live and was blown away.

This is their latest single, and I think it’s pretty amazing.

The Black Keys: Run Right Back
The Black Keys have released their latest album, and as usual, they do not disappoint. Every album they’ve released so far is awesome, which is a nice change from those bands that seem to lose their momentum after an album or two. Songs to keep an eye on: Lonely Boy, Gold on the Ceiling, Run Right Back, Hell of a Season.

Maurice: River Phoenix
This is an older song by local band Maurice. His voice is haunting and I love it. Couldn’t find a youtube link for this one so you’ll just have to settle for the itunes preview version. Sorry! (Another song by Maurice that I adore: Robin)

Number Four: Nature, You Scary

Just imagine this thing scuttling across the floor towards you. Not that it could, since it lives at the bottom of the ocean, but just pretend.

You’d be scared, right? It’s like three times the size of my head!

Read about the Giant Isopod on Wikipedia
In case you were wondering: Yes, it’s carnivorous.

…But it had no way to deal with lost passwords. Basically, if you forgot your password, you were up shit creek without a paddle, because the copy in the database is encrypted and the password was never emailed anywhere.

Of course, a week after releasing the script, I forgot my own password and have therefore just been not using short url for the past month

All of this changes today with an update to the short url script.

• A forgot password interface has been created where you can enter your email address in order to have a new password generated and emailed to you.

If this appeals to you then please feel free to download the latest version of short url

• If you are upgrading, you will have to make a manual edit to the .htaccess file in your shorturl folder.
• Please make sure you add the following line: RewriteCond %{REQUEST_URI} !forgot-password.php$
• This line should be entered directly above the line that says RewriteRule ^([^/]+) redirect.php [NC]

It’s also strongly advised that you only upload forgot-password.php when you need to use it, and to immediately delete it after use.

Updated Files:

• install.php – added the new htaccess rule to the htaccess generator.
• forgot-password.php – all new page created to deal with forgotten passwords!

download the latest version of the short url generator

So… I went ahead and bought this:

View on Instagram

So far it’s pree-tyyy sweet. (I didn’t think I’d feel this way, but fullscreen apps and gestures? SO much cooler than it sounds.)

View the demo

Part One: HTML

For CSS tooltips, you don’t need anything extra for your links. No extra class, no extra text. If you want a link to have a tooltip, all it needs is a title attribute:

<a href="http://google.com" title="This is a tooltip.">Hover me!</a>


Part Two: CSS

In order for a tooltip to appear on hover, we will apply the link’s title attribute as content to the :before selector of any link that has a title and is currently being hovered. We’ll also apply some additional CSS for a prettier tooltip:

a[title]:hover:before {
  content: attr(title); /* This gives the :before the content from the title attribute of the link */
  position: absolute;
  top:-60px;
  left:0;
  z-index: 5;
  text-decoration: none;
  color: #FFF;
  font-size: 10px;
  padding: 6px 6px 15px 6px;
  line-height: 130%;
  opacity: 1;
  height: 40px; /* You may want/need to play around with widths and heights. */
  background: #222 url("arrow.png") bottom left no-repeat; /* This makes the tooltip a bit prettier. view/download arrow.png*/
}


We also have to give <a> tags with a title attribute a position of relative, so that the absolute positioning of the tooltip doesn’t shoot all the way to the top of the browser:

a[title] {
  position:relative;
}

And that’s it. You now have pure CSS tooltips.

Other Cool Tooltip Resources

• Coda Popup Bubbles
• Tipsy

view on instagr.am
My only feeble attempt at decorating this place for Christmas. Oh yeah, and that thing on the windowsill is a Pomander that I made all by myself. Except I got bored after making just one and now it sits there like some sad rotting clove-orange and nobody knows what it’s supposed to be.

Boat, Bird, Mountains

view on instagr.am

More Boats

view on instagr.am

I never thought I’d turn into my grandma: Someone who will watch boats on the ocean for hours and exclaim over every single one, even though she’s getting pretty old and has seen a million boats in her lifetime. Don’t they get boring, grandma?

But living by the ocean, close to where most commercial boats, cruise ships, and ferries come to land in Victoria, I seriously say to Ben ALL the time “AH! A boat! There’s a boat!” …And then I take a photo. Even though there is pretty much ALWAYS at least one boat out there.

Of course, we also sometimes get whales, but I suck at taking pictures of them:

However.
In the last two years, I have discovered a love for good TV.

I still don’t have cable and I have sworn that I never will, but thanks to modern technology, you don’t need cable to watch your favourite TV shows anymore.

I like to think that Ben and I are sort of tv-show snobs, even though being a TV show snob might be like saying someone is a classy redneck. I don’t care. That is what we are. Snobs that watch TV.

Here is a list of the series we have mowed our way through, and what I thought of them. I whole-heartedly recommend most of these and want to hear your thoughts!

LOST

The TV show that started it all. At the time, we were convinced it was the greatest thing EVER and I couldn’t get enough of it. Looking back, it was a decent, exciting show, but not my absolute favourite. It relied too much on cliff hangers, it felt like the writers were often scrambling, and lacked true depth.
View on IMDB

Mad Men

I need to watch this show again. Mad Men definitely takes awhile to ease into (the first several episodes = yawn.) but it’s awesome once you’re there. The opening credits of Mad Men are also my favourite opening credits of any TV show.
View on IMDB

Breaking Bad

Pure. Television. Gold. It gets better with every season. The latest season (4) from the premier to the finale was so perfectly executed, so beautiful, that I almost wish it ended that way (but at the same time I’m excited that there’s another season!)

Also, Gus is amazing. Have you seen him in interviews? Unreal. (if you don’t watch the show, here are some spoiler videos that show him acting: on the phone, getting shot at, and major spoiler season finale -only watch that last one if you know you’ll never watch the show!!)
View on IMDB

Boardwalk Empire

My other absolute favourite show. A little slower but full of rich dialogue, relationships, and scenes.
View on IMDB

The Sopranos

This one is Ben’s favourite.
I wouldn’t rank it as high as Breaking Bad or Boardwalk, but it’s still fast paced and exciting!
View on IMDB

The Wire

Also good but not amazing, formulaic but still engaging.
View on IMDB

Dexter

Totally formulaic but so exciting that you sort of stop caring after a while. Still, I wouldn’t say it’s as high quality as a lot of the other shows on this list. (Actually, the most recent season we kinda stopped watching.)
View on IMDB

The Walking Dead

Good! I really like watching The Walking Dead, even though I’m terrified of zombies and often have to leave the room when they start chasing someone. That being said, I feel like the plot and the characters lack depth, so the writers are going to have to figure something out to keep this story going in the long-run.
View on IMDB

Game of Thrones

You can tell that a lot of money went into this show. I enjoyed the first season, in spite of some fairly cheesy scenes. I’m looking forward to seeing how it progresses in the next season.
View on IMDB

Battlestar Galactica

Oddly compelling – full of cheese and stupid themes but the action is very exciting, and we burned our way through several seasons. Its ugliest point was season four – painfully boring. The only hilite of the final season was the finale, which made me cry.
View on IMDB

Sons of Anarchy

Sons of Anarchy is action packed and exciting. Some of the story is a little silly (see: When Jax ‘rescues’ blonde abused girlfriend at gas station. Painfully dumb.), but the story and the excitement has me hooked!
View on IMDB

Is there a way to do it so if at least one checkbox is checked, the GOOD (check) shows up but if not the BAD (x) shows up?

Jamie

As a result, I’ve decided to add a bit more to this tutorial: checking if a checkbox has been checked ‘on change’.

View the demo

The logic is this:

1. A checkbox is changed.
2. If it is not checked,
3. And if none of its siblings (checkboxes directly on either side of it) are checked,
4. Then we are assuming that no checkboxes in this ‘category’ are checked.
5. So we apply an “Error” class to its parent container (in my case, I surrounded them with a div called ‘box’, but this could be a fieldset or anything you like.)
6. HOWEVER, if at least one checkbox is checked,
7. We’ll apply a “Good” class to the parent container.

The Code

Note: You may have to change all instances of ‘.box’ to the class or type of container you choose to use!

$('input[type=checkbox].required').change(function() {
  if(!$(this).is(':checked') &&
  !$(this).siblings('input[type=checkbox]').is(':checked')) {
     $(this).closest('.box').removeClass('good');
    $(this).closest('.box').addClass('error');
  } else {
    $(this).closest('.box').removeClass('error');
    $(this).closest('.box').addClass('good');
  }
});


View the demo

Updated Downloads

Feel free to also download the HTML from the demo.
Download my form CSS for use [formstyle.css]
Download the javascript [validate.js]