HTML5: Edition for Web Authors W3C Working Group Note 28 May 2013 This Version: Latest Published Version: Latest Editor's Draft: Previous Versions: Editors: Robin Berjon, W3C Travis Leithead, Microsoft Silvia Pfeiffer Erika Doyle Navara, Microsoft Edward O'Connor, Apple Inc. Previous Editor: Ian Hickson, Google, Inc. Copyright © 2013 W3C® (MIT, ERCIM, Keio, Beihang), All Rights Reserved. Abstract This document has been discontinued and is only made available for historical purposes. This document is a strict subset of the full HTML5 specification that omits user-agent (UA) implementation details. This document is an automated redaction of the full HTML5 specification. Status of This document Browsable version-control record of all changes:
Animate text over images on hover without JavaScript | Geek Girl Life A couple of months ago, I published a tutorial showing how to show text over images on hover without using JavaScript. When I presented to an HTML5 Meetup Group a couple of weeks ago, I took that idea and ran with it, adding some extra special animations, and I’ll show you how to do it too. Here’s what we’ll be creating: There are three animations happening simultaneously when you move your mouse over each image: A zoom effect on the image itself, created by scaling the image up 140%The text and its transparent black background fading inThe text dropping in from the top You’re free to use all of the animations or to remove 1 or 2 of them – it all depends on how you’d like your final product to look. 1. I’m going to put the images in a list, and then use the HTML5 figure and figcaption elements to hold the images and associated text: 2. First up, we’ll modify the list style so that our images display side-by-side rather than in a list with bullets as they usually would. 3. 4. 5. 6.
Understanding Tail Recursion | CodeKraft A tail call is the last call executed in a function; if a tail call leads to the parent function being invoked again, then the function is tail recursive. In the first function – foo; the baz() function is a tail call while in foo2, the baz and biz are tail calls because both are the last calls to get executed in the function. The second example shows that the tail call doesn’t have to be the last line of the function – it just has to be the last call the function makes before it returns. Deep Dive Lets analyze the factorial function. A fact(3) call is traced out below: fact(3) -> 3 * fact(2) 3 * (2 * fact(1)) 3 * (2 * 1) 3 * 2 6 Every recursive call has to be totally evaluated before the final value can be calculated. Now let’s make a tail-recursive version of the same function. Evaluation of this function now looks like this: fact2(3) -> fact2(3, 1) fact2((3-1), (3*1)) fact2(2, 3) fact((2 -1), (2*3)) fact(1, 6) 6 fact3(2) trampoline(tailFact(2,1)) trampoline(tailFact(1, 2)) trampoline(2); 1.
HTML5 & CSS3 Fundamentals: Development for Absolute Beginners 10 minutes, 20 seconds 35 minutes, 14 seconds 29 minutes, 21 seconds 25 minutes, 25 seconds 48 minutes, 58 seconds 20 minutes, 18 seconds 6 minutes, 59 seconds 15 minutes, 30 seconds 13 minutes, 0 seconds 27 minutes, 27 seconds CSS Positioning 101 If you’re a front end developer or a designer who likes to code, CSS-based layouts are at the very core of your work. In what might be a refresher for some, or even an “a-ha!” for others, let’s look at the CSS position property to see how we can use it to create standards-compliant, table-free CSS layouts. Article Continues Below CSS positioning is often misunderstood. Sometimes, in a bug-fixing fury, we apply different position values to a given selector until we get one that works. The CSS specification offers us five position properties: static, relative, absolute, fixed, and inherit. Get with the flow#section1 First, let’s take a step back to recognize the world we’re working in. Boxes in the normal flow belong to a formatting context, which may be block or inline, but not both simultaneously. Think of a “box,” as described by the spec as a wooden block—not unlike the ones you played with as a young whippersnapper. Static and relative—nothing new here#section2 In action#section6
Programming Paradigms: An Introduction | CodeKraft A programming paradigm is a way of programming, a style of solving problems and thinking about the domain. Languages directly or indirectly influence programming style; for example, Haskell is purely functional while Python allows a blend of OOP, functional and imperative programming. Even though most new languages are multi-paradigm, they usually make it easiest to program in a single paradigm; C programs can be written in a functional programming style (instead of the orthodox procedural fashion) – it is just extremely difficult. Ever wondered why classes are needed to add two numbers in OOP Java? Paradigms can be viewed as abstractions and metaphors for modelling problems – logic programs can be viewed as theorem solvers; functional programs rely on mathematical models while OOP models real-life objects and their interactions. Let’s take a shallow dive into some of the popular paradigms. 1. imperate: Done by express direction, not involuntary; commanded 2. 3. 4. 5. Conclusion Like this:
Tables 17.1 Introduction to tables This chapter defines the processing model for tables in CSS. Part of this processing model is the layout. For the layout, this chapter introduces two algorithms; the first, the fixed table layout algorithm, is well-defined, but the second, the automatic table layout algorithm, is not fully defined by this specification. For the automatic table layout algorithm, some widely deployed implementations have achieved relatively close interoperability. Table layout can be used to represent tabular relationships between data. In a visual medium, CSS tables can also be used to achieve specific layouts. Authors may specify the visual formatting of a table as a rectangular grid of cells. Example(s): Here is a simple three-row, three-column table described in HTML 4: <TABLE><CAPTION>This is a simple 3x3 table</CAPTION><TR id="row1"><TH>Header 1 <TD>Cell 1 <TD>Cell 2 <TR id="row2"><TH>Header 2 <TD>Cell 3 <TD>Cell 4 <TR id="row3"><TH>Header 3 <TD>Cell 5 <TD>Cell 6 </TABLE> top
How to set up a safe and secure Web server Fifteen years ago, you weren't a participant in the digital age unless you had your own homepage. Even in the late 1990s, services abounded to make personal pages easy to build and deploy—the most famous is the now-defunct GeoCities, but there were many others (remember Angelfire and Tripod?). These were the days before the "social" Web, before MySpace and Facebook. Things are certainly different now, but there's still a tremendous amount of value in controlling an actual honest-to-God website rather than relying solely on the social Web to provide your online presence. It's super-easy to open an account at a Web hosting company and start fiddling around there—two excellent Ars reader-recommended Web hosts are A Small Orange and Lithium Hosting—but where's the fun in that? The hardware You'll need some hardware, and fortunately, a personal Web server doesn't require a lot of juice. If you're cannibalizing or cobbling, you really don't need much. Faking it with a virtual machine
Aprende a programar en diez años Por Peter Norvig. Teach Yourself Programming in Ten Years. Traducción libre al español por Carlos Rueda - ¿Por qué todos tienen tanto afán? Entra a cualquier librería y encontrarás Aprende Java en 7 Días y demás variaciones interminables ofreciendo enseñar Visual Basic, Windows, Internet, etc., en unos pocos días u horas. pubdate: after 1992 and title: days and (title: learn or title: teach yourself) y obtuve 248 ítems de resultado. La conclusión es que, o bien la gente tiene un gran afán por saber de computadoras, o bien las computadoras son algo fabulosamente más fácil de aprender que cualquiera otra cosa. Analicemos lo que podría significar un título como Aprende Pascal en Tres Días (Learn Pascal in Three Days): Aprende: En 3 días no tendrás tiempo de escribir varios programas significativos, y de aprender de tus éxitos y errores con ellos. Aprende a programar en diez años Aquí está mi receta para el éxito en programación: Referencias Bloom, Benjamin (ed.) Respuestas
CSS Font-Size: em vs. px vs. pt vs. percent | Kyle Schaeffer One of the most confusing aspects of CSS styling is the application of the font-size attribute for text scaling. In CSS, you’re given four different units by which you can measure the size of text as it’s displayed in the web browser. Which of these four units is best suited for the web? It’s a question that’s spawned a diverse variety of debate and criticism. Finding a definitive answer can be difficult, most likely because the question, itself, is so difficult to answer. Meet the Units “Ems” (em): The “em” is a scalable unit that is used in web document media. So, What’s the Difference? It’s easy to understand the difference between font-size units when you see them in action. As you can see, both the em and percent units get larger as the base font-size increases, but pixels and points do not. Em vs. We’ve decided that point and pixel units are not necessarily best suited for web documents, which leaves us with the em and percent units. The Verdict The winner: percent (%).