WebDev

  • Building an Interactive Navigation Bar with HTML/CSS

    A straightforward navigation structure can increase the usability of your site, and make information easy to find. By using basic HTML and CSS, you can build a horizontal nav bar that provides interaction when a user hovers over a navigation link.



    Read more 
  • Moving Towards a Web without Plug-Ins

    The Web began as markup only, and then some script and styling. For many developers, especially us veterans, it’s hard to imagine a Web without plug-ins. Since the earliest days, browser plug-ins like Flash and ActiveX have been the main way to create rich online experiences for more sophisticated Web experiences. And yet through the efforts of the industry and community, we have returned to a plug-in free Web once again. Much Web browsing today occurs on smart phones and tablets which have limited or no support for plug-ins. Modern browsers like Chrome, Firefox, and Internet Explorer 10/9 have embraced and implemented Web standards like HTML5, CSS3, and JavaScript which, in most cases, now reach feature parity with plug-ins (more on those differences later) and are more interoperable across browsers. With more than 75% of all browsers in North America now compatible with HTML5, market researcher Forrester recently said it’s time to say “so long” to plug-in. “The tide,” pronounced Forrester analyst Peter Sheldon, “is turning.”



    Read more 
  • HTML5 Datalist: What You Need To Know

    Autocompletion is a pattern that all web users are familiar with. When you do a search, your search engine suggests terms. When you type a new email message, your mail client suggest recipients. This functionality, however, has not been available to web developers without a nontrivial amount of JavaScript. One of the new HTML5 elements, the <datalist>, brings this autocomplete functionality to the Web natively. In this article, I’ll describe what datalists are, when it’s appropriate to use them, their limitations and what to do for browsers that don’t support them. Let’s get started.



    Read more 
  • 10 Killer Resources To Rock Your Next Bootstrap Project

    Bootstrap is the young star that is getting all the attention lately. Released in August of 2011, even Twitter may not have known how big it would get. As of June 2013, it is still the most popular GitHub development project with over 52k stars and over 16k forks. Bootstrap can be mind-blowing when you consider how easily it incorporates so many complex things on a website. But can it get improved upon? Are there tools to make it even more astounding? Yes. Here’s 10 resources to help you on your Bootstrap journey.



    Read more 
  • HowTo: Build (Sort of) an Instagram Clone with HTML5

    instafuzz-home-550

    When I started out on this app I was only really just interested in seeing if the web platform had really evolved to a point where an app like the hugely popular Instagram app could be built using just HTML, JavaScript and CSS.  As it turns out we can in fact do exactly that.  This article walks you through the technologies that make this possible and shows how it is entirely feasible today to build interoperable web applications that provide a great user experience no matter what brand of browser the user is running.



    Read more 
  • Web Developer Checklist and Userium: 2 Useful Helpers for Oblivious Web Developers

    checklists-f1-w550

    I’ll admit, you need not be oblivious to benefit from the two services I am about to introduce you to. It is not easy to keep proper track of all important aspects of clean and modern web design. I’m sure you will have created your own notes, hints, checklists as your experience developed throughout the years. In my case only the painful experiences made me jot things down for future reference. Today’s article shows you Userium and Web Developer Checklist. The two can help developers with lesser experience, yet still be of value to more experienced ones who declare themselves a notes grouch.



    Read more 
  • Surviving the Zombie Apocalypse with HTML5 and SVG #2: Text, Paths and Basic Animation

    zombie-apocalypse-2

    The first article in this series covered the basics of SVG, an overlooked, underappreciated aspect of HTML5. While different browsers implement SVG in different ways, the previous walkthrough described how to create text, incorporate SVG images and build basic shapes such as circles, polygons and paths in a way that all browsers recognize.



    Read more 
  • Mozilla Labs TowTruck: Brand-new Real-Time Collaboration Tool Tested

    towtruck-logo

    Mozilla Labs achieves amazing things. And this is more of an under- than an overstatement. The latest sprout from Mozilla’s garden, interestingly named TowTruck, makes no exception and promises a lot. TowTruck lets you integrate collaboration features into any website with a mere two lines of code. Once done, people can communicate, collaborate, create together right inside any website. They can even talk to each other via WebRTC. Noupe took a closer look…



    Read more 
  • Games Galore: Building Atari with CreateJS

    CreateJS + Atari + Internet Explorer 10



    Read more 
  • 80,000 Lines of Objective-C: Bringing Multi-Touch Physics to the HTML5 Browser

    "Contre Jour" is a video game that is "blurring the lines between interactive art and games". Made popular on iOS, and created by Maksym (Max) Hryniv, Contre Jour is known world-wide for its innovative gameplay, charming art style, and captivating soundtrack. With the debut of Internet Explorer 10, Microsoft was looking for an opportunity to demonstrate the updated JavaScript engine and advanced multi-touch features they had packed into their new browser.



    Read more 
search form
 
image description image description