Category Archives: Assignments

Posts about assignments

CSS Rounded Corners and More

Great tutorial here about getting every type of rounded corner you can imagine, including the rounded-est corner of all–a circle!

Still on rounded corners, this blog showed and explained the basics, but check the list of posts to the right.  I thought that  there are quite a few good ones on a variety of topics that would be relevant to most of us.

Lastly, this is a really detailed CSS reference, and includes tutorials.

One thing I’ve found is that when I muck something up (often!) validating my XHTML and/or CSS helps me find the problem. Like when I removed, then replaced my page header, which then refused to appear, which meant other things on the page started moving around. Problem: I made a typo of one double, then one single quote around a div class, and it was highlighted in the errors. Or accidentally deleting a curly bracket. I doubt I would have found either very quickly if I’d spent ages staring at the code, though that is what I end up doing most of the time!

Julie

Reference

Border-radius: create rounded corners with CSS! – CSS3 . Info 2012, viewed 18 May 2012 , <http://www.css3.info/preview/rounded-border/>.

CSS – MDN, 2012, viewed 18 May 2012 , <https://developer.mozilla.org/en/CSS>.

CSS Rounded Corners In All Browsers (With No Images) | Jon Raasch’s Blog, 2012, viewed 18 May 2012 , <http://jonraasch.com/blog/css-rounded-corners-in-all-browsers>.

Advertisements

Interesting Image Gallery

Anybody seen this type of image display? Here is where you get the free plugin. If you want to use it in your project, check with Viveka — I had the impression that plugins are ok for the ‘completeness’ of your application but for the most part we should be using code and code resources.

Julie

References

ARTWORK – Gallery V, 2012, viewed 15 May 2012, <http://www.galleryv.com.au/artwork>.

Cooliris Express | Get the full experience, 2012, viewed 15 May 2012, <http://www.cooliris.com/yoursite/express/message/>.

Contact Form: Captcha, JavaScript and PHP Validation

Found this site and have been modifying the code for my project. I chose it because it incorporated both client and server-side validation, having said in my learning proposal that I would like to incorporate both client-  and server-side technologies (what was I thinking???).

I went with one from here and added a new field because I like to keep first name and last name separate.  That was easy enough in HTML, and I managed to get most of the validation scripting to pick it up but must have missed at least one little thing (I don’t know what–yet) that kept making it throw an error.  In this case (an email signup) it probaby doesn’t matter if you have just one name field rather than first name and last name. Some web pages only ask for an email in their newsletter signup form. Anyway, there was no alpha validation for the name field, so I added one, allowing only letters and spaces to be added–I have to look further to find code that allows punctuation marks, or people with hyphenated-names will have to omit the hyphen for the purposes of my form.

I chose a form with a captcha code, as my Week 7 Guestbook keeps getting spammed and I wanted to avert that. I was talking to Vince about captcha codes, and he suggested a field asking a question that had to be answered by a human, rather than using a captcha code. I think we both agreed captchas are a bit unappealing, but I thought the one included with the form I chose was better than some I’ve seen. This form  incorporates a ‘human’ question and requests a phone number (that could be handy), but I was put off by the number of problems posted below. That said, I might just try it….

By the way, if you want to create your own captcha code, this site tells you how. So…

This site is has some great JavaScript tutorials relating to creating and validating forms, among other things.

Julie

References

A simple, easy PHP contact form 2012, viewed 11 May 2012, <http://www.html-form-guide.com/contact-form/creating-a-contact-form.html>

Creating a contact form for your website viewed 16 May 2012, 2012, <http://www.html-form-guide.com/contact-form/creating-a-contact-form.html>.

Javascript-Coder.com — Javascript tutorials and articles 2012, viewed 15 May 2012, <http://www.javascript-coder.com/>

‘Make PHP CAPTCHA more secure ‘, 2012, viewed 11 May 2012, Superior Web Solutions, <http://www.superiorwebsys.com/blog/92/Make_PHP_CAPTCHA_more_secure/>

PHP Contact Form Tutorial 2012, viewed 15 May 2012, , <http://www.html-form-guide.com/contact-form/php-contact-form-tutorial.html>.

Colour Tools

There are heaps of good colour tools available online: here’s one that I think will be useful for our final projects–colour pickers, colour matchers, text-on-background tryouts, etc. Enjoy 🙂

http://www.colortools.net/

Julie

PS If you need the Reference for your project,  here it is:

Color Tools for Webmasters, Web Designers & CSS Geeks at ColorTools.Net. 2012. Color Tools for Webmasters, Web Designers & CSS Geeks at ColorTools.Net. viewed 1 May 2012, < http://www.colortools.net/. >