Giant Media is a cutting-edge Graphic Design and Web Design company based in Coffs Harbour NSW.

Giant Media is a cutting-edge Graphic Design and Web Design company based in Coffs Harbour NSW. We specialise in offering businesses a consistent approach to their corporate identity across all marketing and promotional applications.

Our skilled graphic designers will create a unique and professional look for your business that sends out the right message about your brand. From business branding to logo design, business cards and brochures to any other signage and marketing or advertising materials you need, Giant Media will apply a consistent look for a synchronised and effective marketing message.

The same professional look will be applied to your website, which is an important part of your corporate identity. Our web design team will construct an innovative website for you, using the latest technologies available.

We offer graphic design and web design services to our extensive client base in Coffs Harbour, on the NSW North Coast, around Australia and overseas. Some of the local areas we service are Tweed Heads, Byron Bay, Ballina, Lismore, Yamba, Grafton, Coffs Harbour, Sawtell, Bellingen, Armidale, Tamworth and Port Macquarie. We also service Brisbane, Sydney, ACT, Melbourne, Adelaide, Perth and all the major cities across Australia.

Graphic Web Design

Graphic Web Design

Exa is a credible and professional Graphic Web Design Company that has been providing services to Australian businesses for 8 consecutive years. As one of this country's largest firms, Exa is the chosen provider of Graphic Web Design services for over 1000 organisations, including some of the World's biggest brands. Our portfolio stretches across a plethora of industries, including Manufacturing, Retail, Wholesale, Banking & Finance, Automotive, Travel, and more.

Exa's team of over 200 Web Marketing professionals incorporates some of the country's most qualified, experienced and talented Graphic Web Designers. Our Graphic Web Designers customise each Graphic Web Design to suit the unique needs of every Exa client. A client's Graphic Web Design is tailored to reflect the existing brand and the characteristics of their business and industry. Exa's Graphic Web Designers will ensure that your Graphic Web Design is unique and distinctive.

Graphic Web Design is a fundamental component of your Web Marketing strategy. A well planned and appropriately constructed Graphic Web Design is essential to the success of your website. To achieve high rankings in search engines, effective Graphic Web Design is critical. In this respect it is necessary to ensure you select the best Graphic Web Design Company to service your Web Marketing needs.

Good Graphic Web Design can help to enhance your company's image and improve brand position. It can also assist with the development of better customer relations. Professional Graphic Web Design achieves an attractive, informative and useful interface that leads to quality lead generation and higher conversions.

The best Graphic Web Design is only achieved via the use of the best resources and technologies. The size of the Graphic Web Design Company you choose will indicate the quality of their Graphic Web Design resources and extent of their Graphic Web Design technologies.

Exa's Graphic Web Design process is world class.  It consists of seven continuous steps, which include:
Consultation
Research and Analysis
Planning
Innovation
Architecture
Implementation
Monitoring
It is for these reasons that Exa can claim be Australia's Number 1 Graphic Web Design Company. We have the best Graphic Web Design team in the country, and offer our services Australia-wide including in Melbourne, Sydney, Gold Coast, Brisbane and Perth.

Custom Web Design

Custom Web Design

Is your business accessible to the masses?

As an increasingly-savvy consumer base turn to the World Wide Web for product research, price comparison and purchasing simplicity, businesses have been forced to adapt.  At Exa, we can show you how!

As one of Australia's largest Custom Web Design companies, Exa specialises in guiding the bricks and mortar operation of traditional business into the increasingly-profitable, highly-convenient online domain.

Exa's experienced Custom Web Design team of around 200 talented professionals boasts a portfolio of over 1000 satisfied organisations, from a host of different industries, including Manufacturing, Retail, Wholesale, Banking & Finance, Automotive, Travel and more.

How can an Exa Custom Web Design help your business?

Because online marketing now ranks ahead of TV, Radio and Print as the preferred advertising method for businesses, a professional, functional, user-friendly website will ensure your business remains relevant and competitive. The Custom Web Design component is fundamental to the overall success of the entire online marketing strategy.

Exa's Custom Web Design team works closely with each client, from consultation to implementation, ensuring the client's specific needs are met and the most appropriate, tailored solution achieved.

Not only does an Exa Custom Web Design guarantee a great-looking point of contact for your customers, it also ensures increased traffic and a greater market share via the revolutionary, patented Search Engine Optimisation technology - Web Magnet ™.

As an industry leader since 2000, Exa has enhanced the image, search engine ranking, brand position, customer relations and overall profitability of some of the largest organisations in Australia.

Could yours be next?

To find out how an Exa Custom Web Design can do the same for you, Contact us.

So what does an Exa Custom Web Design include?
Consultation
Research and Analysis
Planning
Innovation
Architecture
Implementation
Monitoring
Specialising in all things Custom Web Design, let Exa close the gap between your business and your most valuable asset - the consumer.

Adelaide Web Designer

Adelaide Web Designer

Exa provides its valued clients a complete web design package, with the strong assistance of its professional team of Adelaide web designer. We serve clients having varied type of websites ranging from source of revenue generation to heavily sales-oriented, information-rich to online presence for branding and communication.

Our team of Adelaide web designer follows a simple design philosophy of satisfying its clients by providing un-cluttered and logical websites. We use web-coding techniques, including HTML/XHTML, Flash, Java, ASP.Net, XML and more. The websites we create for varied businesses guarantee fast performance and compatibility across different computer systems and software.

Since 2000, Exa has maintained its reputation as one of Australia's leading online solution companies consistently providing excellent services. We provide you with exceptional online solutions to create a completely new site or refurbish your existing site. Our team of professional Adelaide web designer offers spectacular visuals, which are guaranteed to attract your desired target audience.

Some of our services comprise:
Website Redesigning
e-Commerce
Content Management System (CMS)
SEO – Search Engine Optimisation, and more.

Exa's Credible SEO Technology.

Exa has improved search engine ranking, brand position, customer relations and overall profitability of some of the largest organisations in Australia, through Web Magnet™ its patented SEO system. With experienced Adelaide web designer and Exa's Web Magnet™ solution, your business is certain to obtain an effective SEO service. The Web Magnet ™ system was designed to facilitate you reach your target market and help you rise above your competitors.

What process does Exa's team of Adelaide web designer follow?
Consultation
Research and Analysis
Planning
Innovation
Architecture
Implementation
Monitoring

Exa's expert Adelaide web designer ensures to provide you with professional assistance right from consultation through implementation. As an industry-leading web designer, let Exa help your business in generating leads and bridge the gap between you and your most valuable asset - the consumer.

An Overview of Responsive Web Design

Graphic Design, Web Design Specialist

Appatize Media is a New York start-up looking for a web development rockstar! Our product is a social e-commerce platform.  The market competition is fierce but our product is truly a unique solution which will create market disturbance in the coming months. We’ve done a lot of work to develop the concept and create a fully functional product ready for launch. We are looking for some to join the team to focus on desktop, mobile and email campaign design.

We don’t just want pretty mock-ups. The ideal candidate must thrive in an entrepreneurial environment from mock-up to testing to product launch. Your knowledge of technology must be as cutting edge as your designs. Specifically, our core website must be designed with an eye towards today’s screens—multi-browser and multi-device. This will require strong knowledge of HTML 5, CSS 3 and JavaScript. Finally, you must have a thorough understanding of the social media and e-commerce segments.

Responsibilities

Desktop & Tablet Website Design

Smartphone Browser Design

In-site advertisement

Email Campaigns

Required Technical Skills

Adobe Photoshop or Illustrator (Site mockup and/or logo design)

Must be able to hand code HTML5 and CSS3 web pages from wireframes/Photoshop designs

You are a cross browser compatibility expert

Experience with JQuery (and understanding the underlying javascript) is a huge plus!

Mobile Web development experience is a huge plus!

Secrets of Awesome JavaScript API Design

Secrets of Awesome JavaScript API Design

Design is a universal concept. As the act of “form[ing] a plan or scheme of [some thing]… for later execution,” (Oxford English Dictionary) design is the common thread that weaves together art, architecture, hardware and more. Software design, specifically the subcategory of API design, is no different. Yet API design is often given little attention in the world of software development, because the exercise of writing code for other developers often seems far less important than the design of application UI and end-user experiences.

But API design—the public interfaces we provide in the libraries we create, with the express intent of exposing features and functionality to developers who call our code—is just as important as UI design. In fact, both are the primary mode of creating user experiences for a segment of an application’s audience. Where application UI is a large part of end-user UX, an application’s API is developer UX. As such, it should be designed with the same level of care and attention to detail that we provide to user interfaces. Just as we pay attention to the utility, simplicity and elegance of a UI, we should similarly evaluate the utility, simplicity and elegance of an API.

API design, and in the context of this article JavaScript API design, presents a unique challenge for all developers, whether you’re building a public library or an internal one. The dynamic nature of JavaScript, the anonymity of library consumers and ambiguity in requirements presents a daunting set of challenges for the API designer. While there are no quick shortcuts to good API design, it is possible to distill a handful of design principles that hold up when applied to some of the popular JavaScript libraries of today.

API Design: A Struggle of Good vs. Evil
Poor design in JavaScript APIs is costly, both to the developers consuming your API and to you. In both cases, a poor design generates waste: wasted time for developers as they struggle to make sense of an interface, and wasted time for the API author as she deals with the increased load of support and rework brought about by developer confusion. Considering that nearly all APIs are created with the goal of abstracting common functionality for easy consumption and thus, saving time, a poor API leaves both you and your users wondering if this little library of yours was such a good idea after all.

Good API design, on the other hand, accomplishes the goal of abstraction, while being self-describing. When an API is well-designed, users can leverage your work quickly and intuitively, without the constant reference of a manual, documentation or frequent visits to support and Q&A sites. You’ve also saved another developer time by packaging up some feature that would have taken much longer to create on their own. And not only does good design save developers time, it makes them look smart and responsible. Helping your users look smart and capable makes them feel awesome, which makes you look pretty awesome, too.

In JavaScript, API Design is Especially Important
While API design is important regardless of programming language or framework, the stakes of API design are much higher for JavaScript than for many other languages. To begin with, as a dynamic, late-bound programing language, JavaScript has no compiler to serve as a safety net or first unit test to point out mistakes in your code. Linting or verification frameworks like JSLint and JSHint help somewhat. These utilities are useful in pointing out common mistakes in JavaScript code, but they do nothing to catch the errors a developer might make when using your API.

It’s up to you, then, to build an API with a design that helps users of your library fall into the proverbial “pit of success.” This means that your library feels comfortable and familiar to the developer, while also providing positive reinforcement and building the developer’s confidence as she interacts with your code.

One of the best examples of “falling into the pit of success” is jQuery’s use of CSS selector syntax for fetching DOM elements. For example, if I want to select all article elements with the class blogPost, I can do the following in jQuery:

$("article.blogPost").fadeIn();

It’s no coincidence that the selector article.blogPost uses the exact same syntax as the following:

article.blogPost {
  border-radius: 10px;
  background-color: salmon;
  box-shadow: 0px 0px 10px 2px #ccc;
}

jjQuery’s selector engine was designed to enable me, the developer, to map my existing understanding of CSS selectors onto basic interactions with its engine. As a result, I’m instantly and measurably more productive than if jQuery required me to use a new, purpose-built syntax.

It’s possible to take inspiration from libraries like jQuery and others, and to apply these our own designs. However, inspiration by itself is a degree removed from copying, and anyone who’s ever designed an API based solely on the inspiration of another knows that he will inherit both good and bad. Instead, if we map examples of good JavaScript API design to proven principles found in other fields, we can build a framework of good API design that can be applied in any context.

Secrets of Awesome JavaScript APIs

While it’s true that software doesn’t have the same visual qualities as a painting or a building, we tend to use the same adjectives to describe software as we do for physical media. It’s not uncommon to hear someone refer to an API as “elegant” or “beautiful.” If it’s valid to describe APIs in terms we use for visual media, it’s equally valid to use the principles of those media to inform our software designs.

In this section, I’m going to introduce four popular design principles from the art world and apply these to API design:

• Unity and Harmony
• Balance
• Proportionality
• Emphasis

For each of these, I’ll point to one or more examples of the principle as leveraged in the API of a popular JavaScript library.

Principle 1: Unity & Harmony

In art, unity is the concept behind a work, or how the composer brings everything together into a coherent whole. Harmony, on the other hand, is the placement of similar elements throughout a work, which yields an uncomplicated and simple feel when considered in its entirety.

For the API designer, these principles can be applied through the use of similar and/or unifying elements in a library. Take, for instance, Kendo UI, a JavaScript framework for building rich web applications. One of Kendo UI’s offerings is a set of UI controls and widgets, all of which can be initialized using a similar syntax. For example, if I wanted to create a TreeView control from an unordered list, I need only call the following:

$("ul.tree").kendoTreeView({ /* Configuration goes here */ });

Kendo UI TreeView Widget

If, on the other hand, I wanted to create a PanelBar from a list, I’ll make a slightly different call.

$("ul.panel").kendoPanelBar({ /* Configuration goes here */ });

Kendo UI PanelBar

Kendo UI promotes unity and harmony by using this consistent kendoX syntax for all of it’s widgets. What’s more, its dependency on jQuery objects for obtaining DOM elements adds an additional layer of harmony that any developer already familiar with jQuery will benefit from. By using a “local dialect” of JavaScript that millions of developers are familiar with, Kendo UI promotes harmony across libraries.

Another example of harmony in action is Backbone’s [object].extend syntax to create objects that inherit and extend the functionality of Backbone Models, Views, Collections and Routers. To create a new Backbone model, I can do something like the following, and I’ll get a model object that’s fully-supported by Backbone, while being customized to my application’s needs:

var Book = Backbone.Model.extend({
  initialize: function() { ... },
  author: function() { ... },
  pubDate: function() { ... },
});

The goals of unity and harmony are to convey familiarity and comfort to developers new to your API.By leveraging identical or similar idioms for related but different actions, an API can convey familiarity and comfort which can greatly ease a developer’s adoption of a new tool.

Principle 2: Balance

The next principle is balance, an arrangement of elements to ensure that no one part of the work overpowers other parts or causes the work to feel unstable. In art, balance is about visual weight. Even when asymmetrical, a work can feel balanced because its asymmetry follows a pattern. In the context of API design, I interpret balance to mean both the visual weight of the code and its predictability.

A balanced API is one whose component parts feel as though they belong together, because they behave the same or aid the consumer in accomplishing a complementary goal. By extension, these APIs also feel balanced because they allow the consumer to extrapolate usage from a small sample. Consider Modernizr’s property tests. These achieve balance by a) using property names that matchHTML5 and CSS concepts and APIs; and b) by consistently returning a truthy or falsy value for every single test:

// All of these properties will be 'true' or 'false' for a given browser
  Modernizr.geolocation
  Modernizr.localstorage
  Modernizr.webworkers
  Modernizr.canvas
  Modernizr.borderradius
  Modernizr.boxshadow
  Modernizr.flexbox 

Accessing a single property tells the developer everything he or she needs to know in order to access every other property, a quality that’s powerful in its simplicity. It also ensures that the code I write to interact with Modernizr has the same visual weight each time I write or read it. How I use and access the API looks and feels the same, regardless of my usage. If, on the other hand, Modernizr were to add an API to polyfill Canvas, imbalance would take hold. Not only is the visual weight of the library affected by this new API, but the scope and purpose of Modernizr has grown greatly, and my ability to predict how to interact with the API is hampered.

Another way to achieve balance through predictability is to rely on concepts already familiar to developers. A notable example is jQuery’s selector syntax, which maps CSS1–3 selectors into its ownDOM selector engine:

$("#grid") // Selects by ID
$("ul.nav > li") // All LIs for the UL with class "nav"
$("ul li:nth-child(2)") // Second item in each list

By using a familiar concept and mapping it to its own library, jQuery is able to avoid creating a new selector syntax, while also creating a mechanism that makes new users of the library instantly productive with a predictable API.

Principle 3: Proportion

The next principle is proportion, which is a measurement of the size and quantity of elements within a work. Rather than stating that a good API is a small API, proportion is about size relative to purpose. A proportional API is one whose API surface matches its scope of capability.

For instance, Moment.js, a popular date parsing and formatting library, can be considered proportional because it’s API surface is compact, which matches the straightforward purpose of the library. Moment.js is for working with dates and, as such, its API is filled with convenience functions designed to make the JavaScript Date object tolerable to work with:

moment().format('dddd');
moment().startOf('hour').fromNow();

For libraries with a targeted purpose, like Moment.js, keeping the API focused and small is important. For larger, more expansive libraries, the size of the API should reflect the capabilities of the library itself.

Take Underscore. As a general-purpose utility library, Underscore provides a large number of convenience functions designed to help developers work with JavaScript collections, arrays, functions and objects. It has a larger API surface than a library like Moment.js, and yet Underscore is proportional because each function aids in the purpose of the library. Consider the following examples, the first two of which illustrate using Underscore to work with Arrays, and the last of which illustrates working with strings:

_.each(["Todd", "Burke", "Derick"], function(name){ 
  alert(name); 
});

_.map([1, 2, 3], function(num){ 
  return num * 3; 
});

_.isNumber("ten"); // False

As a library grows, the challenge of maintaining proportion becomes even more critical. Care must be taken to ensure that every feature and function added to a library reinforces the library’s purpose. For a large offering like Kendo UI, an expansive purpose doesn’t mean we need to add every feature under the sun. For a library as large as Kendo, even utility objects and features should prove their worth to be included. Take for example, Kendo UI’s JavaScript based DataSource, which can be used to query and work with remote data:

var dataSource = new kendo.data.DataSource({
  transport: {
    read: {
      url: "http://search.twitter.com/search.json",
        dataType: "jsonp",
        data: { q: "API Design" }
      }
    },
  schema: { data: "results" }
});

At first glance, it might seem like a custom DataSource falls outside of the primary purpose of the library. However, many of today’s web widgets assume the existence of dynamic data, and the inclusion of a DataSource allows Kendo UI to use a consistent—and thus, comfortable—paradigm for working with remote data across the entire library.

Allowing an API to turn into a veritable JavaScript junk drawer is a danger of library growth, but it is not the only danger. Of equal risk is falling in the trap not allowing your API to grow along with a library; constraining the surface area of your library for artificial reasons.

A good example of how not to handle API growth, is jQuery’s jQuery or $ function. As much as I and millions of others love jQuery, the library’s gateway method is a bit of a mess, providing no less thaneleven separate overloads for everything from DOM selection to the ability to wrap DOM elements in a jQuery object.

For the most part, these are loosely related features that have been stuffed into one API. Taken on the whole, jQuery is a large library and can be considered reasonably proportional. The jQuery method, on the other hand, represents what can happen when we attempt to force functionality into a single interface, without care for proportion.

If you find yourself stuffing tangential features into existing methods, or rationalizing the addition of function overloads that don’t feel natural to the API, chances are you need to loosen the belt and let that library breathe. Your users will have an easier time adapting to a new function with a self-describing name than they will yet another overload on an existing method.

Principle 4: Emphasis

In art, emphasis is the use of contrast to cause an aspect of the work to stand out and serve as a focal point. In many APIs, the focal point might be a gateway or main method that anchors the library. Another example of emphasis could be a “chained” or fluent API, which adds emphasis to a central object used by the library. jQuery’s tendency to return a jQuery object from many of it’s functions demonstrates this type of emphasis:

$('ul.first').find('.overdue')
  .css('background-color','red')
  .end()
  .find('.due-soon')
  .css('background-color', 'yellow');

For many modern libraries, another excellent example of emphasis is extensibility: that part of the library where the creators embrace what’s missing from the library by giving you a vehicle to add functionality yourself.

A classic example is jQuery’s fn (pronounced “effin”) namespace, the general extensibility point from which countless plugins and complementary libraries have been launched:

(function($) {
  $.fn.kittehfy = function() {
    return this.each(function(idx, el) {        
      var width = el.width,
        height = el.height;
      var src= "http://placekitten.com/";
      el.src= src + width + "/" + height;
    });
  };
})(jQuery);

Another example of extensibility is Backbone’s “extend” function, which we’ve looked at already in this article:

var DocumentRow = Backbone.View.extend({
  tagName: "li",
  className: "row",
  events: {
    "click .icon": "open",
    "click .button.edit": "openEditDialog"
  },
  render: function() { ... }
});

Adding extensibility exhibits emphasis because it calls attention to the fact that a given library wasn’t meant to be the end–all–be–all, while at the same time encouraging you to add to the capabilities of the library as you see fit. When libraries encourage extensibility, they unlock not only new specialized uses, but additional general uses that might benefit countless other developers. One great example is the Backbone.Marionette framework, a extension library for Backbone that aims to “…simplify the construction of large scale JavaScript applications.” Were it not for the extensibility of a library like Backbone, libraries like Marionette would be much more difficult, if not impossible, to deliver.

API Design: Not Just For Library Authors

If you’re not a JavaScript library author, but consider yourself a JavaScript app developer and library implementer, you might be tempted to think that the principles in this article don’t apply to you. After all, most of us often think of third-party libraries, like those I’ve used for the samples in this article, when we hear the term “API.”

The truth is that an API, by definition, is nothing more than a segregated piece of functionality that provides an interface for others to leverage. I’m using general terms here to underscore an important point: modular JavaScript code is written to be consumed; the number of consumers is irrelevant.

Your own JavaScript code exposes interfaces for others, just as the libraries referenced in this article do. Even if the consumers of your code are a small, internal team—or even if you’re building a library for private use—you don’t have to be a public library author to think about API design and apply the principles covered in this article. The benefits of leveraging intentional API design pay off for an audience of one, just as they do for an audience of one million.

Because API design represents UX for developers, it is just as important as UI design for end-users. Just as we can learn to develop a sense for UI design by studying principles and examples of good and bad interfaces, we can learn much about good API design by doing the same. Applying the four principles from this article, as well as others you discover on your own, can result in awesome APIs that delight your users and help them build amazing experiences for others.

The Flattening of Design

The Flattening of Design



It turns out the company’s decision to focus on “flat design,” a type of visual scheme where everything has a smooth and even look, was a few years ahead of the rest of the technology and user interface industry.

While Microsoft was flattening its interfaces as if it were a child pushing down on a bulge of putty, its competitors – including Apple and Facebook — were focused on skeuomorphism, a type of look in which, say, a note-taking feature on a Web site or in an app would look like a spiral-bound notebook, a reference to the real world look of a notebook.

Now everyone seems to be following in those flat footsteps.


Tom Waddington, a graphic designer, has been tracking Facebook’s shift to flat designed icons.
As my colleague Nick Wingfield and I reported last year, Apple is expected to flatten its operating system interfaces in a major overhaul later this year. Facebook has been slimming down its site design for a while, slowly changing its complicated and intricate iconography to flat and legible shapes. Last week the company updated its main “f” logo, flattening the icon and removing an unnecessary light blue bar along the bottom.

These companies aren’t simply following Microsoft’s lead in the quest for flat. There are cultural and technological reasons for this new look and feel.

Steven Heller, co-chairman of the M.F.A. Design Department at the School of Visual Arts and author of more than 150 books on design culture, said that part of the push toward flat design was to try to escape the overabundance of design that looks digital, where things “have started to look cliché.”

“Every so often there is a new fashion that comes about in design for any number of reasons, not the least of which is technology, and now there has been a reaction to mechanistic-looking design where you press a button and get a specific look,” Mr. Heller said. “In response, designers have started to turn to flatness.”

One of the biggest drivers for this stylistic change is being forced upon designers by the constraints of smartphones.

Justin Van Slembrouck, design director at Digg, the social news site, said that while some design decisions were made as stylistic choices, “it is increasingly being driven by mobile, where you’re designing for the lowest common denominator so you can’t load a site up with heavy graphics.” He added, “The end result, with flat design, is that it all feels less cluttered.”

In some respects, flat graphics can be seen as a nod back to early print, specifically Russian propaganda war posters. At the time, before computers — yes, there was such an era — designers were forced to create flat images because of printing constraints. Now it seems to be happening again, but with screens.

When today’s graphics are too busy — layered with gradients and elaborate typography — people are forced to try to navigate a clutter of information in a very small space. On a smartphone screen, for example, a flat icon of a musical note can tell a story much quicker than an intricate picture of a shiny sparkling CD.

“It’s that whole notion of ornamental decoration with excess baggage, which the Modernists wanted no part of because it wasn’t a pure design,” Mr. Heller said, noting that he calls overly ornate typography and design the Cult of the Squiggly. “It’s clear if you put too many things on a page you’re going to cause a distraction. In a small screen environment, you can’t do that either. You can’t afford distractions.”