The Absolute Minimum Every Software Developer Absolutely, Positively Must Know About Unicode and Character Sets (No Excuses!) By Joel Spolsky Wednesday, October 08, 2003 Ever wonder about that mysterious Content-Type tag? You know, the one you're supposed to put in HTML and you never quite know what it should be? Did you ever get an email from your friends in Bulgaria with the subject line "???? ?????? ??? I've been dismayed to discover just how many software developers aren't really completely up to speed on the mysterious world of character sets, encodings, Unicode, all that stuff.
But it won't. So I have an announcement to make: if you are a programmer working in 2003 and you don't know the basics of characters, character sets, encodings, and Unicode, and I catch you, I'm going to punish you by making you peel onions for 6 months in a submarine. And one more thing: In this article I'll fill you in on exactly what every working programmer should know. A Historical Perspective The easiest way to understand this stuff is to go chronologically. And all was good, assuming you were an English speaker. Unicode Hello Next: The 30 CSS Selectors you Must Memorize. Java Syntax Cheat Sheet. HTML Cheat Sheet. CSS Cheat Sheet. Getting Started. 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. CSS polyfills from the future | GSS. CodePen - Front End Developer Playground & Code Editor in the Browser. HTML element reference - HTML. Kalei Styleguide - CSS Living Style guide.
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. This is a tedious process that can work for a time, but it behooves us to know why specifying something like position: relative can fix your layout bug.
My hope is that we can learn the position property’s values and behaviors, and most importantly, how a value can affect your markup. 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. In action#section6. Normalize.css: Make browsers render all elements more consistently.
Try Ruby: learn the basics of the Ruby language in your browser. 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. Instant messaging was in its infancy and creating an online presence required no small familiarity with HTML (though automated Web design programs did exist). 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 Faking it with a virtual machine. Learn by Doing - Code School.
Google Code. JavascriptOO.
Dash. OpenClassrooms, Le Site du Zéro - Les cours les plus ouverts du Web. Learn Code The Hard Way -- Books And Courses To Learn To Code. JavaScript for Cats. ProgrammableWeb - APIs, Mashups and the Web as Platform. Code Playground. The Google APIs Explorer is a tool available on most REST API reference documentation pages that lets you try Google API methods without writing code.
The APIs Explorer acts on real data, so use caution when trying methods that create, modify, or delete data. For more details, read the APIs Explorer documentation. How to start exploring Click the name of the API you want to explore in the list below. This opens the API reference documentation. Google APIs Explorer Directory. BackTrack Linux - Penetration Testing Distribution.
TOra SQL GUI.