CINXE.COM
About Quackit
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="keywords" content="CSS, Cascading Style Sheets, ASP, Active Server Pages, XML, XHTML, HTML, Javascript, Domain names, Affiliate programs."> <meta name="Description" content="Resource for web developers, including CSS, XML, ASP, XHTML, HTML, Javascript."> <link rel="canonical" href="https://www.quackit.com/about.cfm"> <title>About Quackit</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <link rel="shortcut icon" href="/pix/favicon96.png"> <link rel="apple-touch-icon" href="/pix/apple-touch-icon.png"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet"> <link href="/common/css/master.45.min.css" rel="stylesheet"> <script async src="https://cdn.fuseplatform.net/publift/tags/2/3499/fuse.js"></script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-Q3H025ZKLN"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-Q3H025ZKLN'); </script> </head> <body> <header class="site-header"> <div class="site-header-base"> <div class="site-logo"> <a title="Quackit Homepage" target="_top" href="/"><img src="/pix/quackit_logo_watermark.png" width="87" height="33" alt="Quackit Logo"></a> </div> <button id="site-nav-toggler" class="site-nav-toggler" aria-expanded="false" aria-controls="site-nav"> <span class="sr-only">Toggle navigation</span> ☰ </button> </div> <nav id="site-nav" class="site-nav"> <div class="site-links"> <ul> <li><a href="/"><i class="fa fa-home"></i> <span class="sr-only">Home</span></a></li> <li><a href="/html/">HTML</a></li> <li><a href="/css/">CSS</a></li> <li><a href="/scripting/">Scripting</a></li> <li><a href="/database/">Database</a></li> </ul> </div> <div class="site-search-top"> <form action="/search/" id="cse-search-box-bottom" class="site-search"> <div> <input type="hidden" name="cx" value="partner-pub-6331358926293806:98x0fk-bbgi"> <input type="hidden" name="cof" value="FORID:10"> <input type="hidden" name="ie" value="ISO-8859-1"> <input type="text" name="q" size="20" class="site-search-input"> <button type="submit" name="sa" class="site-search-button"><i class="fa fa-search"></i></button> </div> </form> </div> </nav> </header> <div class="main"> <article class="content"> <h1 class="page-title">About Quackit</h1> <p class="lead">Bringing you tutorials since the turn of the millennium!</p> <p>Hi. My name is Ian. I'm the creator of Quackit.com, and I provide the content.</p> <p>I started creating websites in 1996. The web was a lot different back then!</p> <p>In fact, when I studied graphic design and marketing in the mid 1990s, the word "website" was never mentioned. Not once. Most people had never heard of a "website". Yet, within a few short years, my graphic design knowledge was being applied almost solely towards building websites.</p> <p>I then dedicated six years to studying IT. This saw me building computers, designing and setting up networks, designing databases, writing third-generation programs, oh... and developing websites.</p> <p>All this study resulted in me working in a range of graphic design, web development, IT, and marketing roles, as well as independent contract work over the years. </p> <h2>Why I created Quackit</h2> <p>I initially created Quackit in order to point web developers to resources that could potentially help them build better websites. Some of these resources were available from the Quackit website itself, others were from third party websites.</p> <p>I then began writing tutorials that could help beginners build websites, and even start a career in website development. I know how difficult it can be for someone when starting to learn a new technology. My aim with Quackit is to "de-mystify" these technologies as quickly as possible and to provide a general overview of each technology first (rather than jumping straight into the technical details). Having said that, I do provide technical details where it's required.</p> <p>Over time, I've added more and more tutorials, code libraries, and code generators.</p> <p>Although I started the Quackit website in 2000, the idea behind Quackit actually began around 1996 — when I started creating websites for the University of Sydney. As my knowledge expanded, I thought "What if I write down this new-found knowledge and publish it on my website?". The idea was that I could use my website as a reference tool. And I thought, "If I find this stuff useful, there's bound to be someone else out there who does too!". </p> <h2>Free Content</h2> <p>My intention is to keep the content absolutely free. Rather than charge for the content, I prefer to use advertising to cover the costs of running the website. This way, the content can remain free for anyone who wishes to view it. For more information, see my <a href="/affiliate_disclosure.cfm">affiliate disclosure</a>.</p> <p>If you find the content on Quackit useful, please consider linking to Quackit or mentioning Quackit on social media.</p> <p>Thanks for visiting, and I hope you find Quackit useful!</p> </article> <div class="sidebar"> <nav> <ul> <li> <h3 class="heading-only"><i class="fa fa-thumbs-up"></i> Popular</h3> <ul> <li><a href="/css/css_color_codes.cfm">CSS Color Codes</a></li> <li><a href="/html/online-html-editor/">Online Editor</a></li> <li><a href="/html/codes/">HTML Codes</a></li> <li><a href="/microsoft_access/tutorial/">Microsoft Access Tutorial</a></li> <li><a href="/database/tutorial/">Database Tutorial</a></li> <li><a href="/sql_server/tutorial/">SQL Server Tutorial</a></li> <li><a href="/html/codes/html_marquee_code.cfm">Marquee Code</a></li> <li><a href="/html/html_table_generator.cfm">Table Generator</a></li> <li><a href="/html/templates/">HTML Templates</a></li> <li><a href="/html/tags/">HTML Tags</a></li> <li><a href="/css/properties/">CSS Properties</a></li> </ul> </li> <li> <h3><a href="/html/"><i class="fa fa-html5"></i> HTML</a></h3> <ul> <li><a href="/html/tutorial/">HTML Tutorial</a></li> <li><a href="/html/tags/">HTML Tags</a></li> <li><a href="/html/codes/">HTML Codes</a></li> <li><a href="/html/html_editors/">HTML Editors</a></li> <li><a href="/html/templates/">HTML Templates</a></li> <li><a href="/character_sets/">Character Set Reference</a></li> <li><a href="/bootstrap/tutorial/">Bootstrap Tutorial</a></li> </ul> </li> <li> <h3><a href="/css/"><i class="fa fa-photo"></i> CSS & Design</a></h3> <ul> <li><a href="/css/examples/">CSS Examples</a></li> <li><a href="/css/reference/">CSS Reference</a></li> <li><a href="/css/properties/">CSS Properties</a></li> <li><a href="/css/functions/">CSS Functions</a></li> <li><a href="/css/data_types/" title="">CSS Data Types</a></li> <li><a href="/css/selectors/" title="All CSS selectors.">CSS Selectors</a></li> <li><a href="/css/css3/animations/animatable_properties/">Animatable Properties</a></li> <li><a href="/css/color/">CSS Color</a></li> <li><a href="/css/css_color_codes.cfm">CSS Color Codes</a></li> <li><a href="/css/tutorial/">CSS Tutorial</a></li> <li><a href="/css/flexbox/tutorial/">Flexbox Tutorial</a></li> <li><a href="/css/grid/tutorial/">Grid Tutorial</a></li> <li><a href="/sass/tutorial/">Sass Tutorial</a></li> <li><a href="/web_graphics/tutorial/">Web Graphics Tutorial</a></li> </ul> </li> <li> <h3><a href="/scripting/"><i class="fa fa-cog"></i> Scripting</a></h3> <ul> <li><a href="/javascript/tutorial/">JavaScript Tutorial</a></li> <li><a href="/javascript/examples/">JavaScript Examples</a></li> <li><a href="/jquery/tutorial/" title="Popular JavaScript library.">jQuery Tutorial</a></li> <li><a href="/jquery/examples/" title="Popular JavaScript library.">jQuery Examples</a></li> <li><a href="/json/tutorial/" title="Data format for exchanging data between applications and different environments.">JSON Tutorial</a></li> <li><a href="/python/tutorial/" title="">Python Tutorial</a></li> <li><a href="/coldfusion/tutorial/">ColdFusion Tutorial</a></li> <li><a href="/php/tutorial/">PHP Tutorial</a></li> <li><a href="/vbscript/tutorial/">VBScript Tutorial</a></li> </ul> </li> <li> <h3><a href="/database/"><i class="fa fa-database"></i> Database</a></h3> <ul> <li><a href="/database/tutorial/">Database Tutorial</a></li> <li><a href="/microsoft_access/tutorial/">Microsoft Access Tutorial</a></li> <li><a href="/mongodb/tutorial/">MongoDB Tutorial</a></li> <li><a href="/mysql/tutorial/">MySQL Tutorial</a></li> <li><a href="/neo4j/tutorial/" title="Graph database management system.">Neo4j Tutorial</a></li> <li><a href="/sql/tutorial/">SQL Tutorial</a></li> <li><a href="/sqlite/tutorial/">SQLite Tutorial</a></li> <li><a href="/sql_server/tutorial/">SQL Server Tutorial</a></li> </ul> </li> <li> <h3><a href="/web_hosting/"><i class="fa fa-cloud"></i> Web Hosting</a></h3> <ul> <li><a href="/create-a-website/">Create a Website</a></li> <li><a href="/web_hosting/tutorial/">Web Hosting Tutorial</a></li> <li><a href="/web_hosting/">Find a Web Host</a></li> <li><a href="/domain-names/">Domain Names</a></li> <li><a href="/web_servers/tutorial/">Web Server Tutorial</a></li> </ul> </li> <li> <h3><a href="/xml/tutorial/"><i class="fa fa-file-code-o"></i> XML</a></h3> <ul> <li><a href="/xml/tutorial/">XML Tutorial</a></li> <li><a href="/xml/tutorial/dtd_introduction.cfm">DTD Tutorial</a></li> <li><a href="/xml/tutorial/xslt_introduction.cfm">XSLT Tutorial</a></li> <li><a href="/xml/tutorial/xpath_introduction.cfm">XPath Tutorial</a></li> </ul> </li> </ul> </nav> </div> <div class="ads"> </div> </div> <div class="searchbox-bottom"> <form action="/search/" id="cse-search-box-bottom" class="site-search"> <div> <input type="hidden" name="cx" value="partner-pub-6331358926293806:npmuvy-i8kk"> <input type="hidden" name="cof" value="FORID:10"> <input type="hidden" name="ie" value="ISO-8859-1"> <input type="text" name="q" size="30" class="site-search-input"> <button type="submit" name="sa" class="site-search-button"><i class="fa fa-search"></i></button> </div> </form> <script src="//cse.google.com/cse/brand?form=cse-search-box-bottom&lang=en"></script> </div> <footer> <p class="about"><a href="/"><i class="fa fa-home"></i> Home</a> | <a href="/about.cfm" rel="nofollow">About</a> | <a href="/contact.cfm" rel="nofollow">Contact</a> | <a href="/terms_of_use.cfm" rel="nofollow">Terms of Use</a> | <a href="/privacy_policy.cfm" rel="nofollow">Privacy Policy</a></p> <p>© Copyright 2000 - 2025 Quackit.com </p> </footer> <script src="/common/js/spectrum/spectrum.js"></script> <script src="/common/js/lightbox2-master/dist/js/lightbox.min.js" charset="utf-8"></script> <script> $(document).ready(function(){ $( "#site-nav-toggler" ).click(function() { $( "#site-nav" ).toggle( "slow" ); }); }); </script> <script> $(function(){var a=window.location.href;$(".sidebar nav a").each(function(){a==this.href&&$(this).closest("li").addClass("selected")})}); </script> </body> </html>