Jul 25

How to Convert Flash to HTML5 on Mac?

To enable you to play Flash animations on the devices that do not support Flash, the latest Sothink SWF Decompiler for Mac 6.3 adds the feature of converting Flash to HTML5 files. That means now you can easily decompile SWF and export Shape/Font/Text resources to SVG format, and export Sprite resources to Canvas tag.

Flash to HTML5 samples >> Continue reading

Jul 22

How to Re-edit a Flash SWF without Adobe Flash?

Do you want to make some simple modifications to an existing Flash SWF file without Adobe Flash? Sothink SWF Decompiler for Mac will help you to do so. Ignore the complicated stage, timeline, frame…, you can easily change some elements for a current Flash movie, such as modify a cat to a dog, or the text “Good morning” to “Good night”.

See the following two SWF files:

Original Flash Movie:

Continue reading

Jul 15

Picking A Mobile Support Strategy For Your Website

The number of people browsing the Web from a mobile device has more than tripled since 2009, and it is sure to continue growing, with browser platforms such as iOS and Android offering mobile browser support that is almost identical to what we have come to expect from a desktop experience. As the mobile consumer market continues to grow, so will the aspirations of individuals and companies who look to embrace what the mobile Web has to offer.

With this in mind, many website owners have begun to develop a strategy for providing information and services to their mobile visitors. However, mobile strategies can vary massively from website to website, depending on what the company wants to offer visitors. For example, eBay’s strategy will be very different from an individual’s strategy for a portfolio website, which might simply be to improve readability for those viewing on a mobile device.

Pyramid in Picking A Mobile Support Strategy For Your Website Continue reading

Jul 12

Get SWF Decompiler 6.3.5 – Firefox 5 Supported

firefox5We are glad to announce the release of Sothink SWF Decompiler 6.3.5. It is the leading Flash decompiler and Flash to html5 converter. You can easily convert SWF to FLA or FLEX SWF back to FLEX source files, and extract Flash resources like shape, image, sound (mp3, wav), video (flv), text, sprite, ActionScript, etc.

This Flash decompiler also lets you make simple SWF modifications by replacing image/ shape/ text/ sound elements for SWF. It supports Flash CS3/CS4/CS5 and ActionScript 2.0/3.0, and it is the first Flash decompiler that enables you to get XFL file from Flash CS5 SWF. Sothink SWF Decompiler allows you to globally search all ActionScript and export SWF resources in batch. What’s more, a free online Flash downloader – Sothink Flash downloader for Firefox is offered for you to capture and save online Flash without copying and pasting URL. Download Free Flash Downloader >>

Main Enhancements:

  • Optimized the function of converting Flash to HTML5 files.

Download Sothink SWF Decompiler >> (30-day free trial)

Jul 08

Best Practices For Designing Websites For Kids

Designing websites and related media for kids presents plenty of opportunities for Web designers. Openings are available at many businesses and schools, as well as through parents and kids themselves, giving designers many ways to find work on electronic and print projects that appeal to kids. The types of work range from interface designs for video games to websites for birthday parties.

There was a time when kids’ websites were brash and busy, packed with colors and cartoon typography. Fortunately, the scale of the children’s market across most product ranges has resulted in rapid innovation in recent years. Most websites aimed at children (or children and adults) now follow principles that take some account of kids’ perspectives on Web design.

Dna-kids-homepage in Best Practices For Designing Websites For Kids Continue reading

Jun 24

Organizing Website Navigation Structure

Perhaps the most difficult part about navigation on the Web is organizing and designing it. After all, coding it can be relatively easy. In this first section, we’ll go over some methods and best practices for organizing navigation, which can lead to a more intuitive user experience and higher conversion rates.

Primary vs. Secondary

Most websites, especially those with a lot of content or functionality, need navigation menus. But as a website grows in complexity, guiding users to that content and functionality shouldn’t be the job of any one menu. All of that content just doesn’t always fit in one large menu, no matter how organized it may be. While many websites need more than two, all websites have at least two main menus: primary and secondary.

Primarysecondary in Planning And Implementing Website Navigation Continue reading

Jun 24

Following A Web Design Process

Almost every Web designer can attest that much of their work is repetitive. We find ourselves completing the same tasks, even if slightly modified, over and over for every Web project. Following a detailed website design and development process can speed up your work and help your client understand your role in the project. This article tries to show how developing a process for Web design can organize a developer’s thoughts, speed up a project’s timeline and prepare a freelance business for growth.

First of all, what exactly is a ‘process’? A Web development process is a documented outline of the steps needed to be taken from start to finish in order to complete a typical Web design project. It divides and categorizes the work and then breaks these high-level sections into tasks and resources that can be used as a road map for each project.

A Typical Process

Here is a standard process that was put together using examples from around the Web as well as my own experience. (Note: Please see the resource links at the end of each phase.)

1. Planning

The planning stage is arguably the most important, because what’s decided and mapped here sets the stage for the entire project. This is also the stage that requires client interaction and the accompanying attention to detail.

  • Requirements analysis
    This includes client goals, target audience, detailed feature requests and as much relevant information as you can possibly gather. Even if the client has carefully planned his or her website, don’t be afraid to offer useful suggestions from your experience.
  • Project charter
    The project charter (or equivalent document) sums up the information that has been gathered and agreed upon in the previous point. These documents are typically concise and not overly technical, and they serve as a reference throughout the project. Continue reading
Jun 17

Be Creative, But Please Don’t Overdo It

The other day a design came across my desk for coordinated letterhead, business cards, post cards, and pens. It was colorful, creative, and stimulating. Or maybe I should say over-stimulating. My eyes didn’t really know where to focus. Four different fonts were used in different areas, six different colors, and there were graphics and text all over the place. What should have been a blank piece of letterhead someone would be able to type a letter on looked more like a TV screen of a news network broadcast with a stock ticker along the bottom, a news ticker at the top, a weather map on the side, and a bullet-point graphic seemingly growing out of the news anchor’s head. It was simply too much. And, anyway, how was I ever supposed to get all that on a pen?

It got me thinking – why is that a bunch of good ideas aren’t as good as one good idea? And how can a designer feel free to expand his or her creativity while narrowing the focus?

The approach of throwing everything up and seeing what sticks is great if you’re talking about a brainstorming session and a whiteboard. It’s not a great approach if you’re talking about a thousand printed sheets of 28-lb linen paper. So instead of thinking in terms of limiting your freewheeling ideas, think of letting your ideas fly, but only in an early stage of the process. In other words, as many crazy ideas as you can come up with the better. But don’t print there. Take it a few steps farther. Continue reading