background preloader

Periodic table

Periodic table

Liquid Crystals Lists of Nobel Prizes and Laureates Liquid Crystals Play the Crystallite Game Play the Mainstream Game About the game A liquid crystal is a substance that flows like a liquid but maintains some of the ordered structure characteristic of crystals. Under certain circumstances, phases, liquid crystals have a liquid-like behaviour and during others they have the opposite behaviour. The Nobel Prize The 1991 Nobel Prize in Physics was awarded for showing how simple analogies can be used to understand more complex systems such as liquid crystals and polymers (plastics), which behave like solids and liquids at the same time. Read More History and Properties of Liquid Crystals » Share this: Share on facebook Share on google_plusone_share Share on twitter More Sharing Services Share on email To cite this pageMLA style: "Liquid Crystals". Recommended: The Legacy of Alfred Nobel On 27 November 1895 Alfred Nobel signed his last will in Paris. Play the Blood Typing Game Unlocking the Secrets of Our Cells Press

How to Create 3D Text With CSS3 We’ve already seen how the CSS3 text-shadow property can be used to create glowing and blurred text. Today, we’re going to push the property to its limits and enter the realm of 3D: This is achieved without graphics, plugins, or canvas trickery. Don’t believe me? Take a look at the example page in Firefox, Chrome, Safari or Opera (sorry IE users — you’ll need to wait for version 10). The depth is created with multiple text-shadows. A few blurred shadows are then applied to make the 3D effect more realistic. The demonstration page shows an example and contains the full source code. OK, so it’s a lovely effect but that’s a lot of CSS code for your weary typing fingers. Contributing Editor Craig is a Director of OptimalWorks Ltd, a UK consultancy dedicated to building award-winning websites implementing standards, accessibility, SEO, and best-practice techniques.

Pure CSS Folded Corner Effect With Animations Folded Corners Effect with CSS3 Animations made by Charlotte Dann and inspired by this tutorial. I have improved the markup and CSS code a bit to make it more usable. We could use the ::before or ::after pseudo elements instead of the extra span elements but unfortunately transitions on pseudo elements arn't widely supported. For example I tried pseudo elements in this item but the animation failed to work in Chrome 17, while worked fine in Firefox 11. The folded corner is very simple to make. No IE7 and below support, sorry. Related: jQuery Fancy Switch I wrote a post a while back on coding an iPhone style switch using jQuery. I’ve now put together a simple tutorial demonstrating how simple it is to build a switch that triggers two radio buttons in a field set. It also degrades gracefully if JavaScript is disabled just displaying the two radio buttons with labels. This tutorial is aimed at users just stepping on the jQuery ladder, and hopefully this will demonstrate how simple some techniques are. The Code Lets run through line by line the JavaScript. We’ve then setup a ‘change()’ function which means the function is executed each time the user selects either checkbox, we then check the value of the radio button thats been selected and adjust the background position of the sprite image. Lastly for demo purposes im just displaying the status of the radio buttons in the div with the class ‘result’ The HTML Here we have a simple form with the two radio buttons in a fieldset. The CSS

Chemistry Chemistry Multimedia This web site contains a downloadable collection of quicktime movies of chemical animations such as catalytic reactions and 3-D molecules. These are good resources for chemistry teachers to use in their classrooms to facilitate the learning of chemical processes including bond formations and chemical structures. Molecule of the Month This web site highlights the complete chemistry of a different molecule each month. The Catalyst-Chemistry Resources For The Secondary Education Teacher on the WWW This site contains a variety of annotated web sites specifically for secondary chemistry teachers. The Chemistry Place This is a paysite with some free demonstrations. ChemTeam: main menu This site accesses many help sessions and tutorials in chemistry topics. Laser Lists of Nobel Prizes and Laureates Laser Play the Laser Challenge Game About the game Lasers have a remarkable range of uses - from measuring distances to precision surgery for repairing vision defects. Read More » The Nobel Prize Several Nobel Prize awarded discoveries in physics are related to the invention of the laser. Reading Laser Facts » ("Laser Facts" is also included in the game.) Share this: Share on facebook Share on google_plusone_share Share on twitter More Sharing Services16 Share on email To cite this pageMLA style: "Laser". Recommended: The Legacy of Alfred Nobel On 27 November 1895 Alfred Nobel signed his last will in Paris. Play the Blood Typing Game Try to save some patients and learn about human blood types! Unlocking the Secrets of Our Cells Discover the 2012 awarded research on stem cells and cell signalling. Contact E-mail us Press Sitemap A-Z Index Frequently Asked Questions Terms Follow Contact | Press | Sitemap | FAQ | Terms Copyright © Nobel Media AB 2014 Follow us: Follow us:

CSS3 properties explained | Perfect Dropdown Login Box like Twitter using jQuery Twitter’s running a new homepage with clean and easy design. Look at the top right of Twitter’s homepage, you’ll see the sign in button which will drop down the login form. Today, I will make an entry to show you how to create a login drop down with Twitter style using jQuery. It’s really easy, it’ll help you save the space of your webpage and make visitors feel comfortable by the awesome toggle login form. This entry will explain how it works step by step and it’s good for learning jQuery how to do the toggle and tooltips. It always has a demo and download at the beginning of my post. HTML Code At first, begin with the HTML code. Copy and paste the following code in a new html page: <divid="container"><divid="topnav"class="topnav"> Have an account? CSS Code You need to use css to define the Sign In button and and the Login Form. Copy and paste the following code to your css file or add it into your HTML page where you define the styles, these codes below define the Sign In button.

Orman Clark’s Vertical Navigation Menu: The CSS3 Version Next in the Orman Clark's coded PSD series is his awesome looking Vertical Navigation Menu. We'll recreate it with CSS3 and jQuery while using the minimal amount of images possible. The only images we'll be using are for the icons - I'll be creating a sprite using a new tool called SpriteRight, but this is optional. Additionally, I'll be using GradientApp to create my CSS3 gradients, but again this is optional. Step 1: Basic HTML Markup Let's start off by throwing in some basic markup, an empty HTML5 document: And now the markup for our menu; an unordered list within a containing wrapper. Lastly, we create the submenus by placing an unordered list nested within each of our existing list items. Okay, there may seem a lot there but don't let it confuse you. I've also added a class to each list item, just so it'll make styling easier later on. Step 2: Fluid Fonts We'll first make sure our menu displays correctly. Now to explain how the wrapper font size works. Step 3: Main Menu CSS Okay!

Database of Periodic Tables There are hundreds of periodic tables in web space, but there is only one comprehensive database of periodic tables & periodic system formulations. If you know of an interesting periodic table that is missing, please contact the database curator: Dr Mark R Leach. Harrington Periodic Tables So we start this effort tabula rasa (without preconceived ideas). 1) All atoms have a default "common denominator" structure at 270 mass units, irrespective of the element under discussion. Therefore, no elements seen as wisps and glints past this point are of consequence. Top of Page KAS Periodic Table The KAS periodic table reproduces and depicts the nuclear properties of chemical elements. The Segre Chart is based on the number of protons, Z, and the number of neutrons, N. Location that remains near the Neutron Dripline of element. Read more here, here and here. Sensu or Fan Periodic Table By NAWA, Nagayasu – A Japanese schoolteacher and periodic table designer – a "Sensu" or fan periodic table:

Related:  CSS3Scienceellenwillsscss,html and xhtmlData vizualisationMatterloginaWeb Design