Tuts+ Network. Five Useful Interactive CSS/jQuery Techniques Deconstructed - Smashing Magazine. Advertisement With the wide variety of CSS3 and JavaScript techniques available today, it’s easier than ever to create unique interactive websites that delight visitors and provide a more engaging user experience. In this article, we’ll walk through five interactive techniques that you can start using right now.
We’ll cover: Besides learning how to accomplish these specific tasks, you’ll also master a variety of useful CSS and jQuery tricks that you can leverage when creating your own interactive techniques. The solutions presented here are certainly not perfect, so any thoughts, ideas and suggestions on how you would solve these design problems would be very appreciated. So, let’s dive in and start building more exciting websites! 1. The footer of David DeSandro’s website uses extruded text that animates on mouseover. View the demo First let’s set up some text (the code is copied from the original site): <span class="extruded">Extrude Me</span> Styling the Hover State Animating the Transition. Basics of Photography: The Complete Guide. Html Color Codes. HTML Codes - Table of ascii characters and symbols.
HTML Forms Tutorial. The original and still most popular use for forms is in conjunction with CGI (Common Gateway Interface). In the CGI way of doing things, the data the user enters is sent to the web server, where a program processes the data and returns the results. In other words, all the data is processed on the server, not in the web browser. Let's expand our earlier example to show how to incorporate CGI: <FORM ACTION="/cgi-bin/mycgi.pl"> favorite color: <INPUT name="favecolor"><INPUT TYPE=SUBMIT VALUE="Submit"></FORM> which gives us Here's what the new pieces mean: tells the browser where to send the data for processing (more on that shortly). is required with every form, even forms that don't use CGI. We've added the attribute. identifies each field, "names" it so it can be referred to later.
This tag creates the "submit" button, which the user presses to send the form to the web server. That's the basic set up for a CGI form, but what happens after the user presses Submit? HTML Tags / Codes / Web Page Design. HTML 4.01 Quick List. HTML Color Values. HTML 4.01 / XHTML 1.0 Reference. W3Schools Online Web Tutorials.