VHOT Blog

Posts Tagged Web Development

Adobe and HTML5 – New Visions for the Changing Landscape

Adobe Flash Mobile

Last week there was some BIG news coming from Adobe Systems. On the forefront was the news that they would cease further development on the mobile Flash Player, which is typically used to develop web sites, web applications, video, ads and rich media applications. Later in the week, they furthered the Flash Platform announcement with the news that they would move Adobe Flex to an unspecified open-source foundation; the new project leaders will include some of the original Flex SDK engineering team, along with developers from the Flex community. Further guidance of the project rests in the new governance committee, with the new committee to decide the framework’s direction.

In communication from corporate, they very clearly stated it would be best for them to focus on HTML5 as the future for mobile interactive features and animation, and discontinue Flash for mobile. While many people may see this as an inevitable transition, the announcement seemed abrupt for many Flash designers, animators and developers. It’s clear that Adobe sees HTML5 content creation as its future, but, for many developers invested in Flex and the Adobe Flash Platform, this will not be a simple transition of learning new software and buying into Adobe’s HTML5 vision.

Adobe Flash, Flash Builder, and the Flex Framework are powerful tools that HTML5 can not even come close to matching in its current state. It will take some time before the millions of sites already out there update to HTML5 and people tend to forget that the standards themselves don’t move as quickly as some would hope and imagine. HTML4, the predecessor, was officially published by the W3C in 1997—that’s 14 years ago!

After the dust has settled from the news last week, it seems that Adobe has simply confirmed that the landscape is changing and they are setting out to invest in the direction that makes sense for their corporate goals and their future customers. However, the take away point that seems to have been lost in the hype is that the Adobe Flash Platform is NOT DEAD! Adobe will continue investing in and promoting Flash for desktop browsers, as well as AIR on mobile devices. (AIR lets developers build apps in Flash, HTML, and other technologies, then package those apps to run on multiple platforms, including both mobile and desktop computers.)

With the news from the Adobe MAX conference of the mobile touch apps, HTML5 tools, and de-emphasis on Adobe Flash, Flash Builder, and Flex, this announcement was still a shock for many, however, it is important to remember that many of the new software solutions that Adobe is developing for their customers are built with the Adobe Flex/AIR framework. While they may not be focusing on the commercial sales of Adobe Flash Builder and trying to push the Flash Player on to every mobile device browser, they are continuing the investment in building their own solutions with the Adobe AIR runtime.

For the ever changing wild wild world of the web, Adobe has some new solutions up their sleeve that focus on HTML5 and the new supporting technologies that are rapidly becoming the standard for the web, mobile devices, and tables. Included in these new software solutions is Adobe Edge, Dreamweaver CS5.5, Typekit, and Phone Gap. Check out the official Adobe & HTML5 landing page for the latest developments.

Posted in: HTML5

Leave a Comment (0) →

Top 10 Reasions to Upgrade to Adobe Dreamweaver 5.5

Adobe Dreamweaver CS5.5

1. Enhanced Multiscreen Preview panel – With Dreamweaver CS5.5 enhancements to the Multiscreen Preview panel, you can view three different screen sizes and run your code in real time. This new functionality allows you to quickly and easily preview your designs for smartphones, tablets, and PC screens. You can also preview custom screen sizes and custom styles for each device. The Multiscreen Preview panel helps you create CSS media queries and display separate style sheets for each device. Design view has been updated to read your media queries. As you change the size of Design view, the corresponding media query is applied, which allows you to switch between styles in real time. Simply resize Design view to another size and design for that device.

2. New Media Queries dialog box – provides a robust method for generating and applying multiple media queries to your page or a site-wide media query file. With Dreamweaver CS5.5, you now have the tools to rapidly adapt existing websites and applications for multiple devices on the same code base.

3. Enhanced CSS3 and HTML5 support

  • Enhancements to Dreamweaver CS5.5 coding tools and workflow provide a new level of support for CSS3 and HTML5. Updates to the CSS panel, user interface, Live View, and advanced media queries help you be more productive as you design and develop for the web and mobile devices.
  • Updated Live View
  • CSS3 code hinting

4. Enhanced CSS panel —The CSS panel is the go-to place for quickly parsing and editing complex sets of styles.
More integrated support for HTML5—Dreamweaver CS5.5 helps you quickly and seamlessly apply your web skills to mobile design. WebKit support for     mobile starter layouts, improved code hinting, and integrated management makes it easier than ever to harness the power of HTML5 innovations.

5. Robust new jQuery integration – Coding just became more powerful, with integrated jQuery code hinting and starter layouts for many different types of mobile devices in Dreamweaver CS5.5. jQuery is the industry-leading JavaScript framework, so integrating it with Dreamweaver CS5.5 for extended jQuery code hinting makes it easier than ever to build robust user interfaces for mobile projects. If you are a web designer, you will appreciate how quickly you can add interactivity to web pages. If you are a developer, you will appreciate how the jQuery framework helps speed up the coding.

6. PhoneGap integration to build native Android and iOS apps – As web browsing becomes available on an ever-growing number of smartphones and tablets, you need solid support for the “write once–publish anywhere” development model. To streamline your projects, the PhoneGap framework is now integrated as an extension in Dreamweaver CS5.5. Using PhoneGap, you can build native Android and iOS apps directly from Dreamweaver CS5.5 projects. This also allows you to use your existing web development skills, assets, and resources—with no need to learn a new development model. With PhoneGap, you can write a mobile app using standards-based technologies (HTML, CSS, and JavaScript). You can add device-specific functionality, such as multi-touch, geolocation, and accelerometer features. To finish up, Dreamweaver assists you in compiling and packaging the app for direct delivery to the device or to vendor-specific online app stores.

7. Live View enhancements for more accurate rendering – With Dreamweaver CS5.5 enhancements to Live View, you can now preview and manage your web, mobile, and multiscreen projects with greater accuracy and all at the same time.

8. W3C validation for improved accuracy Dreamweaver CS5.5 uses the live W3C validation service for increased accuracy and high-quality code results for multiple versions of XHTML and HTML.

9. Support for Subversion 1.7 VCSDreamweaver CS5.5 offers enhanced support and updated libraries for the Subversion® version control system (VCS). Version control and file management are vital elements of a web project’s success, no matter how large or small your design and development team.

10. New FTPS and FTPeS support for more secure transfers Dreamweaver CS5.5 supports FTPS (FTP over SSL) and FTPeS (FTP over explicit TLS/SSL) as native transfer protocols. These two FTP variants are growing in popularity because they enable more secure, encrypted transfer of your files

Posted in: Adobe Dreamweaver, Adobe Training

Leave a Comment (0) →
Page 2 of 3 123