asad1 — 2011-12-10T10:30:18-05:00 — #1
I can only write HTML4/5 and CSS2/3 and that at an intermediate level... no JS or PHP/MYSQL.
A client wants a slideshow on his site. If possible he would like one that can scroll through a horizontal line of thumbs, and when any thumb is clicked upon it zooms to the whole size of the browser window.
OK, every wish isn't alway available but as a tattooist it is important to him that people can get a real close look at his work (Tattoos).
I write with Tach HTML Edit... it has a few components that you can insert into a page including slideshows but currently they only zoom to about 6-70% of the viewport, others in the beta version additionally break my layout, though as it is a beta I'm sure they are working on it.
I have three questions...
1). The most pressing is... are there any free or comercial slideshows out there that I can insert into a web page? And additionally wont require me to understand JS or AJAX or something?
2). What do you professional coders do... do you write your own or are you using a program such as DreamWeaver to insert such content.
3). Lastly I'm after a bit of advice... I'm no spring chicken at 48 so I don't have years to spend learning something that'll probably all change as soon as I've learned it anyway.
However, people keep telling me that I shouldn't be writing raw code but should be using either 'Word Press' or something like DreamWeaver as people just want something fast that does the job. Additionally, there is a widget for just about anything... including slideshows.
I'm thinking that if I learn JS and also get my hands on Dreamweaver that I might get the best of both worlds. Will there really be a place for RAW coders in the next 5-10 year?
Any comments would be greatly appreciated.
shyflower — 2011-12-10T11:27:31-05:00 — #2
I know that a lot of hand coders don't like this, but I have used it and it works well. jQuery has all types of different slideshows to choose from and it is pretty easy to add to a web page.
aussiejohn — 2011-12-11T01:38:44-05:00 — #3
Wordpress and Dreamweaver are quite different things though. If you need some Content Management on websites you build, Wordpress can be quite handy to get that set up, it's probably something worth having a play with. DreamWeaver is primarily a development tool for building web pages. Regardless of that though, even if you are using one of these you'll still need to get stuck in to raw code anyway.
It's funny you say that, because about 5 - 10 (15?) years ago, there was a trend of people using DreamWeaver, Frontpage etc. to build their webpages in a WYSIWYG (What You See Is What You Get) editor. Often though this would produce absolutely horrible code, and even now, DreamWeaver's code is no great beauty.
I think that web programming isn't just about "building websites", it's very often building "web applications". Think Social Media sites like Facebook and Twitter, Email providers like Gmail and Yahoo, online Office apps like Google Docs and Zoho, online surveys/forms like Survey Monkey and Wufoo. All of these applications would need to be hand coded, a "code generator" would only get you so far with those kind of things, and as a result you wouldn't have the same knowledge about how and where things are done in the code base, which can be an important factor if you need to bridge gaps between for example, the client and server.
bulevardi — 2011-12-11T07:42:24-05:00 — #4
I would let my visitors do the work. They surf, they use and they take control over the website.
As for modern browsers, visitors can zoom in on a webpage by pressing buttons "Ctrl +", works for the whole page, so aswel for the images it contains.
You don't have to code anything, it's in the browser
Remember, a good programmer is a lazy programmer.
shyflower — 2011-12-11T10:29:23-05:00 — #5
Your point is well taken, but what on earth does that have to do with a photo gallery?
shaun — 2011-12-11T12:43:01-05:00 — #6
There's also a script called "Zoomify" that might do what you want too. Maybe.
Zoomify resembles how Google Maps zooms into things.
aussiejohn — 2011-12-11T15:23:50-05:00 — #7
Fatbox, lightbox, thickbox, shadowbox, fancybox, clickbox, futurebox, slimbox, facebox.
So many different names!
molona — 2011-12-12T08:05:02-05:00 — #8
Although I agree with what AussieJohn has said, I think that I can add my :twocents:
Errr... yes and no.
There are certain plug-ins and already-made scripts that will allow you to do whatever you want to do with a minimum knowledge of the language but you do need that minimum... or at least, you need to read the instructions. Most of the time, this involves applying the right class to the element that needs to be added to the lightshow but sometimes it also means some basic touches to the script itself (again, following the instructions)
No use of reinventing the wheel unless I look at the code and I see that's really terrible.
Having said this, if you're going to use JQuery, you can find similar scripts for JQuery so don't give it a second thought.
People are wrong.
First, as AussieJohn pointed out, DW is only a developing too, and WordPress is a content management system which has nothing to do with development. True, WP does provide lots of plugins to help you with your development, and it gives you a good starting point to build a site. But it is a content management system and its goal is... to manage content, not to create websites.
We will be still here. Automated stuff can only go this far. It will help loads to speed up your development and shorten the times for delivery. But you still need an expert to get it perfect
shyflower — 2011-12-12T10:49:51-05:00 — #9
I have to disagree somewhat with the jQuery learning curve. I needed it for a client's web photo gallery and found a script that I could implement within a couple of hours.
shaun — 2011-12-13T10:26:49-05:00 — #10
sigh* I remember the days of using pop-up windows for image thumbnails!
That's true, and I even think there are non-jQuery routes for him to take too. Plain, old, vanilla scripts that would read maybe a rel attribute of the images he chooses and will turn those into fancy effects.
A quick Google search can yield you a lot of results, asad1!
This one called Highslide JS seems promising! The script is written for you, so it's just for you to implement.
shyflower — 2011-12-13T11:28:51-05:00 — #11
And animated gifs that blinked and blinked and blinked with no way of turning them off!