Article
*Miscellaneous Front-end Code Standards & Best Practices
Submitted 1 year and 184 days ago (more from na.isobar.com)This document's primary motivation is two- fold: 1) code consistency and 2) best practices. By maintaining consistency in coding styles and conventions, we can ease the burden of legacy code maintenance, and mitigate risk of breakage in the future. By adhering to best practices, we ensure optimized page loading, performance and maintainable code.
Feeling Lucky?
- *Programming Optimizing javascript/jQuery loading time, a beginner’s guide
- With some great free tools you can easily optimize your javascript to load 2 or 3 times faster if you are willing to trade the regular way of embedding javascript file in the head document. With LABjs you can load your scripts simultaneously and specify an executing order. From my tests with dynatrace, the javascript loads 3x more rapidly using LABjs, Report Dead Link
- *HTML/CSS Media Queries - a collection of responsive web designs
- A gallery site of responsive websites. The term Responsive Web Design is the practice of using fluid grids, flexible images, and media queries to progressively enhance a web page for different viewing contexts. Report Dead Link
- *Design Create Effective Search Result Pages
- Search is usually the primary or secondary means of navigating a website. Because of it’s wide use, it makes sense to allocate some time to designing a user friendly search. In this post, I discuss what makes search results effective and include popular examples to reinforce the ideas presented. Report Dead Link
- *Programming Cross-domain communications with JSONP, Part 1: Combine JSONP and jQuery
- With the number of publicly offered Web service APIs, it's now much easier to get content from different Web sources and to build mashups—if you have access to the right APIs and tools. Discover how you can combine an obscure cross-domain call technique (JSONP) and a flexible JavaScript library (jQuery) to build powerful mashups surprisingly quickly. Report Dead Link
- *Programming 10 Useful Tips For Ruby On Rails Developers
- Rails is an model-view-controller Web framework written in the Ruby programming language. One of its great appeals is being able to quickly crank out CRUD-based Web applications. A big advantage of Rails over other frameworks is that it values convention over configuration. If you follow the correct conventions, you can avoid lengthy configuration of files, and things just work! Report Dead Link
- *HTML/CSS CSS Gradient Tool; Build the Apple Navigation Bar
- John Allsop has created a very cool CSS gradient exploration tool that lets you get the gradient you need, with the resulting sample and code right there (Safari only!) You could use it to do what he did, and recreate the Apple navigation bar in pure CSS instead of using images. John didn’t stop there, he already created tools for Box Shadows Shadows and Radial Gradients. Report Dead Link
- *HTML/CSS html5slides - A Google HTML5 slide template
- Google's HTML5 slide template. Report Dead Link
- *Miscellaneous Test How Ubiquity Will Become TaskFox, No Installation Required
- Taskfox, the Mozilla project that aims to bring some of Ubiquity's action-oriented awesomeness into Firefox without extensions, is moving along, and the team wants everyone to see how it might work without any downloads required. Here's a video detailing how TaskFox works so far. TaskFox is built with only HTML and JavaScript. Report Dead Link
- *Programming Eight Weeks of Prototype: Week 6, Writing JavaScript Classes with Prototype
- Prototype helps by providing a number of useful features for creating classes, such as the ability to extend classes and to easily group all functions together by using function binding. In this article I will show you how to create classes using JavaScript and Prototype. Report Dead Link
- *Usability Line length and readability
- We’ve always been told that lines of text should not be longer than 55 - 65 characters or thereabouts. Well, guess what – longer lines may not be that bad for on-screen readability after all. Report Dead Link
- *Programming jsPDF - Dynamically Generic PDFs with JavaScript
- jsPDF generates PDF documents using nothing but Javascript. You can use it in a Firefox extension, in Server Side Javascript and with Data URIs in some browsers. It currently only supports simple text, but I’m working on images and font embedding at the moment. Report Dead Link
- *Programming A guide to Silverlight 3 new features
- Allow me to share my thoughts and perhaps some deeper details with you if you can’t discern them in updated API documentation or marketing messages. Report Dead Link