viljamis/ResponsiveSlides.js 5 Exciting Things to Look Forward to in HTML 5 - ReadWriteWeb HTML 5 is the upcoming major revision of the HyperText Markup Language (HTML), the main method of marking up content for sharing on the World Wide Web. HTML's development stopped at HTML 4.01 in 1999, and since then web content has evolved so much that current HTML specifications are inadequate for today's requirements. HTML 5 aims to improve HTML's interoperability and address the growing demand for more diverse and complex web content. It also addresses HTML 4's lacking features for web applications. In this post, we'll look at 5 exciting new features in HTML 5. This is a guest post by Jacob Gube, a web developer/designer and author of Six Revisions, a blog on web development and design. A bit of history The conceptual thinking for HTML 5 began in late 2003. Development is underway, and HTML 5 is anticipated to reach W3C Candidate Recommendation status in 2012, though many modern browsers already have partial support for HTML 5 specifications. Exciting new features 1. 2. 3. 4. 5. In Sum
Near a tree » 2008 » Settembre Per concludere i miei racconti dall’Africa, vorrei sintetizzare (per quanto mi è possibile: quindi solo quattro o cinque pagine) quanto in pochi giorni ho appreso dei negri, osservandoli, parlando con loro e parlando con chi vive là da tempo. Naturalmente è possibile che si tratti di impressioni sbagliate, ma prima di metterle giù mi sono premurato di chiedere e trovare conferme. I negri condividono volentieri la miseria. Anche se muore di fame, il negro trova normale condividere con un altro negro il pezzo di cibo che ha in mano, anche se è uno che non ha mai incontrato. I negri, pur essendo molto più amichevoli e simpatici dei bianchi, non hanno la minima idea di cosa sia la buona educazione. I negri sono estremamente puliti. I negri sono generalmente pigri. I negri, proprio perché sono pigri, sono anche furbi. I negri sono onesti, molto di più di quel che crediamo noi. I negri sono semplici e ingenui. I negri adorano la musica, e sono degli ottimi ballerini.
css Zen Garden: The Beauty in CSS Design Vertical Centering in CSS Yuhu's Definitive Solution with Unknown Height Though there is a CSS property vertical-align, it doesn't work like attribute valign in HTML tables. CSS property vertical-align doesn't seem to be able to solely solve this problem: Definition of the problem there is an area (e.g. No general solution was known until September 2004. Display an example of the vertical centering in your browser. The idea The keystone of the solution for Internet Explorer 6, 7 or quirk mode is this: the internal object is absolutely positioned in half of the area height. Solution for standard browsers like Mozilla, Opera, Safari etc. Then both syntax are merged. Compatibility The code below works in Internet Explorer 5.0, 5.5, 6.0, 7, 8, 9 and 10 beta, in Gecko browsers (Mozilla, Firefox, Netscape 7), in Opera 7, 8 and up, every Chrome, Konqueror 3.3.1. The valid example doesn't work in IE 7 standard mode (update 2012: about 3 % of clients). Understandable code: Legend for colors: The result looks: Color legend: About
80 Awesome Twitter Bootstrap Templates To Get You Started Twitter Bootstrap is a powerful and easy to use framework enabling front-end developers to craft professional and high quality Bootstrap templates with flexible responsive layouts that look great on tablets, mobiles and desktops. Since its release back in august 2011 the development community has been growing fast, providing developers with the tools and knowledge to create ready-to-use, native Bootstrap html/CSS templates or themes that work on popular publishing platforms like WordPress and Joomla. One of the main reasons why Bootstrap is so popular is the ability to develop web apps and websites fast and its support for responsive design. When compared to other responsive CSS frameworks available it is also one the most mature frameworks with the largest user base at the moment, which certainly will have a positive effect on how mobile friendly websites are build. To help you get started, I have collected a list of my favorite Twitter Bootstrap templates. Article Index Site Templates
No more Transitional DOCTYPEs, please For a long time now my answer to people who ask me if they should use HTML or XHTML has been that it doesn’t really matter as long as you use a Strict DOCTYPE and not a Transitional one. If you’re not sure why, my article Transitional vs. Strict Markup for last year’s 24 ways is a good start. It’s good to see that I am not the only one who thinks that the phasing out of Transitional DOCTYPEs is long overdue (they are called Transitional for a reason, you know). Jack Pickard talks about this in his Accessites.org article It’s Time To Kill Off Transitional DOCTYPES (you can post comments on Jack’s personal website in the identically named It’s time to kill off Transitional DOCTYPEs). In the article Jack mentions the comment at the top of the HTML 4.01 Transitional Document Type Definition that basically tells you not to use it: This is the HTML 4.01 Transitional DTD, which includes presentation attributes and elements that W3C expects to phase out as support for style sheets matures.
The Sun The Sun is now in the quietest phase of its 11-year activity cycle, the solar minimum - in fact, it has been unusually quiet this year - with over 200 days so far with no observed sunspots. The solar wind has also dropped to its lowest levels in 50 years. Scientists are unsure of the significance of this unusual calm, but are continually monitoring our closest star with an array of telescopes and satellites. A sweeping prominence, a huge cloud of relatively cool dense plasma is seen suspended in the Sun's hot, thin corona. BlueRobot - There's nothing wrong with gray. Styling single selection menu control option groups (optgroup elements) with CSS This demo page is related to the article Styling form controls with CSS, revisited. For more info on the purpose of this page, please read the article. Each single selection menu control consists of this HTML: <select> <option selected>Option 1</option> <option>Option 2</option> <optgroup label="Option group 1"> <option>Sub option 1</option> <option>Sub option 2</option> <option>Sub option 3</option> </optgroup> <option>Option 3</option> </select> The following CSS rules are used to style the optgroup elements: In your current browser, with your current settings, the optgroup elements look like this (open each menu to see the styling of its optgroup element): Note that the first option element of each select element is selected. Here are screenshots from several browsers on different operating systems:
Bootstrap Form Builder Rendered source of your form: About Created By Adam Moore (@minikomi) to help take the stress out of writing all that markup to get bootstrap forms together. If you have a problem, or want a specific snippet added please check out the github project. Adding snippets is quite simple now (due to the rewrite!)