On 30 May, 2014
By
IT Support With
Comments Off on 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…
On 11 Dec, 2013
By
IT Support With
Comments Off on 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)…
On 24 Oct, 2013
By
IT Support With
Comments Off on 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,…
On 5 Aug, 2013
By
IT Support With
Comments Off on 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…
I came across a strange problem in Illustrator CS6 yesterday, and similarly today, Photoshop CS6 spacebar shortcut for hand tool stopped working too. In Photoshop CS6, the default behavior of holding the spacebar as a shortcut for the hand tool was…
On 20 May, 2013
By
IT Support With
Comments Off on 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,…
On 14 May, 2013
By
IT Support With
Comments Off on 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…
On 26 Sep, 2012
By
IT Support Newcastle With
Comments Off on 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…
On 21 Sep, 2012
By
IT Support Newcastle With
Comments Off on 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; }
On 14 Sep, 2012
By
IT Support Newcastle With
Comments Off on 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…