HTML

Nine 'HTML' stories July 2011 - January 2014

Google releases tool to let devs bring Chrome apps to iOS & Android

Jordan Kahn Jan 28 2014 - 10:04 am PT

Google-Apache Cordova-Chrome

After letting us know last month that it was getting ready to release a toolkit to let developers easily bring their Chrome web apps to iOS and Android, today Google released a developer preview of the tool. In its blog post, Google explains the tool is based on open-source framework Apache Cordova, which allows devs to build native apps for iOS and Android using CSS, HTML, and Javascript. It’s also making a lot of its own core Chrome APIs available to developers through the preview. It essentially means devs will be able to bring their Chrome web apps to the App Store and Google Play, but it will also let them build new cross platform apps in CSS, HTML, and Javascript. Google explained how it works:
Expand
Expanding
Close

Chrome on iOS reduces mobile data by up to half – but only for invited users

Ben Lovejoy Sep 18 2013 - 4:31 am PT

5 Comments

If you use Chrome on your iPhone or iPad, and you’re not running the latest version, you may want to update it. Google has started inviting selected users to enable the data-compression feature it first launched on Android back in March.

For an average web page, over 60% of the transferred bytes are images. The proxy optimizes and transcodes all images to the WebP format, which requires fewer bytes than other popular formats, such as JPEG and PNG. The proxy also performs intelligent compression and minification of HTML, JavaScript and CSS resources, which removes unnecessary whitespace, comments, and other metadata which are not essential to render the page. These optimizations, combined with mandatory gzip compression for all resources, can result in substantial bandwidth savings.

Or, in less technical terms, Chrome strips out everything not needed to display webpages properly, so you get the same experience but with up to 50% less data usage. For those who do a lot of browsing on 3G/4G, that can make a big difference to your monthly data bill.

So far, only a relatively small number of users appear to have been invited to participate, but that number is likely to grow over the next few weeks.

Via TechCrunch

Apple updates iAd Producer with support for iBooks Author widgets, iTunes LPs, iTunes Extras, more

Jordan Kahn Apr 23 2013 - 1:29 pm PT

0 Comments

Apple’s iAd Producer tool for creating HTML5, CSS3, and Javascript ads for its iAd platform gets updated to version 4.0 today and adds a number of notable new features on top of some performance enhancements that Apple outlined in a knowledge base article. The updated app now allows users to create iBooks Author widgets, iTunes LPs, and iTunes Extras. Apple provides more information on the new features, such as creating an iBooks Author Widget for iBooks Author projects on the iAd Producer support page:

You can create an iBooks Author widget for use in your iBooks Author projects. For example, you can create a widget that allows users to stream video from the Internet, draw using their finger, or interact with a timeline.

A full list of what’s new in iAd Producer 4.0 including: folder-based organization support, new HTML, Stack, Drawing, and Panorama objects, in-app quick previews, CSS filter support for objects, and much more below:

New in iAd Producer 4.0

This release contains a number of new features and improvements

Improved Object library interface
Improved Actions library interface
Support for folder-based organization in the asset library
New HTML, Stack, Drawing, and Panorama objects
New actions for adding and removing CSS classes, animating background position, animating image masks, and text slide-in animation
Support for applying CSS filters as well as image and gradient masks to objects.
In-app quick preview
Project-wide search in the Code Editor
Better export performance
Improved menu layout
Improved font support, including support for OpenType fonts
Improved rulers and alignment guides
Enhanced inspectors, with pop-up color pickers, and gradient sliders that now represent opacity
Support for QuickLook previews in iAd Producer project files
Support for iTunes LP, iTunes Extras, and iBook Author widget project types
Other fixes and improvements

(via MacStories)

Adobe releases public preview of Edge Reflow, updates Edge Animate, Dreamweaver & Edge Code for Creative Cloud members

Jordan Kahn Feb 14 2013 - 9:00 am PT

0 Comments

Adobe announced updates on Thursday to many of its HTML5 design tools for Creative Cloud users. Among the updates, we get new features for Edge Animate, Dreamweaver, and Edge Code. Adobe is also releasing the first public preview of its Adobe Edge Reflow responsive web design tool. Head below for all the details:

Adobe Edge Reflow: After giving us a look at its new responsive design tool Adobe Edge Reflow in September, Adobe is finally releasing the first public preview free of charge to all Creative Cloud users. Adobe said the tool provides designers with the ability to create responsive layouts and high-fidelity web designs using CSS, a resizable design surface, and real-time previews with Edge Inspect. Users will also be able to extract the CSS for use in Dreamweaver, Edge Code, or another editor. Adobe detailed today’s public release in the video above.

Adobe Edge Animate: Today’s update to Edge Animate brings new features, including: “gradients, CSS filters, and enhanced font support.” Adobe highlighted new CSS capabilities that consist of the ability to style and animate linear and radial gradients, new CSS filters such as blur, greyscale, brightness, contrast, sepia, and saturate filters, and a visual web font selector to add typography and live preview web fonts.

Adobe Dreamweaver: As for Dreamweaver, Adobe has updated the app exclusively for Creative Cloud members to bring integrated access to typography and a new fluid grid layout. The fluid grid layout feature was first introduced in Dreamweaver CS6, but it now includes “class tags in addition to ID tags” and a new editing UI. Users will also be able to preview and select Edge Web Fonts in Dreamweaver.

Adobe Edge Code preview: Adobe also highlighted new features of the latest Adobe Edge Code preview:
Expand
Expanding
Close

Vine gets 17+ rating, ProCutX for Final Cut Pro, Gmail, Tweetbot, Poster, deals, more

Jordan Kahn Feb 6 2013 - 6:59 am PT

0 Comments

[hulu id=_cdivytk6g8qt3ggv4rw0a width=704 start_time=206 end_time=325]
Vine version 1.0.5: Twitter’s new short video sharing app Vine ran into a bit of controversy when pornography found its way into the Editor’s Picks section due to human error. The developers have since addressed the issues and today’s update not only brings new Twitter and Facebook sharing features, but also the ability to block and report profiles. As noted by The Verge, the 1.0.5 update also increased the rating of the app from 12+ to 17+.

• Share to Twitter or Facebook after posting. Find the post you want to share, then tap the “…” button in the bottom right.
• Report or block a profile. Go to the profile, then tap the newly added “…” button in the top right.
• Fixed an issue that caused a black screen to appear and uploads to fail after creating a video on certain devices
• Miscellaneous bug fixes

ProCutX for Final Cut Pro X: Final Cut plug-in maker & production company Pixel Film Studios is out today with a new app that allows iPad users to control a FCPX session running on their Mac. At first glance the app appears to provide a pretty slick UI and the developers said it offers access to all of the software’s editing tools to “control every step of the FCPX editing process.”

• Precision Timeline Scrubbing
• Quick Retiming
• Auto-Correct Color
• Color Grading
• Compound Clip Editing
• Import, Export, and Rendering shortcuts
• Quick Keywording
• Fast access to Tools
• System Volume Control
• Timeline Zooming
• Audio Enhancements
• Record Voiceovers

Tango version 2.6.36915: The popular text, voice, and video chat app Tango was updated today with a new central gallery for pictures and videos and a number of enhancements:

✔ New! Find all your pictures and videos in a central gallery.

✔ New! Improved call handling makes connect faster.

☂ Bug Fixes

Tweetbot version 2.7.1:
Expand
Expanding
Close

Moscone WWDC 2012 Banners start going up ‘Where great ideas go on to do great things’ [Gallery]

Mark Gurman Jun 5 2012 - 4:05 pm PT

0 Comments

We are sure these are the first of many, so go ahead and send yours to tips at 9to5mac.com.

Updated: We made a gallery. Thanks Andrew Stern, Jon Bauer and Nelson!

Expand
Expanding
Close

iPhone hacker Chpwn (Grant Paul) now interning at Facebook

9to5 Staff Jun 4 2012 - 9:12 pm PT

0 Comments

[tweet https://twitter.com/chpwn/status/209857741949382656]

In what now seems like a rite of passage, iPhone hacker Chpwn (Grant Paul) has taken a job at Facebook following Geohot’s brief tenure at the Social Network.

It almost seems like Facebook is trying to hack together a Facebook phone with Apple people over there or something.

Leaked next-generation iPhone parts match up with internally tested iPhones with larger screens (9to5mac.com)
Lengthy profile on famed jailbreaker Geohot from The New Yorker (9to5mac.com)

LinkedIn releases iPad app with calendar syncing feature

Jordan Kahn Apr 26 2012 - 5:34 am PT

0 Comments

[slideshow]

A long-awaited iPad version of popular professional networking service and social network LinkedIn has finally arrived alongside an updated iPhone app and new interfaces for the service. As you would expect, the app provides much of the same features of the previous iPhone version with access to “Updates,” “Profile,” and “Inbox” through a completely redesigned interface. The new iPad version also does a good job of pulling calendar data from the device’s calendar app and merging it with data/events from the network.

The app appears to be designed entirely in HTML, which might mean LinkedIn has plans to bring the same experience to other platforms. You can grab the updated LinkedIn iOS app for iPhone or iPad now.

Edge, Adobe’s new web motion and interaction design tool, now available as a preview

Seth Weintraub Jul 31 2011 - 9:26 pm PT

0 Comments

Adobe today released its “Flash for HTML5” web design tool Edge into Beta.

Adobe® Edge is a new web motion and interaction design tool that allows designers to bring animated content to websites, using web standards like HTML5, JavaScript, and CSS3.

This version of Edge focuses primarily on adding rich motion design to new or existing HTML projects, that runs beautifully on devices and desktops.

Create new compositions with Edge’s drawing and text tools.

Import popular web graphics such as SVG, PNG, JPG or GIF files.

Easily choreograph animation with the timeline editor. Animate position, size, color, shape, rotation and more at the property level.

Energize existing HTML files with motion, while preserving the integrity of CSS-based HTML layouts.

Copy and paste transitions, invert them, and choose from over 25 built-in easing effects for added creativity.

[youtube=http://www.youtube.com/watch?v=8FnNtX73v8k]

Two example videos and feature breakdown below (Via The Loop):
Expand
Expanding
Close

HTML

Related articles