Quick reminders

Loop through custom post type in WordPress

I’ve recently been working on a website where I had to loop through custom post type in WordPress. Wordpress custom post types are very powerful, and yet very easy to setup. You can use them for sliders, products, testimonials, case…

How to wrap long email address using css

Check the code below to learn how to wrap long email address using css. Every now and then I encounter this problem when building a website, long URLs or long email addresses spill over their container (sometimes breaking the whole layout)…

Animated GIF is not animated in blog post – WordPress

You’ve found a funny animated gif of a cat falling of a table, or scaring a dog… and you would like to share it in a blog post. You go to your blog, create a new post, import the media,…

Cross-browser CSS box-shadow

Yet another quick CSS reminder, this time for cross-browser CSS box-shadow: .box-shadow {   -moz-box-shadow: 10px 10px 10px #000; /* Firefox */   -webkit-box-shadow: 10px 10px 10px #000; /* Safari, Chrome */   box-shadow: 10px 10px 10px #000; /* CSS3 */ } However, all modern browsers now support box-shadow. So if you are using up to date version of Firefox, Safari or Chrome, it’s enough to…

Ruby on Rails: link_to and image_tag

Yet another quick code reminder as I always forget the syntax, this time to combine link_to and image_tag in Ruby on Rails. So if  you want an image_tag (here “logo.jpg”) to redirect the user to another URL (in this case,…

Cross-browser box-sizing CSS code

This is a quick reminder for cross-browser box-sizing CSS code… textarea { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } Simply copy and paste the box-sizing CSS…

How to create multi-resolution favicons in Photoshop

When it comes to finishing off a web project, you can easily forget (or can’t be bothered) to create this little icon which is visible in most modern browsers’ tabs. I mentioned “or can’t be bothered” because although it’s not…

Remove dotted border around links with CSS

Another quick reminder for some CSS that I always forget about but seem to need once or twice a year… How to remove dotted border around links with CSS: a { outline: none; }

Rack rewrite remove urls trailing slash

If you’re after a solution to remove trailing slashes in URLs using Rack rewrite, read on…. Rack rewrite remove URLs trailing slash so Google and other Search Engine don’t consider www.domain.com/page and www.domain.com/page/ as being 2 different pages with duplicate…


IT Support Newcastle is brought to you by Transcendit Ltd, contact us on 0191 482 0444