CodePlayer (in alpha)
Another share from Matt, this one you can watch the demo and then watch the dev build the demo from scratch, play, pause, edit the code they type, all that good stuff!
+
CodePen.io
A guy on my team at work, Matt, showed me this suweet site that shows off a bunch of front end dev tricks and exposes the html/css/js that powers the demo.
+
Best bug tracking I’ve ever seen… - Bug Herd
I got a live demo of this from one of our sister companies that’s using this solution, it’s AMAZING. Not only is it amazing, it’s $30 a mo for 5 devs and unlimited bug reporters. That’s “I’m going to use this on all personal projects from now on” pricing. *cripes!
+
If the authors of computer programming books wrote arithmetic books (via abstrusegoose.com)
I have also intentionally included fatal mistakes in the equations to make it more realistic. Please see the errata page on our website.
+
CSS3 Text Effects FTW
(via Line 25)
+
Ignore those, those are just errors.
— Chris Peters, one of my Web Dev friends talking about Coldfusion
+
I saw this today in some code I was expected to fix
I saw this today in some code I was expected to fix
<font size=”2” color=”#ed1d24” face=”Trebuchet MS, Arial, sans-serif”>
*openly weeps.
Might as well ask me to end world hunger. The code was terminally ill.
+
+
+
+
I Designed This, And I Like It!!! Wooo!! - Quest Site Admin Reports for SharePoint
It’s nice when you can make a design for something that’s probably good, make a design you like, and code it the way you want it to. Hollaaa!
The highlights for me are:
- Really love this “double border” style. Dark border on the outside, a light one on the inside. Something I’ve learned (stolen?) from MetaLabs, although they’re not the only ones to do it
- Mucked around with the lightbox implementation. Now the title is at the top, added a little gradient love and a close button that you don’t have to read or think about! Holla!
- Also the giant steps on the download page (click huge Get Started Now button). Wasn’t my idea, but I like how it turned out.
What do you think? Care to rate this site overall, we’ll say 1 is good, 10 is crap?
+
Awesome 404 Page - Let’s the user know that it’s kinda their fault…
+
CSS text shadow technique in detail
Continuing the recent trend of CSS3 reblogging and blogging, this is a good overview and implementation demo of how text shadow can be used for sexiness. Most of these demos are created by devs that are more interested that it works, not how it can be used to make pretty things, however this is a good exception, so I thought I’d share.
+
The Problem with Passwords - A List Apart
Very interesting thoughts based on a Jakob Nielsen article saying we should be able to see our password that we’re typing.This article proposes two solutions and offers code examples. The “Show Password” checkbox method, as seen on Windows 7 wifi password prompt, and the method the iPhone OS uses, only showing the last letter you typed for a few seconds before it turns into a bullet.
+
CSS3 Selectors
CSS3 Selectors
Not only all of this fun stuff (read more to see all of it), text-shadow is great (I’m sure designers are more excited than devs), and rounded corners. Although rounded corners have browser specific implementations at the moment (the styles are prefixed with -moz- or -webkit-) they’re fun to mess around with. Take a look at my Tumblr template on for my blog to see how I have tried it out
Fun trick I’ve been doing lately, since CSS3 is seeing implementation in all non-ie browsers, you can use it to create IE specific (general styles) then create a style for every other browser by using a pseudo selector.
For Example:
#prevLink:hover {
background: url(images/lightbox_previous-ie6.png) left 20% no-repeat;
}
#prevLink[href]:hover {
background: url(images/lightbox_previous.png) left 20% no-repeat;
}
A lot of exciting changes have come in CSS3, but like me, there is most likely plenty of detail you haven’t heard about. I want to show you some of the advanced selectors you can write with CSS3. Of course, browser support for these selectors can vary. But they will work in your modern, standards-compliant browser that you’re using, right? ;)
+
