Thursday, October 3, 2013 9:52:48 AM
The project was created and is maintained by Adobe, and is released under an MIT License.http://brackets.io/
Thursday, October 3, 2013 9:36:20 AM
Create engaging, interactive HTML5-based designs and motion graphics that can run on any device.
Tuesday, July 23, 2013 5:51:39 PM
Ever notice how small flourishes and subtle transitions dramatically increases the value of the experience you enjoy with an app or site?
Designing and developing UIs for the mobile web is tricky, but it’s extremely difficult to do that while delivering something that performs at 60fps.
The best opportunities to getting jank-free transitions on phones/tablets are CSS transition and keyframe animation based, especially tapping into hardware-accelerated transforms and opacity changes.https://github.com/h5bp/Effeckt.css
Friday, June 7, 2013 8:14:01 PM
Adjusting image Brightness and Contrast, or turning image into Grayscale or Sephia is a common feature you may find in image editing application, like Photoshop. But, it is now possible to add the same effects to web images using CSS.
This capability comes from the Filter Effects which actually is still in the Working Draft stage. However, the Webkit browser seems to be a step a head in implementing this feature.
So, let’s give it a try and we will use this image from Mehdi Kh to demonstrating the effects.
Read more at:http://www.hongkiat.com/blog/css-filter/
Wednesday, June 5, 2013 11:22:15 AM
SlickMap CSS is a simple stylesheet for displaying finished site maps directly from HTML unordered list navigation. It’s suitable for most web sites – accommodating up to three levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences.
The general idea of SlickMap CSS is to streamline the web design process by automating the illustration of site maps while at the same time allowing for the pre-development of functional HTML navigation.
Features and Benefits
Eliminates the need for additional software
Easily revised with clients on-the-fly
Clickable anchors with visible URLs
Design process results in working HTML codehttp://astuteo.com/slickmap/
Saturday, April 27, 2013 8:57:03 PM
If you've wanted to create a simple but attractive site with some animation but didn't want to go through the hassle of using Flash (not to mention the cost), check out Hype on the Mac App Store. Hype uses a simple timeline metaphor to allow you to place images, text, shapes and more into pages and animate them. Hype uses a Scene metaphor to arrange your pages, much as you would arrange slides in Keynote. Add in your graphics, video and text, and a simple animated site can be yours in a few clicks.
While you can make animated sites quickly with Hype, the real beauty is the fact that you don't need plug-ins to deploy your pages. Freed from Flash, Hype exports lightweight HTML5 that will work nicely across iOS devices and Macs without crushing your CPU or draining your battery. My MacBook Air is so relieved!
Hype is available on the Mac App Store for a limited-time price of US$29.99.
You can also take a look at the free beta of Sencha Animator, a similar tool that Brett checked out late last year that's aimed more at the online advertising market.