{"id":2550,"date":"2025-05-17T15:42:29","date_gmt":"2025-05-17T15:42:29","guid":{"rendered":"https:\/\/techtrendfeed.com\/?p=2550"},"modified":"2025-05-17T15:42:29","modified_gmt":"2025-05-17T15:42:29","slug":"i-am-so-outdated-internet-version","status":"publish","type":"post","link":"https:\/\/techtrendfeed.com\/?p=2550","title":{"rendered":"I am So Outdated: Internet Version"},"content":{"rendered":" \r\n<br><div id=\"main\"><article itemscope=\"\" itemtype=\"http:\/\/schema.org\/Article\">\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/davidwalsh.name\/demo\/2024\/03\/5a9a4b1432da8dff1d2cf2e17d5a81d1.gif\" alt=\"\" class=\"wp-image-27835\"\/><\/figure>\n\n\n\n<p>Time generally is a humorous factor. I nonetheless bear in mind discovering HTML, CSS, and JavaScript coding. I nonetheless bear in mind my first faculty programming course. I nonetheless bear in mind my first day at my first coding job, then my first day at my second coding job, after which my first day at Mozilla. I nonetheless bear in mind my first day coding for MetaMask. This 12 months marks my twentieth 12 months as an expert software program engineer and it is occurred within the blink of a watch.<\/p>\n\n\n\n<p>Each from time to time I&#8217;ll make an outdated programming reference to a a lot youthful engineer after which notice they don&#8217;t know what I am speaking about.<\/p>\n\n\n\n<p>I am so outdated&#8230;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Webpage layouts have been being achieved with <code><table>s and this new \"CSS <code>float<\/code>\" property was turning into the brand new normal<li>Rounded corners have been achieved through photographs and VML hacks for Web Explorer<\/li><li>FTP was one of the best ways to add web sites adjustments<\/li><li>SVN and copying its <code>trunk<\/code> was the perfect versioning device<\/li><li><code>alert<\/code> and <code>verify<\/code> have been the usual for \"modals\"<\/li><li>Firebug was the perfect debugging device accessible<\/li><li>The \"normal\" for getting movies to play correctly was discovering the precise codec to put in<\/li><li>ActionScript data was as beneficial as JavaScript data<\/li><li>Dreamweaver was greatest in school textual content editor and design device<\/li><li>XML was the way forward for information buildings<\/li><li>Cell-first? Cell did not exist<\/li><li>Reactive navigation? How about Java Applets...<\/li><li>...and even totally different <code><img decoding=\"async\" src=\"\"\/><\/code> upon <code>mouseover<\/code> and <code>mouseleave<\/code>!<\/li><li>Need to code a desktop app with internet tech? Attempt Adobe Air!<\/li><li>NPM stood for \"not performant, man\"<\/li><li>Voting on a ballot meant the web page would refresh<\/li><li>\"Social media\" meant HotOrNot.com<\/li><li>The love sound of the online was a 56k modem connection purrrrr<\/li><li>Disabling right-click enforced picture safety<\/li><li>Bitmap (<code>.bmp<\/code>) was a viable picture format<\/li><li>JavaScript had a competitor referred to as <code>JScript<\/code><\/li><li><a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/davidwalsh.name\/ajax-evil-spyjax\">SpyJax'ing<\/a> allow you to detect the place your person had been<\/li><li>Cookies have been the head of person monitoring<\/li><li>Social media wall? It is referred to as a \"guestbook\"...<\/li><li>...and a pals record? It is referred to as a \"internet ring'<\/li><li>SEO was spamming the <code><title\/><\/code> with key phrases=<\/li>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"blob:https:\/\/davidwalsh.name\/90f2e20a-08f0-4827-926a-af6a08af0169\" alt=\"\"\/><\/figure>\n\n\n\n\n\n\n\n<p>Whew, these the place the times.  How outdated are you in internet?<\/p>\n\n\n\n\n\n\n\n<div class=\"x x-long x-secondary\">\n    \n    \n    <div class=\"x-secondary-large\">\n    <a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/requestmetrics.com\/?utm_source=davidwalsh\" style=\"display:block;\">\n        <img decoding=\"async\" src=\"https:\/\/davidwalsh.name\/demo\/rm_perf_banner-728.min.svg\" style=\"max-width:100%;height:auto;\" alt=\"Request Metrics real user monitoring\" loading=\"lazy\" width=\"728\" height=\"90\"\/>\n    <\/a>\n    <\/div>\n    <div class=\"x-secondary-small\">\n    <a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/requestmetrics.com\/?utm_source=davidwalsh\" style=\"display:block;\">\n        <img decoding=\"async\" src=\"https:\/\/davidwalsh.name\/demo\/rm_perf_block_300.min.svg\" style=\"max-width:100%;height:auto;\" alt=\"Request Metrics real user monitoring\" loading=\"lazy\" width=\"300\" height=\"250\"\/>\n    <\/a>\n    <\/div>\n<\/div>\n\n\n\n\n\n\n\n<div class=\"article-block\" style=\"min-height:90px\"><div class=\"x x-long x-terciary\" style=\"max-height: none;\">\n  \n    \n    \n<div class=\"x-secondary-large\">\n  <a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/requestmetrics.com\/?utm_source=davidwalsh\" style=\"display:block;\">\n    <img decoding=\"async\" src=\"https:\/\/davidwalsh.name\/demo\/rm_perf_banner-728.min.svg\" style=\"max-width:100%;height:auto;\" alt=\"Request Metrics real user monitoring\" loading=\"lazy\" width=\"728\" height=\"90\"\/>\n  <\/a>\n<\/div>\n<div class=\"x-secondary-small\">\n  <a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/requestmetrics.com\/?utm_source=davidwalsh\" style=\"display:block;\">\n    <img decoding=\"async\" src=\"https:\/\/davidwalsh.name\/demo\/rm_perf_block_300.min.svg\" style=\"max-width:100%;height:auto;\" alt=\"Request Metrics real user monitoring\" loading=\"lazy\" width=\"300\" height=\"250\"\/>\n  <\/a>\n<\/div>\n\n  \n\n<\/div>\n<\/div>\n\n\n<div class=\"article-block post-more\" style=\"\u201cclear:both;\u201d\"><ul class=\"post-list small-list\"><li data-url=\"https:\/\/davidwalsh.name\/css-transforms\" itemscope=\"\" itemtype=\"http:\/\/schema.org\/Article\"><span itemscope=\"\" itemtype=\"https:\/\/schema.org\/ImageObject\"><img decoding=\"async\" src=\"https:\/\/davidwalsh.name\/demo\/photo-stack.png?preview\" class=\"post-image\" alt=\"Animating CSS3 Transforms with MooTools Fx\"\/><\/span><\/li><li data-url=\"https:\/\/davidwalsh.name\/page-visibility\" itemscope=\"\" itemtype=\"http:\/\/schema.org\/Article\"><span itemscope=\"\" itemtype=\"https:\/\/schema.org\/ImageObject\"><img decoding=\"async\" src=\"https:\/\/davidwalsh.name\/demo\/html5250.png?preview\" class=\"post-image\" alt=\"Page Visibility API\"\/><\/span><div class=\"preview\"><h3 itemprop=\"name\"><a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/davidwalsh.name\/page-visibility\" itemprop=\"url\">Web page Visibility\u00a0API<\/a><\/h3><p>One occasion that is at all times been missing inside the doc is a sign for when the person is taking a look at a given tab, or one other tab.  When does the person swap off our web site to take a look at one thing else?  When do they arrive again?<\/p><\/div><\/li><\/ul><\/div><div class=\"article-block post-more\"><ul class=\"post-list small-list\"><li data-url=\"https:\/\/davidwalsh.name\/flexbox-column\" itemscope=\"\" itemtype=\"http:\/\/schema.org\/Article\"><span itemscope=\"\" itemtype=\"https:\/\/schema.org\/ImageObject\"><img decoding=\"async\" src=\"https:\/\/davidwalsh.name\/demo\/css3logo250.jpg?preview\" class=\"post-image\" alt=\"Flexbox Equal Height Columns\"\/><\/span><div class=\"preview\"><h3 itemprop=\"name\"><a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/davidwalsh.name\/flexbox-column\" itemprop=\"url\">Flexbox Equal Top\u00a0Columns<\/a><\/h3><p>Flexbox was presupposed to be the pot of gold\u00a0on the lengthy, lengthy rainbow of inadequate CSS structure strategies. \u00a0And the one disappointment I've skilled with flexbox is that browser distributors took so lengthy to implement it. \u00a0I am unable to additionally declare to have pushed flexbox's limits, however...<\/p><\/div><\/li><li data-url=\"https:\/\/davidwalsh.name\/redacted-font\" itemscope=\"\" itemtype=\"http:\/\/schema.org\/Article\"><span itemscope=\"\" itemtype=\"https:\/\/schema.org\/ImageObject\"><img decoding=\"async\" src=\"https:\/\/davidwalsh.name\/demo\/redacted-font.jpg?preview\" class=\"post-image\" alt=\"Redacted Font\"\/><\/span><div class=\"preview\"><h3 itemprop=\"name\"><a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/davidwalsh.name\/redacted-font\" itemprop=\"url\">Redacted\u00a0Font<\/a><\/h3><p>Again once I created consumer web sites, one of many many issues that annoyed me was the preliminary design handoff. \u00a0It might at all times go like this:&#13;&#13;Work arduous to include consumer's concepts, dream up superior design.&#13;Create mentioned design, utilizing Lorem Ipsum textual content&#13;Ship preliminary design idea to the consumer...<\/p><\/div><\/li><\/ul><\/div><footer\/>\n\n\n\n\n\n\n\n\n\n\n    \n\n\n<\/table><\/code><\/li><\/ul><\/article><\/div>\r\n<br>\r\n","protected":false},"excerpt":{"rendered":"<p>Time generally is a humorous factor. I nonetheless bear in mind discovering HTML, CSS, and JavaScript coding. I nonetheless bear in mind my first faculty programming course. I nonetheless bear in mind my first day at my first coding job, then my first day at my second coding job, after which my first day at [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":2552,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[56],"tags":[406,505],"class_list":["post-2550","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software","tag-edition","tag-web"],"_links":{"self":[{"href":"https:\/\/techtrendfeed.com\/index.php?rest_route=\/wp\/v2\/posts\/2550","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techtrendfeed.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/techtrendfeed.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/techtrendfeed.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/techtrendfeed.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2550"}],"version-history":[{"count":1,"href":"https:\/\/techtrendfeed.com\/index.php?rest_route=\/wp\/v2\/posts\/2550\/revisions"}],"predecessor-version":[{"id":2551,"href":"https:\/\/techtrendfeed.com\/index.php?rest_route=\/wp\/v2\/posts\/2550\/revisions\/2551"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/techtrendfeed.com\/index.php?rest_route=\/wp\/v2\/media\/2552"}],"wp:attachment":[{"href":"https:\/\/techtrendfeed.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2550"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/techtrendfeed.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2550"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/techtrendfeed.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<!-- This website is optimized by Airlift. Learn more: https://airlift.net. Template:. Learn more: https://airlift.net. Template: 69d9690a190636c2e0989534. Config Timestamp: 2026-04-10 21:18:02 UTC, Cached Timestamp: 2026-05-06 22:19:54 UTC -->