I work for KSBA full time and I’ve been working on redoing our company site for the last nine months or so (in my free time as I’m not technically a web designer by day) and it’s finally live. There are a few more small tweaks to fix along with possibly some typos, but it was good enough to go live yesterday.
It’s now fully ExpressionEngineified and we can finally say goodbye to the old method of updating the website which consisted of Frontpage and TONS of static files. The department that updates the website was creating archives of news and other sections manually, so they would post the news on one static template and then create an archive entry manually with another static template and they did this for EVERY section of the site.
I’m hoping EE will be a great addition and cut down tremendously on their time spent updating the website each day.
Nice work! The jQuery image fade in/out seems to be angry on the links page…but it’s a great looking site! Most government sites like that seem to have a tendency to look horrible. This is one of the best I have seen.
Nice work! The jQuery image fade in/out seems to be angry on the links page…but it’s a great looking site! Most government sites like that seem to have a tendency to look horrible. This is one of the best I have seen.
Did you do the new logo? Great improvement!
-greg
Yeah, I noticed that the jQuery fading image gets angry on a few pages on first load. I’m not exactly sure why it’s happening to be honest. We had a subdomain set up in which we created the new site on so it was hidden from the public and through the whole testing process that fade image has been fine.
Nope, I didn’t do the logo. The current logo has always been the official logo of KSBA. I have no idea why it was not incorporated into the old design. I actually don’t care for the current logo and have tried talking them into letting me redo it, but it’s a no go.
Not sure what you mean about the slideshow fades, but I usually place those in a div the exact size needed with overflow set to what none, so users will just see the one image if it loads broken or anything goes awry with the js, maybe you’ve done that already, thought it worth a mention.
Not sure what you mean about the slideshow fades, but I usually place those in a div the exact size needed with overflow set to what none, so users will just see the one image if it loads broken or anything goes awry with the js, maybe you’ve done that already, thought it worth a mention.
No, I haven’t done that but it’s a good idea for sure. I think I will go do that actually. Never occurred to me.
What they were talking about with the image was that on some pages it seems that when you load the page the fading image for a split second will display all the images in the loop (5 images I think) and it pushes the content below down until everything finally loads.
Actually I must say that I have seen your site a few times now Deron and never once noticed that particular problem. I have noticed it on a couple of sites that I have made using the Cycle plugin but I always have overflow: hidden; set in the CSS so that people with no Javascript don’t see everything so I don’t think that might be the problem. Probably something with the Javascript loading slow or something?
Also on a slight side note. When using overflow: hidden; I have noticed that I have to set a fixed height and width to the container which makes it work but what if you don’t know the height for instance due to perhaps text that will be going into the container?
Anyone ever found a workaround for that?
Sorry to digress a bit from your post Deron, just thought someone might know a quick fix?
No problem at all Mark. Thanks for the information. What browser are you using? In Firefox on my end, I’ve never seen the glitch, but when I jump over to IE, that’s when the glitch was happening. For some reason, setting a fixed width on the container was messing the images up. It’s got something to do with the javascript and how they are rendered on the screen. I did set a fixed height with the overflow: hidden and that seems to have done the trick.
Did you figure a way for the slideshow to be added to or edited via the control panel, or is it template coded the old-fashioned way? Say hey to the “fat cats” at the country club for me when you vist then
Oh, that’s right I’ve got a golf outing next week, I can say hey myself.
Also on a slight side note. When using overflow: hidden; I have noticed that I have to set a fixed height and width to the container which makes it work but what if you don’t know the height for instance due to perhaps text that will be going into the container?
Anyone ever found a workaround for that?
Could you use a second container or div, third actually.
One sized for the images and a second set to height auto for the text, and the third being a wrap div, might work, or be buggy. That’s where you’ld need some js skills to cycle more div’s.
Did you figure a way for the slideshow to be added to or edited via the control panel, or is it template coded the old-fashioned way? Say hey to the “fat cats” at the country club for me when you vist then
Oh, that’s right I’ve got a golf outing next week, I can say hey myself.
It’s just a simple template with the hard coded unordered list. I could easily set it up as a weblog and update it with new images like that, but I didn’t see a need to do that as the images won’t change that frequently.
Here is the fading image script that I’m using: http://medienfreunde.com/lab/innerfade/. Pretty simple actually, just make an unordered list with your images and add the js and voila.
Thanks for the info Deron, I almost always use the simple innerfade too. A round here they are used to that being a big deal flash movie, js is so-o easy for that type of fade transition. Gotcha if the list were being built in the control panel it would be editable by the non-coder, and just add a new list item.
