Web page count tip

Posted by on Apr 21, 2015 in All, Web Tips | 0 comments

Sometimes the seemingly simplest question is the hardest to answer!

There are times when you just want to know how many web pages are on a domain. It would be easy just to give a total of the number of files on the sever however that tells you the number total of all the images, web pages and other documents. If you just want to know how many web pages there are here is a little trick I learned.

  1. Go to google.com on a desktop machine. Didn’t seem to work on my iPad
  2. Type in site:www.yourdomain.com (change “yourdomain.com” to be yours of course!)
  3. Note the little gray numbers under the search. This is how many pages are on the site

NOTE: this is a great way to browse the content of a site that hasn’t linked to all their content or their content is buried deep in their site.

See below of an 8 page site I designed.

site1

 

Now look at how many pages the college site has that work for!

site2

Read More

Web store sneak peak

Posted by on Mar 7, 2015 in All, Design Tips, photo, Photography, Web Tips | 2 comments

I don’t usually show a website until it’s mostly finished but I am excited about my new pet photo stock store I am setting up. As of this post I have only formatted 6 photos for sale because I wanted to focus on getting all the details right before adding more. I am using gumroad for the store engine and I coded the page to be responsive so hopefully when you view this on any device you can see the thumbnails fairly large in either 3, 2 or one column. Be sure to sign up for my mailing list to be alerted when I add new photos at the bottom of the page!

store

Read More

Highlight link to current page with javascript

Posted by on Feb 4, 2015 in Design Tips, Web Tips | 0 comments

If you have a menu on your website and you would like to provide some visual feedback with that one of the links in the menu bar is the page you are on it’s pretty easy with some HTML and CSS.

All you have to do is add a class name to the HTML for that link and then style that class name with CSS.

For example just style the class of “current”:

<code><span class="tag">&amp;lt;li</span> <span class="atn">class</span><span class="pun">=</span><span class="atv">"<span style="color: #ff0000;">current</span>"</span><span class="tag">&amp;gt;&amp;lt;a</span> <span class="atn">href</span><span class="pun">=</span><span class="atv">"http://www.somepage.com"</span><span class="tag">&amp;gt;</span><span class="pln">some page</span><span class="tag">&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;</span> </code>

Unfortunately if you are using a common navigation system where you have one file that has all the navigation elements linked to hundreds of pages it’s not possible to change the link style for every link. It defeats the purpose of a common shared file.

Thankfully I found an old blog post by Jonathan Snook that had a script that worked perfectly to strip the link from the current page button. See how “Drama Club” in this screen shot is now light gray and slightly out-dented? It is now an inactive link so if you hover your mouse over it the cursor will not change.

Screen Shot 2015-02-04 at 4.11.16 PM

All you need to make this work is a link to your JS file in your HTML document in the head section like this

<script type=”text/javascriptsrc=”clearlink.js“></script>

Then in the JS file this is the below content is all you need. After that the rest is styling with CSS!

/*
CLCP v2.1 Clear Links to Current Page
Jonathan Snook
This code is offered unto the public domain
http://www.snook.ca/jonathan/
*/

window.onload = clearCurrentLink;

function clearCurrentLink(){
    var a = document.getElementsByTagName("A");
    for(var i=0;i&lt;a.length;i++)
        if(a[i].href == window.location.href.split("#")[0])
            removeNode(a[i]);
}

function removeNode(n){
    if(n.hasChildNodes())
        for(var i=0;i&lt;n.childNodes.length;i++)
            n.parentNode.insertBefore(n.childNodes[i].cloneNode(true),n);
    n.parentNode.removeChild(n);
}
Read More

Chronic Disease Prevention website

Posted by on Nov 26, 2014 in Web Tips | 1 comment

Another website I have been working on for the Chronic Disease Prevention Leadership Project. They provide resources, tools, conferences and trainings to local health departments in promoting positive change in making chronic disease prevention a priority. Interested to know more? Then have a look!!

web-screen1 web-screen2

Read More

Another Site Launched

Posted by on Oct 11, 2013 in Web Tips | 2 comments

Just finishing up a website for Julie Arbuckle a legal resolution expert for the Napa Valley. She is a Mediator, Arbitrator and Evaluator who resolves a wide array of disputes and many different types of litigated cases. Read her resume here.

My designer friend John Schall developed the logo and the branding of this site and I must say it helped illustrate her message of resolution well.

home

Read More

Pet website in progress

Posted by on Oct 1, 2013 in All, Web Tips | 2 comments

Here is a website I’ve been working on.

Below is a screenshot of the home page mockup and one support page along with a rough logo composition. The idea of the site is to pair breeders and buyers with dogs that make good companion pets. Not all shelter dogs fit this description and there is still a need for breeders than breed for certain temperaments that will make a good companion. Through user feedback and a strict set up rules for breeders the idea is to ensure quality in the puppies that are listed here. The database portion of this website is being developed by someone else and is still a work in progress.

View Demo Site

sc1

Read More