Have you ever heard of CSS transitions? They allow you to animate between states – for example, a button, with a hover attached to it. These transitions allow for a more fluid change to the user.
What is even nicer is that if a browser doesn’t support it, then it doesn’t get shown. So it degrades gracefully – instead of breaking things. FF, Chrome, and Safari currently support them, and IE10 + does as well.
CSS Transitions was originally found on Access 2 Learn
Assistant Professor
Walter Wimberly is an Assistant Professor at a regional college in Tennessee, teaching Computer Science in the Software Engineering track. He works as a student advisor, oversees curriculum changes, develops new courses, and manages the advisory panel.
Walter taught full time for about 7 years, before going back into “industry” as a full stack Software Developer for a dozen years. There he focused on web based projects coding in JavaScript/jQuery and utilizing the Bootstrap CSS Framework on the front-end, and coding in PHP, ASP/ASP.Net, SQL on the back-end.
Since he loves teaching, he taught as an adjunct web and digital media classes for eight (8) years, while working in industry, and has since returned to teaching full time.
He has been married for over 25 years, and is father to several special needs boys. As such, he is working on some projects to help others who have special needs to be self-sufficient, and support the care givers of those with special needs. Check out his Autism blog for more info.
A screen reader is an application which allows individuals who are visually impaired “see” a computer screen. It does this by “reading” the screen, as best it can figure, to the individual. More accurately, it try to interpret what would be on the screen, as a screen isn’t a requirement of the software. While screen…
We have looked at some basic formatting with CSS earlier, such as changing the font and using divs, and floating the elements to wrap elements, but now we will look at stylizing the form fields. One thing which I recently saw, and had an ephaniy about, is instead of using divs to contain the form…
In this tutorial we see how to change background images using the CSS pseudo-class :hover. This allows us to create better interactive designs for the styles of our links. CSS Rollovers Changing Background Images was originally found on Access 2 Learn
jQuery allows you to perform several visual effects on one or more elements. Effects can be to show or hide and element, as well as moving an element from one area of a page to another. Showing and Hiding Elements jQuery offers you several ways to show/hide an element based upon what you want to…
How you define your selectors will often directly effect how your page looks. Sometimes, you want a certain type of look, but only on some elements. You can use complicated classes, specific to only certain cases, or you can style your rules easier if necessary. We’ll be using this base file for our examples. It…
Wells can be used within Bootstrap to create an inset look to a pseudo panel. They appear kind of like panels, but without the chance to color them. Instead, you have text that is inset from a box when you use the well class to a div. This can be used as a overly simple panel…
