Fixed or fluid width? Elastic! A question many web designers ask themselves each time they start working on a new project is whether the site should use fixed or fluid width. The debates on the subject are many and sometimes heated. This is not one more of those debates. Instead I’ll explain how I combined some of the benefits of both fixed and fluid layouts when redesigning this site. The result is an elastic width layout, a concept which is not unique – you may recognise the term Elastic Design from Patrick Griffiths’ A List Apart article by that name. Design for iPad Emulator iPad Peek Test your web pages in the iPad browser emulator. Click on the top iPad border to rotate. LiveView for iPhone & iPad LiveView is a specialized remote screen viewing application intended as a tool to help designers create graphics for mobile applications
60 More AJAX- and Javascript Solutions For Professional Coding - Smashing Magazine Advertisement When it comes to design of modern web-applications, Ajax is considered as a standard approach. Interactive solutions for lightboxes, form validation, navigation, search, tooltips and tables are developed using Ajax libraries and nifty Ajax scripts. Ajax is useful and powerful. However, when using Ajax, one should keep in mind its drawbacks in terms of usability and accessibility. With an extensive use of Ajax, you can easily confuse your visitors offering too much control and too many features.
Welcome to Jinja2 — Jinja2 2.7-dev documentation Jinja2 is a modern and designer friendly templating language for Python, modelled after Django’s templates. It is fast, widely used and secure with the optional sandboxed template execution environment: <title>{% block title %}{% endblock %}</title><ul>{% for user in users %} <li><a href="{{ user.url }}">{{ user.username }}</a></li>{% endfor %}</ul> Features: sandboxed executionpowerful automatic HTML escaping system for XSS preventiontemplate inheritancecompiles down to the optimal python code just in timeoptional ahead of time template compilationeasy to debug.
jQuery Touchwipe (iPhone, iPad, iPod Touch Gesten Gestures Event Wischeffekt / Wipe Effect) The small 1 KB library allows you to obtain the wipe event on an iPhone, iPad or iPod Touch which can be used for example to scroll through an image gallery (see demo below). Should also work with Android touchscreens. Die 1 KB kleine Bibliothek ermöglicht das Abfangen des Wischevents auf einem iPhone, iPad oder iPod Touch um beispielsweise durch eine Bildergalerie zu scrollen (siehe Demo unten).
20 Useful Tools to Make Web Development More Efficient There are many available tools to help make web development projects quicker and more productive. Aside from a handy text editor or WYSIWYG editor like Dreamweaver, you can find plenty of tools and utilities that can greatly increase development speed, reduce debugging and testing time, and improve quality of the output. The tools described below are a variety of utilities, optimizers, testing, and debugging tools aimed towards helping developers create websites more efficiently. 1. “Steal Good Stuff” – iOS Design Pattern Collections Nov 24, 2011 Rule Number 1 if you’re going to “borrow” from other great people is to only steal things that are worth stealing. You know, good artists borrow, great artists steal. We are dealing more and more with people in large corporations suddenly finding themselves tasked like “hey you, design this iPad app!”
jQuery plugin: Tablesorter 2.0 Author: Christian Bach Version: 2.0.5 (changelog) Licence: Dual licensed (just pick!)under MIT or GPL licenses. Please with sugar on top! Don't hotlink the tablesorter.js files. iScroll This script has been superseded by iScroll 4 . This page is kept for historical reasons . Project info Project state: ACTIVE (code is actively updated) Last code update: 2010.10.08 – v3.7.1 Device compatibility: iPhone/Ipod touch >=2.0, Android >=1.5, iPad >=3.2. Discussion Group QR Code opens demo page. EasyRotator - Free jQuery Slider / Rotator Builder - Power, ease, flexibility - DWUser.com What Is It? EasyRotator ® allows you to build impressive jQuery sliders / rotators for your webpages in minutes. Available as a Dreamweaver extension and standalone application and WordPress plugin, it lets you select photos, choose a layout, make customizations, then have all necessary code automatically added to your page.
Cheat Sheets for Front-end Web Developers Cheat sheets are helpful to have around because they allow you to quickly remember code syntax and see related concepts visually. Additionally, they’re nice decorative pieces for your office and can prepare you for client questions regarding web development. In this article, you’ll find 23 excellent, print-ready cheat sheets for HTML/HTML, CSS, and JavaScript (including MooTools and jQuery).
UI Patterns For Mobile Apps: Search, Sort And Filter Advertisement As I was waiting for a table at a local restaurant the other day, I flipped through a couple of the free classified papers. I was shocked to realize how dependent I’ve grown on three simple features that just aren’t available in the analog world: search, sort and filter. AutoDirect and some of the other freebies are organized by category (like trucks, vans, SUVs) but others, like Greensheet, just list page after page of items for sale. I would actually have to read every single ad in the paper to find what I wanted. AngularJS Panels - simple portal widget with RESTful backend To understand how this component works you need to know AngularJS, at least a little. In case of any doubts please look at AngularJS documentation. The structure of the code is typical to every AngularJS application. First of all, we need controller which will also contain our JSON model: As you can see it's very easy to create model with full RESTful backend. For more extensive documentation on how to use $resource service look at $resource documentation.
Closure Tools What is the Closure Compiler? The Closure Compiler is a tool for making JavaScript download and run faster. Instead of compiling from a source language to machine code, it compiles from JavaScript to better JavaScript. It parses your JavaScript, analyzes it, removes dead code and rewrites and minimizes what's left. It also checks syntax, variable references, and types, and warns about common JavaScript pitfalls. How can I use the Closure Compiler?