Time can be a funny thing. I still remember discovering HTML, CSS, and JavaScript coding. I still remember my first college programming course. I still remember my first day at my first coding job, then my first day at my second coding job, and then my first day at Mozilla. I still remember my first day coding for MetaMask. This year marks my 20th year as a professional software engineer and it’s happened in the blink of an eye.
Every once in a while I will make an old programming reference to a much younger engineer and then realize they have no idea what I’m talking about.
I’m so old…
- Webpage layouts were being done with
s and this new "CSS
float
" property was becoming the new standard- Rounded corners were achieved via images and VML hacks for Internet Explorer
- FTP was the best way to upload websites changes
- SVN and copying its
trunk
was the best versioning toolalert
andconfirm
were the standard for "modals"- Firebug was the best debugging tool available
- The "standard" for getting videos to play properly was finding the right codec to install
- ActionScript knowledge was as valuable as JavaScript knowledge
- Dreamweaver was best in class text editor and design tool
- XML was the future of data structures
- Mobile-first? Mobile didn't exist
- Reactive navigation? How about Java Applets...
- ...or even different
uponmouseover
andmouseleave
!- Want to code a desktop app with web tech? Try Adobe Air!
- NPM stood for "not performant, man"
- Voting on a poll meant the page would refresh
- "Social media" meant HotOrNot.com
- The love sound of the web was a 56k modem connection purrrrr
- Disabling right-click enforced image security
- Bitmap (
.bmp
) was a viable image format- JavaScript had a competitor called
JScript
- SpyJax'ing let you detect where your user had been
- Cookies were the pinnacle of user tracking
- Social media wall? It's called a "guestbook"...
- ...and a friends list? It's called a "web ring'
- Search engine optimization was spamming the
with keywords=Whew, those where the days. How old are you in web?
Create a CSS Flipping Animation
CSS animations are a lot of fun; the beauty of them is that through many simple properties, you can create anything from an elegant fade in to a WTF-Pixar-would-be-proud effect. One CSS effect somewhere in between is the CSS flip effect, whereby there's...
39 Shirts – Leaving Mozilla
In 2001 I had just graduated from a small town high school and headed off to a small town college. I found myself in the quaint computer lab where the substandard computers featured two browsers: Internet Explorer and Mozilla. It was this lab where I fell...
spellcheck Attribute
Many useful attributes have been provided to web developers recently: download, placeholder, autofocus, and more. One helpful older attribute is the spellcheck attribute which allows developers to control an elements ability to be spell checked or subject to grammar checks. Simple enough, right?
CSS Tooltips
We all know that you can make shapes with CSS and a single HTML element, as I've covered in my CSS Triangles and CSS Circles posts. Triangles and circles are fairly simply though, so as CSS advances, we need to stretch the boundaries...
Source link