Blog posts

228 results found

228 results in Dev, DevOps, Git, Tools, Umbraco

dev Maintain scroll position on postback

If you want your site to maintain the current scroll position when the page reloads or when you go to another page, this post should help you. It is ideal for paging, or for sites where you don't want to submit a form using Ajax, but you still want it to stay in position.

tools lorempixel Placholder Images

This gives you real placeholder images to use in your site concepts or examples. It randomly picks an image each time the page loads.

dev Lazy loading images

This post gives you the code to allow your page to load faster, by using lower quality images firstly and then replacing them with the higher quality version after the page has loaded.

dev Google maps javascript API example with a styled map and custom pin icon

A lot of websites use google maps to show their location, but they usually leave it with the default style. This post gives you the code I use to generate a map and shows you how to style it. It also shows you how to add a custom map pin icon.

umbraco XML Sitemap in Umbraco website

This post shows you how to create an XML sitemap in your Umbraco website. I will share the code I have used to create my XML sitemap page http://www.codeshare.co.uk/xmlsitemap You will need an XML sitemap when you submit your site to search engines.

umbraco Create a redirect page in Umbraco without editing the config file

If you or your client needs to be able to create short urls or links to other sites without wanting to add it as a redirect in the web config, then this is the post for you. You can create them as umbraco pages that act as fast links or redirects.

dev Font Awesome Social Share Icon Links

You may have noticed the links on my site after each article which let you share the article on social sites like Facebook and Twitter etc. This post gives you the code I used for the icons on my site. Font gives you access to hundreds of icons, and allows you to stack them on top of eachother to create different icons. In this code example you will see I stacked the twitter icon on top of a circle and did the same for the other links.

tools Dynamic placeholder images

I found this and thought it would be really useful, especially for designers or people mocking up sites. If you ever need a placeholder image, you don’t need to create one, you can just use this url with the size of placeholder image you want:

dev jQuery copy values from one set of textboxes to another

If you ever wanted a simple bit of jQuery to copy values from one set of texboxes, to another set of texboxes, this is the post for you. This is useful for copying billing address details over to the shipping address. I looked everywhere for a post like this to give me the answer, so now that I solved it myself, I created the post for others who are looking for the same answer.

umbraco Umbraco Alternate Template Feature (bug)

There is an annoying feature in Umbraco which, when not wanted, seems like a bug. If you want to view a page with a different template, you can enter the url/templateAliasName

umbraco Allow any markup in the TinyMCE editor

If, like me, you find it very annoying that Umbraco seems to stop you from entering whatever markup you want to put in the editor, then this post should help you.

tools How to generate random and realistic data online

If you want to be able to generate random and realistic data for your program, there is a fantastic free resource called Mockaroo.