Web Development
Posts on the general topic of Web development and design.
Responsive Headline and Slogan in WordPress with an Artisteer Template
I was building a WordPress site where the headline and slogan were relatively long. At certain aspect ratios, the text overlapped the logo image in the header.
The solution was to add some custom CSS and to make use of the Artisteer responsive design.
Continue readingWhy you should never allow your web developer to modify the core or plugin code.
Imagine trying to unscramble eggs and put them back in an intact shell. If you think you can accomplish that, then skip this article. Otherwise, read on for some tips as to how a developer can leave you with an expensive mess.
Continue reading No tags for this post.Be VERY wary of the copyright trolls when using images.
Be extremely careful when using images on websites or blogs. You can get hit with insane demands for payments or sued for up to $155,000.
As I was resurrecting my blogs, the issue of the rights to images arose. There is no problem with images I took or images inherited from my parents. HOWEVER, using any other images must be done with extreme caution.
Continue readingAn easy but powerful mobile emulator in chrome.
If you are using Chrome, you can easily emulate a variety of mobile devices/resolutions.
Go to the page you want to emulate. Right click and choose “Inspect”
Continue readingA neat tool to check the browser environment.
At times you want to check your browser environment. Here is a tool that you can use to show the browser environment including OS, browser, resolution, JS, Java, Flash, cookies, ad blockers and some more.
Continue reading No tags for this post.Rails – Changing the attributes of the flash notice
Some of the apps I do make a lot of use of the Rails flash notices. The default text attributes don’t make the notice stick out enough. I wanted to use a yellow background to highlight any notices.
Using the Inspect tool in chrome, I found that the controlling CSS was in assets/scaffolds.scss. In my case it happened to be around line 39
Look for #notice. The only attibute was color: green;. I changed that to add a yellow background color as follows
Responsive pages with Artisteer / Ruby
I use Artisteer to generate the templates for my Joomla, WordPress and Rails sites. I put together a Ruby on Rails site and it was not responsive. I dusted off some memory cells and remembered that there was a line in the layouts/application.html.erb file that needed to be changed. A file comparison with the same file from an app that was responsive pointed me in the right direction.
Continue readingChanging the attributes of printed pages via CSS
If you need to change the size or other attributes of printed text, you can add the following to your style.css
No tags for this post.@media print{ div{ backgroundcolor-color: #FFFFFF; font-size: large; }}
A Great SEO Checker for your sites
I found a good site for checking the SEO of a site. It gives a very detailed explanation of a number of factors. Click each item for a detailed explanation of the item.
Continue readingRebuilding a ‘lost’ website using the wayback machine at archive.org
I occasionally come across a need to recreate a website that was ‘lost’ with no backup. There is a way to rebuild at least part of a site if the site is small enough.
Continue reading No tags for this post.