8 different ways to beautifully style your HTML lists with CSS
The use of HTML lists (<ol> for an ordered list, <ul> for an unordered list) is very common these days. Today, we're going to look a little bit further than creating regular lists, by showing 8 different ways to beautifully style your HTML lists with CSS. We'll use some pure CSS techniques to make a bored list look awesome (and even have some extra functionality). As a reminder, here's how a default ordered list and a unordered list look like: And check out the demo to see what we're going to create with it. Looks much better, doesn't it? List #1 : Simple navigation The most common use currently for using a list on your web page, is because for navigation. <div id="list1"><ul><li><a href="#">Home</a></li><li><a href="#">Blog</a></li><li><a href="#">About</a></li><li><a href="#">Contact</a></li></ul></div> List #2 : Different font for numbering The problem with lists, is that you can't make the looks of the list be different than from the text. List #3 : Image bullets List #5 : Nested lists
Form Help without Popups
Summary Thrusting new windows upon visitors of your site is frowned upon, as it goes against device independence by assuming a windowed environment. One situation where developers feel that a new window is appropriate is with web forms. If the visitor requires help on a form field, a new window saves the visitor the trouble of having to leave the form, and possibly losing the data they have entered. This article illustrates a scripting technique to get around the problem without having to open a new window. Author: Gez Lemon Contents Introduction I don't intend to start a debate about popup windows, but the three biggest complaints about popups are that they're obtrusive, can disorientate/confuse the user, and assume a windowed environment, which goes against the principles of device independence. [Back to the contents] The Form Problem One situation where authors like to use popup windows is providing help for web forms. Basic Markup <a href="#firsthelpfieldid">Help for field 1</a>
45 Free Online Computer Science Courses
Missed lectures or hate teachers? Or want to study computer science courses without going to university? … You can study anytime anywhere because there are number of free online computer science courses available on internet that are very interactive. Here is the list of 45 free online computer science courses that are designed by teaching experts from best universities of the world (almost the whole graduation!). 1. Complete set of course materials. 2. This course is the natural successor to Programming Methodology and covers such advanced programming topics as recursion, algorithmic analysis, and data abstraction using the C++ programming language, which is similar to both C and Java. 3. Advanced memory management features of C and C++; the differences between imperative and object-oriented paradigms. 4. The purpose of this course is to introduce you to basics of modeling, design, planning, and control of robot systems. 5. 6. 7. 8. 9. 10. Continuation of Convex Optimization I. 11. 12.
100 Awesome CSS/Javascript Plugins and Coding Techniques
Writen by Bogdan / Comments Off on 100 Awesome CSS/Javascript Plugins and Coding Techniques If you know how to use CSS and Javascript, you can create some impressive websites. Not only that you can do some awesome stuff with them but they also ease you work. Use CSS3 to Create a Dynamic Stack of Index Cards You will learn how to create a dynamic stack of index cards solely with HTML and CSS3 and use such CSS3 features as transform and transition (for the dynamic effects) and @font-face, box-shadow and border-radius (for the styling). Dynamic PNG shadow position & opacity You will learn how to create a movable object using javascript. How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3 So, what about a vertical sliding panel that would act as some sort of drawer instead of the usual top horizontal sliding panel that pushes everything else down when it opens? Awesome Overlays with CSS3 How To Create Depth And Nice 3D Ribbons Only Using CSS3 Sweet AJAX Tabs With jQuery 1.4 & CSS3
Los test del desarrollo (Frosting) « Comenio’s Edublog
El MÉTODO DE EVALUACIÓN DE LA PERCEPCIÓN VISUAL DE FROSTING [DTVP-2] creado por Marianne Frosting es una batería de ocho pruebas que miden tanto la integración visomotora como la percepción visual. La batería está diseñada para ser usada con niños de 4 a 10 años de edad. La prueba tiene cuatro usos principales: a) documentar la presencia y grado de dificultades de percepción visual o visomotora en niños individuales, b) identificar candidatos para tratamiento, c) verificar la eficacia de estos programas de intervención y d) como instrumento de investigación. La versión original de la prueba, el DTVP, fue publicada por Marianne Frosting en 1961. Archivo para llevar… frosting.pdf Me gusta: Me gusta Cargando...
Summary of all the MIT Introduction to Algorithms lectures
As you all may know, I watched and posted my lecture notes of the whole MIT Introduction to Algorithms course. In this post I want to summarize all the topics that were covered in the lectures and point out some of the most interesting things in them. Actually, before I wrote this article, I had started writing an article called "The coolest things that I learned from MIT's Introduction to Algorithms" but quickly did I realize that what I was doing was listing the topics in each article and not really pointing out the coolest things. Therefore I decided to write a summary article first (I had promised to do so), and only then write an article on really the most exciting topics. Talking about the summary, I watched a total of 23 lectures and it resulted in 14 blog posts. I'll now go through each of the lectures. Lecture 1: Analysis of Algorithms If you're a student, or even if you're not, you must never miss the first lecture of any course, ever! Asymptotic notation. Lecture 4: Sorting
10 Best Sources of Ajax/Javascript Examples and Demos
In this collection, you’ll find 10 excellent websites and blogs that provide high-quality examples and tutorials on Ajax and Javascript . 1. Ajax Rain AjaxRain has illustrated examples of some nifty web-fx that can be achieved with combinations of AJAX, CSS, DHTML or Javascript. Ajax/Javascript Examples 2. A large collection of nifty web 2.0 tools. 3. MiniAJAX is a very nice small collection of DHTML and AJAX scripts, the kind of snippets very useful that you can use anywhere. 4. A lot of information about AJAX including examples, blogs, forums, conferences and tutorials. 5. A library of DHTML and Ajax scripts, demos and tutorials. 6. A comprehensive resource for JavaScript tutorials and scripts. 7. One of my favorite JavaScript and CSS haunts online. 8. You will find a directory of useful AJAX/DHTML scripts and tutorials. 9. A wide collection showcasing some great example of javascript and ajax demos and tutorials. 10.
Photoshop backgrounds at PSD Graphics
