If you’re designing a website or app, Interface Sketch templates are designed to help you sketch your ideas on paper. Download a template. Print it out. Start sketching! You can print in colour or black-and-white; on laser or inkjet printer. All templates are in PDF (portable document format). Some of the templates contain a grid of dots to help with alignment when you sketch. These dots do not represent the pixel dimensions of the device or browser. These templates are hosted on Google Docs. You can save the template to your computer as a PDF file.
Amazing CSS3 Border Transition Effects
Some crazy effects with Border Transitions. Originally made by ksk1015. Pretty basic CSS3 code, but amazing output.
TypeScript – A Language for Application-Scale JavaScript Development
TypeScript is a language for application-scale JavaScript development. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. Any browser. Any host. Any OS. Open Source. TypeScript offers classes, modules, and interfaces to help you build robust components. These features are available at development time for high-confidence application development, but are compiled into simple JavaScript. TypeScript types let you define interfaces between software components and to gain insight into the behavior of existing JavaScript libraries.
Davinci – HTML5 Development Tool for Web Applications
Davinci is a great development tool for creating Web Applications and Rich Media Contents with extensive support for web standards like HTML5 and CSS3. DaVinci offers an optimized JavaScript Framework for developing HTML5-based web apps. In general, HTML is mainly used as a document format for this. However, DaVinci offers the key functions needed to develop a great web app UX as well as biz logic, thus providing for an easy-to-use tool for developers.
Word Cloud Layout in HTML5
This is a Wordle-inspired word cloud layout written in JavaScript. It uses HTML5 canvas and sprite masks to achieve near-interactive speeds.
Adobe Edge Web Fonts – Get started with free web fonts
Edge Web Fonts gives you access to a vast web font library made possible by contributions from Adobe, Google, and designers around the world. The fonts are served by Typekit, so you can be sure of high performance and stability. Plus, it’s free!
3D Restaurant Menu Concept
Codrops shared a responsive 3D menu concept for a restaurant website. The idea is to show the menu as a folded flyer and unfold it in order to show the menu items.
Magnolia Free: Free Infographic PSD Template
Magnolia Free is a package of elements used to create infographics. Infographics are a visual representation of data. Using infographics is quite comfortable, when you need to quickly and efficiently explain some complex information or statistical data.
Clarify – Streamline your Frontend Workflow
Clarify is a tool for both, Designers & Developers, who want to optimize their workflow. Upload your designs and share them with your project team in a unified way. Clarify helps you with your daily tasks by providing useful utilities like a color picker, a measure tool, a module layer or a tool for screen annotations. After you’ve defined all your colors, fonts or measures, you can automatically generate an eye-catching living Styleguide for your project.
Bower: A Package Manager for the Web
Bower is a package manager for the web. Bower lets you easily install assets such as images, CSS and JavaScript, and manages dependencies for you.











