Web Development Bookmarklets Web Development Bookmarklets These bookmarklets let you see how a web page is coded without digging through the source, debug problems in web pages quickly, and experiment with CSS or JS without editing the actual page. (To keep bookmarklets in order to use them on other web pages, drag them to your Bookmarks Toolbar. Or, install them all at once.) Browsers: is Internet Explorer for Windows, is Netscape 7 or Mozilla, is Netscape 4, and is Opera. Details Opens a JavaScript Shell and allows it to access the current page. Opens a JavaScript Development Environment and allows it to access the current page. Type in CSS rules to experiment or to create a temporary user style sheet. Creates a new window into which you can type CSS rules for the original page. Experiment with changes to the page's style sheet. Similar to "test styles". This bookmarklet supports inline and linked style sheets, imports, and style sheets with data: URLs (such as those created by "test styles"). Also shows classes (e.g.
Patternify | CSS Pattern Generator Free Viewer • FlairBuilder What is the online viewer? The online FlairBuilder viewer available at offers you a simple way for your clients or team to visualize the wireframes/prototypes you have created using the desktop version. How does it work? With one click you can share your project straight from the application. One click sharing The desktop application gives you a one click sharing option. Upload to your own server Upload the project file to a location visible from the internet, such as: Send your clients an URL in the following form:
ReloadIt CSS3 Animations Made Easy | Sencha Animator The Sencha Web Application Lifecycle Management platform simplifies the challenges of managing the software development lifecycle of web applications. Now you can seamlessly design, develop, and test data-intensive web applications and deliver the right user experience, on the right screen, at the right time. Sencha Platform for Web Application Lifecycle Management The Sencha portfolio of products and services forms an integrated, modular platform for managing the lifecycle of your cross-platform web applications. Sencha products can be deployed separately or together to form an end-to-end solution. With the Sencha Platform you can prototype, develop, theme, debug, and test your web applications on any device running any browser. Design The Sencha platform helps you accelerate your web application development efforts with out-of-the box theming capabilities across all applications. Learn More: Ext JS | Architect | Themer Develop Learn More: Ext JS | Sencha Test | GXT Test An Open Platform
Когда картинка красноречивее 1024 слов – прототипирование с MockingBird / Веб-разработка 21 марта 2010 в 15:00 Для написания ТЗ я задался вопросом поиска простого и удобного средства создания прототипов веб-страниц. Хотелось чего-то бесплатного и в онлайне, некой альтернативы Axure. Такой сервис удалось найти, его я и предлагаю вашему вниманию. Итак, встречайте www.gomockingbird.com – сервис, позволяющий создавать очень красивые прототипы легко и удобно. Возможности Рассмотрим возможности, описанные на официальном сайте: Быстрое создание прототипов за счет наличия большого количества визуальных элементов страниц в «палитре» и применении drag&drop: Возможность использовать ссылки на другие страницы прототипа и при просмотре переходить интерактивно между ними: Возможность поделиться (share) простой ссылкой, а не отправкой по email кучи файлов: Возможности подробнее Примеры Результат В общем, инструмент мне понравился. Только зарегистрированные пользователи могут оставлять комментарии.
teleject/Responsive-Web-Design-Artboards - GitHub OmniGraffle Wireframe Stencils 3.3 (6/14/13) Added Andrew Blair's Google Nexus device. 3.1-2 (2010) Ships natively with OmniGraffle 3.02 (4/2/2010) Fixed dimensions of iPad chrome viewport. 3.01 (2/24/2010) Added iPad chrome. Replaced graphic icons with vector images. 3 (9/15/2009) Modified all form and controls elements for color consistency. 2.0.1 (1/6/2009) Minor bug fixes, clean up of element alignment. 2.0 (1/6/2009) Major updates to version 1.