Automation for UI Developement.
Note: This template is still in development.
Markdown is a lightweight markup language.
The web's most popular front-end template.
The most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
Bootstrap is not magic. It does not cure cancer. Only Chuck Norris’ tears do that. You are not going to drop Bootstrap onto your site and magically have a cross platform application that works on every device and is future proof. In fact, you are going to have to do a fair bit of extra work on top of what Bootstrap gives you out of the box to be fully responsive.
Also, keep in mind that Responsive Design is really just the beginning when it comes to building web experiences on mobile devices. Today’s phones and tablets are capable of so much more than just laying out content with a font big enough for you to read it. We are still trying to figure out how to simply display the content for these devices, but they are poised to do so much more if we can leverage all of the power they afford to users above and beyond what a desktop was ever capable of.
Expressive, dynamic, robust CSS.
CSS3 extensions for Stylus
Universal CSS styleguide generator for grunt. Easily integrate Styledocco or KSS styleguide generation into your development workflow. Default: StyleDocco Framework
StyleDocco generates documentation and style guide documents from your stylesheets.
A sample style guide can be found @:
Minify PNG and JPEG images.
Grunt task for converting a set of images into a spritesheet and corresponding CSS variables.
Generate the favicon pictures and HTML code that work on all major browsers and platforms.
A Good User Interface has high conversion rates and is easy to use. In other words, it's nice to both the business side as well as the people using it.
This document contains guidelines for web applications built by the Creative Technology (front end engineering) practice of Isobar. It is to be readily available to anyone who wishes to check the iterative progress of our best practices.
Best practices for modern web development
Fast and optimized pages lead to higher visitor engagement, retention, and conversions. The PageSpeed family of tools is designed to help you optimize the performance of your website. PageSpeed Insights products will help you identify performance best practices that can be applied to your site, and PageSpeed optimization tools can help you automate the process.
Best Practices for Speeding Up Your Web Site
Web Design Checklist. These are merely suggestions for your workflow.
This is a comprehensive checklist of things to check pre-launch that includes things like content, style, validation, seo, and security points.
The list is split into 4 roughly equal sections, (I) Accessibility, (II) Identity, (III) Navigation, and (IV) Content.
Optimizing your web site for search engines should be an integral part of your web site project.