You are currently browsing the category archive for the ‘dma500 Web Design’ category.
The worldwide smartphone market has grown 79.7% year-over-year with smartphone vendors shipping a total of 99.6 million units in in the first quarter of 2011, market research firm IDC reports and Nokia is still the world’s biggest smartphone manufacturer market share, its decline has been amazingly fast.Samsung shipments rise 350 percent and has more than quadrupled its output to 10.8 million shipments in the quarter.The other big gainer is Apple, with 10 million more iPhones shipped, but the truth is that all the top five vendors are showing double-digit growth and IDC has also released data for Western Europe that shows Nokia has lost the top spot both in terms of smartphones, to Apple, and in terms of overall mobile phone shipments, to Samsung.
The worldwide smartphone market grew 79.7% year over year in the first quarter of 2011 (1Q11), driven by a combination of vendors releasing highly anticipated models, widespread availability of older smartphones at lower prices, and sustained end-user demand. According to the International Data Corporation (IDC) Worldwide Quarterly Mobile Phone Tracker, smartphone vendors shipped a total of 99.6 million units in 1Q11, nearly double from the 55.4 million units in the first quarter of 2010.“Conditions in the smartphone market are creating a perfect storm for sustained smartphone growth,” says Ramon Llamas, senior research analyst with IDC’s Mobile Phone Technology and Trends team. “First, vendors are increasingly emphasizing smartphones as the key to their own growth. Second, selection has proliferated from mostly high-end devices to include more mid-range and entry-level offerings. Third, pricing has become increasingly competitive, with even high-end devices available at low price points. Finally, users continue to seek greater utility from their mobile phone beyond voice, and smartphones have been the ideal solution. Altogether, these add up to continued smartphone growth throughout the year.”
The strong demand for smartphones also means the market will remain highly competitive and fragmented. “The rise of Android as a prominent mobile operating system has allowed several suppliers to gain share quickly,” adds Kevin Restivo, senior research analyst with IDC’s Worldwide Quarterly Mobile Phone Tracker. “Also, the relatively nascent state of smartphone adoption globally means there is ample room for several suppliers to comfortably co-exist, at least for the short term.”Top Five Smartphone Vendors:
- Nokia, despite announcing its intentions to move from Symbian to Windows Phone as its primary smartphone operating system, maintained its leadership position in the smartphone market. Demand for Symbian-powered smartphones remained strong within its traditionally strongest markets of EMEA and Asia/Pacific, and the company continues to announce more devices running on Symbian, including the E6 and the X7. Still, as Nokia transitions from Symbian to Windows Phone, it may find itself in danger of ceding market share as the competition ramps up smartphone production.
- Apple reached a new record shipment volume in a single quarter, and inched closer to market leader Nokia with fewer than six million units separating the two companies. The company posted market-beating year-over-year growth and recorded triple-digit growth in two key markets: the United States, with the release of its CDMA-enabled iPhone, and Greater China. Additionally, the company enlisted South Korean Telecom and Saudi Telecom as carrier providers of the iPhone.
- Research In Motion remained solidly in third place from the previous quarter, as the company grew its presence outside of its home territory of North America. RIM has launched several 3G devices to the market, and recently announced two new BlackBerry smartphones running on its new BlackBerry 7 OS. Still, the majority of RIM’s shipment volumes have been comprised of older, lower-cost devices. The company expects this trend to continue into the following quarter.
- Samsung posted the largest year-over-year gain of any other vendor on the list. With a multiple operating system strategy in place, Samsung has been able to grow its smartphone portfolio to meet the needs of a diverse market. Accounting for the majority of its smartphones and driving shipment volumes higher was the continued success of its Android-based smartphones, including the high-end Galaxy S devices and mass-market Galaxy Ace and Galaxy mini devices. Meanwhile, its bada-powered Wave devices and Windows Phone 7 devices continued to gain traction.
- HTC posted yet another record shipment volume, nearly surpassing the ten million unit mark for the first time. Like other vendors, HTC announced multiple new devices, including the Facebook-optimized Salsa and ChaCha. In addition, the company launched several new devices, including its Inspire 4G, WiMAX-enabled EVO Shift 4G, and LTE-enabled Thunderbolt. These, along with its investment and developments on hardware, displays, and its HTC Sense layer have helped HTC differentiate itself further in an increasingly crowded market.
smartphones photo : http://magazine.jfaonline.net/?p=12869
Adobe Labs is the home for experimental and early-stage projects where developers and designers can experience and evaluate new and emerging innovations, technologies and products from Adobe engineers.
Adobe Labs fosters a collaborative software development process, allowing users to become productive with new products and technologies faster and allowing the Adobe development teams to respond and react to early feedback to shape the software to meet the needs and expectations of the community. At Adobe Labs, visitors get access to resources such as prerelease software and technologies; code samples and best practices to accelerate the users’ learning curve; early versions of product and technical documentation; and forums, wiki-based content and other collaborative resources to help them interact with other developers and Adobe.
Recently Adobe came up with a new Flash-to-HTML5 tool, known as “Wallaby,” that enables Flash developers to build apps with greater reach. Adobe introduced Wallaby in a demo at the Adobe MAX 2010 conference in October and released it on the Adobe Labs site March 8 as an experimental technology for developers to try out. Adobe customers called for a closer look at the technology following that MAX demo.
Wallaby is an Adobe AIR application that allows designers and developers to convert Adobe Flash Professional files into HTML5 with a simple drag and drop of the mouse, quickly expanding the distribution of creative content across platforms.
Full article at URL below.
Today we all use our smartphones and our broadband-equipped home and work PCs and tablets to instantly access information and data on just about any topic via the Internet. But have you ever taken a few moments to realize how far we’ve come since our first forays online?
by Todd R. Weiss
“… people in the newspaper industry saw the web as a newspaper. People in TV saw the web as TV, and people in book publishing saw it as a weird kind of potential book. But the web is not just some kind of magic all-absorbing meta-medium. It’s its own thing.”
- CSS Centering 101
- Faux Columns
- A simple introduction to 3 column layouts
- Liquid Bleach
- Fixed or fluid width? Elastic!
- In search of the One True Layout
- Current CSS Layout Techniques
- One clean HTML markup, many layouts…
- Width-based layout
- Variable fixed width layout
- CSS Drop Column Layout
- CSS3 Multi-Column Thriller
- A CSS Framework
- Dynamic Resolution Dependent Layouts
- The Layout Reservoir
- Multi-Unit Any-Order Columns
- On Fixed vs. Liquid Design
- Little Boxes
- Sample CSS Page Layouts
- Advanced CSS Layouts
- Practical CSS Layout Tips
- Layout Gala
- Internet Explorer and the CSS box model
- Gallery of CSS lay-outs
- CSS frames
- CSS Layouts
Adobe Systems is providing a set of HTML5 tools for developers and designers, the Adobe HTML5 Pack. The company made the announcement at the Google I/O show.
Adobe announced the tool set at the Google I/O conference in San Francisco on May 18. “The Adobe HTML5 Pack is an extension to Adobe Dreamweaver CS5, the latest version of the industry-leading HTML authoring tool for Website design. This extension provides more creative options to Adobe Creative Suite 5 users—so they can more easily create, deliver and optimize compelling content consistently, across the widest array of screens, to maximize revenue streams and forward their businesses,” Adobe said in a news release.
During the May 18 keynote address at Google I/O, Adobe CTO Kevin Lynch addressed the audience, saying, “HTML5 is great; it’s a great move forward for the Web.” Lynch’s pronouncement and the new HTML5 tools might help quell the notion that Adobe has had a different agenda regarding HTML5. Lynch went on to demonstrate the HTML5 tools and Dreamweaver’s capabilities.
“Availability of this HTML5 Pack extension is the direct result of positive customer feedback that began at [the]Adobe Max 2009 [developer conference] when the company first gave a sneak peek of the technology, and then again most recently following a post on the Adobe Design and Web blog, where additional HTML5 and CSS3 [Cascading Style Sheets 3] R&D investments were discussed,” the company said.
“The HTML5 Pack extension includes new code hinting for HTML5 and CSS3 capabilities to enable Dreamweaver users to easily make use of new HTML5 tags,” Adobe continued. “The extension also includes WebKit engine updates and improvements to support video and audio in Dreamweaver CS5’s Live View. With new CSS3 capabilities users can more easily design multiscreen Web pages, with previews of how they will render across multiple browsers and devices. Additionally, the HTML5 Pack features HTML5 starter layouts to the New Document dialog box in Dreamweaver CS5, making it easier for users to accelerate their efforts to design and develop with the latest in emerging Web standards.”
“Adobe prides itself on delivering industry-defining tools and being compatible with the most popular Web programming languages, formats, APIs and libraries,” Lea Hickman, senior director for Creative Solutions at Adobe, said in a statement. “We continue to move forward to support the leading edge of work in HTML, enabling our customers to deliver creative content taking advantage of the latest in HTML capabilities.”
“Underscoring its commitment to this emerging standard, Adobe has made its HTML5 Pack extension for Dreamweaver CS5 immediately available, as a free download, at http://labs.adobe.com/downloads/html5pack.html,” the company said.
“One of Dreamweaver’s great strengths is its extensibility and it’s encouraging to see that Adobe has wasted no time in providing support for those parts of HTML 5 and CSS3 that are already supported by several browsers,” David Powers, founder of and developer at Foundation PHP, said in a statement. “By adding support through an extension, rather than hard-baking it into the core program, Dreamweaver should be able to keep pace with developments as the specifications and browsers evolve.”Article Source : http://www.eweek.com/c/a/Application-Development/Adobe-Delivers-HTML5-Tools-for-Dreamweaver-CS5-418881/
Adobe launches its HTML5 Pack for Adobe Illustrator CS5.
Adobe Systems has announced the availability of the Adobe HTML5 Pack for Adobe Illustrator Creative Suite 5 (CS5).
In May, at the Google I/O conference, Adobe announced the Adobe HTML5 Pack, a set of HTML5 tools for developers and designers that was an extension to Adobe Dreamweaver CS5, the latest version of the industry-leading HTML authoring tool for Website design. Adobe CS5 is a vector graphics software package, used extensively by designers of mobile device and Web content.
This new pack provides initial support for HTML5 and CSS3 and extends the scalable vector graphics (SVG) capability in Illustrator, making it easier to design, deliver and optimize compelling content for mobile devices and the Web, Adobe said in a press release describing the new solution.
By delivering this extension and supporting open standards, Adobe empowers developers, publishers and designers to make their own choices about how to create, distribute and access content. The HTML5 Pack lets Web designers and developers take advantage of the latest advancements in HTML5 through enhanced integration between Illustrator CS5 and Adobe Dreamweaver CS5 software, the company said. SVG generated by Illustrator can be displayed directly in compatible browsers, and Illustrator can be used to generate CSS code for styling of HTML content. The HTML5 Pack for Illustrator CS5 is immediately available on Adobe Labs as a free download, at http://labs.adobe.com/downloads/illustrator_html5.html.
“Producing graphical Web content that can be viewed across mobile devices has been tricky, with devices varying greatly when it comes to screen size and performance,” said Lea Hickman, senior director of creative and interactive solutions at Adobe, in a statement. “The HTML5 Pack for Illustrator CS5 gives designers and developers the power to deliver high-quality graphic content for the Web that can look great, no matter what the screen.”
“Our clients ask us to develop content to engage customers across a range of media—from online to mobile devices—and we are continually exploring new ways to meet their needs both technically and creatively,” said James De Jesus, director of creative development at AKQA, a creative agency specializing in interactive marketing, also in a statement. “The HTML5 Pack for Illustrator CS5 will let us extend our use of Illustrator CS5 to develop scalable creative content that looks amazing and integrates well with the latest Web standards.”
The HTML5 Pack for Illustrator provides features that enable users to take advantage of the latest developments in HTML5, CSS3, SVG and Canvas for easy multiscreen authoring, Adobe said. The SVG and Canvas enhancements also simplify interactive Web content development. Designed to complement the recently released HTML5 technology release for Dreamweaver, the technology enhances integration between Illustrator and Dreamweaver, making it easier to design and develop with the latest emerging Web standards. Users can also create Web widgets with Illustrator by generating dynamic vector art for data-driven Web workflows and map artwork appearance attributes from designer to developer tools by exporting from the Illustrator Appearance Panel to CSS3 for streamlined styling of Web pages, Adobe officials said.
The HTML5 Pack extension for Illustrator CS5 is available for both Mac OS X and Windows and can be downloaded for free from Adobe Labs.source: http://www.eweek.com/c/a/Application-Development/Adobe-Brings-HTML5-to-Illustrator-253660
Web Design is 95% Typography
By Information Architects Japan
95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography.
Information design is typography Back in 1969, Emil Ruder, a famous Swiss typographer, wrote on behalf of his contemporary print materials what we could easily say about our contemporary websites:
Today we are inundated with such an immense flood of printed matter that the value of the individual work has depreciated, for our harassed contemporaries simply cannot take everything that is printed today. It is the typographer’s task to divide up and organize and interpret this mass of printed matter in such a way that the reader will have a good chance of finding what is of interest to him.
With some imagination (replace print with online) this sounds like the job description of an information designer. It is the information designer’s task “to divide up and organize and interpret this mass of printed matter in such a way that the reader will have a good chance of finding what is of interest to him”.
Macro-typography (overall text-structure) in contrast to micro typography (detailed aspects of type and spacing) covers many aspects of what we nowadays call “information design”. So to speak, information designers nowadays do the job that typographers did 30 years ago:
Typography has one plain duty before it and that is to convey information in writing. No argument or consideration can absolve typography from this duty. A printed work which cannot be read becomes a product without purpose.
Optimizing typography is optimizing readability, accessibility, usability(!), overall graphic balance. Organizing blocks of text and combining them with pictures, isn’t that what graphic designers, usability specialists, information architects do? So why is it such a neglected topic?
Too few fonts? Resolution too low? The main—usually whiny—argument against typographical discipline online is that there are only few fonts available. The second argument is that the screen resolution is too low, which makes it hard to read pixelated or anti-aliased fonts in the first place.
The argument that we do not have enough fonts at our disposition is as good as irrelevant: During the Italian renaissance the typographer had one font to work with, and yet this period produced some of the most beautiful typographical work:
Read full article here: Web Design is 95% Typography
You can use the slice tool to draw slice lines directly on an image, or design your graphic using layers, and then create slices based on the layers.
Create a slice with the Slice tool
- Select the Slice tool . (Press the C key to cycle through tools grouped with the Crop too.)Any existing slices automatically appear in the document window.
- Choose a style setting in the options bar:
- Determines slice proportions as you drag.
- Fixed Aspect Ratio
- Sets a height-to-width ratio. Enter whole numbers or decimals for the aspect ratio. For example, to create a slice twice as wide as it is high, enter 2 for the width and 1 for the height.
- Fixed Size
- Specifies the slice’s height and width. Enter pixel values in whole numbers.
- Drag over the area where you want to create a slice. Shift-drag to constrain the slice to a square. Alt-drag (Windows) or Option-drag (Mac OS) to draw from the center. Use View > Snap To to align a new slice to a guide or another slice in the image. See Move, resize, and snap user slices.
Create slices from guides
- Add guides to an image.
- Select the Slice tool, and click Slices From Guides in the options bar.When you create slices from guides, any existing slices are deleted.
Create a slice from a layer
A layer-based slice encompasses all the pixel data in the layer. If you move the layer or edit the layer’s content, the slice area automatically adjusts to include the new pixels.
Layer-based slices are less flexible than user slices; however, you can convert (“promote”) a layer-based slice to a user slice. See Convert auto and layer-based slices to user slices.
- Select a layer in the Layers panel.
- Choose Layer > New Layer-based Slice.
jackie oswaldJanuary 5, 2009
sounds great but i do not have that option on cs4 only has layer, new, layer…
Mark Wheeler(Administrator)January 23, 2009
Like many Photoshop commands, the New Layer-based Slice command is unavailable for the Background layer. Select an upper layer in the Layers panel, and that command will become available in the lower-half of the Layers menu.
Zeno Bokor(Moderator)April 4, 2009
For information about changing the keyboard shortcuts check out this page:
star4dayNovember 8, 2009
Did not find this helpfulWhile this gets me one step down the road, it doesn’t tell me anything about how to set the state of the slice (over, down) as this option doesn’t appear in slice options. Could translating from ImageReady be any more complicated?
Zeno Bokor(Moderator)November 9, 2009
It doesn’t tell you that because Photoshop can’t do it. Photoshop can’t create the actual rollover behavior, only the images needed for the rollover. The easiest way from Photoshop would be to duplicate all the layers that make up the button and move them to the side, slice the button and change it’s appearance. Once you have your two images, use Dreamweaver to add the rollover functionality to them.
Create a rollover image in Dreamweaver:
taylor2394March 8, 2010
Did not find this helpfulI have a tutorial book on Photoshop and Dreamweaver integration for web pages, and the book uses Photoshop v.6.0 and ImageReady. I need to know how to find the same options for CS4 that are there for 6.0. I was informed that ImageReady was no longer bundled with Photoshop because all the devices in ImageReady were integrated with CS4, but I can’t find anything but the Save for Web & Devices option. For example, the web content palette in ImageReady, where do I find it on CS4?
Zeno Bokor(Moderator)March 9, 2010
Only some features were added to compensate for the disappearance of ImageReady. Here’s a technote detailing where those features went in CS3 (it should be mostly similar to CS4): http://kb2.adobe.com/cps/400/kb400899.html
Convert auto and layer-based slices to user slices
A layer-based slice is tied to the pixel content of a layer, so the only way to move, combine, divide, resize, and align it is to edit the layer—unless you convert it to a user slice.
All auto slices in an image are linked and share the same optimization settings. If you want to set different optimization settings for an auto slice, you need to promote it to a user slice.
- Using the Slice Select tool, select one or more slices to convert.
- Click Promote in the options bar.
You can promote an auto slice in the Save For Web & Devices dialog box by unlinking it. See Work with slices in the Save For Web & Devices dialog box