i attended this workshop this summer at the madison+ ux conference which was focused on building responsive sites. it wasn’t as concerned with technical details, but rather the work flow and responsive way of life design.

the talk was lead by ben callahan and jeremy loyd from sparkbox. check out their site for a great example of a responsive site, and look into their internship program.

Universal Video Player - YouTube/Vimeo/Self-Hosted (Media)

Universal Video Player – YouTube/Vimeo/Self-Hosted (Media)

Purchase $15.00




Universal Video Player supports YouTube, Vimeo and Self-Hosted videos and is a top-notch responsive HTML5 plugin compatible with all major browsers and mobile devices.

FEATURES:

YouTube, Vimeo and Self-Hosted support

It plays YouTube, Vimeo and Self-Hosted video files. For YouTube and Vimeo, all you need to use is the video ID

Responsive Design

The plugin can be used in…

View On WordPress

Building on the Internet without Code

Inspired by Tara’s work over at #Kollecto I was reminded of a recent project I worked on for a client. I learned some code during my undergraduate career, and whenever i was designing or working on a project, I was terribly impatient and always wanted to go straight to code because of how time intensive projects were in Dreamweaver. There was so much checking in browsers, creating folders, establishing <div> identifications, classes and hierarchies and incorporating these tools into design. I kind of loved the challenge, but nonetheless it wasn’t a simple task and was a very right brain task for some very left brain designers.

But then after graduating a friend showed me Adobe Muse. The program had been in the prototyping stages while I was in school and I had never really seen it used very successfully. Content management systems were the only thing even close to Muse at the time and they were all over the place. Which brings me to the project for the client.

AnestasiA Vodka needed an updated site that would be much more fluid, responsive and easily adaptable as the company grew and expanded its distribution network. We built the online presence of the brand through multiple networks, but the website itself gave the small family-owned vodka company the legitimacy it needed to grow on a global scale.

Here is the splash page:

image

All built without a word of code.

Also not a trace of code:

image

The company has received the most (international) attention from Instagram, because it is a very visual product. Its hard to say much about taste over social media, but Instagram has allowed the brand to make bold statements through images. This has led to search inquiries and email conversations with over 15 countries over the course of a year in business. We were able to foster an international community following of the brand through user submitted images and engagement.

image

To date the breakdown of AnestasiA Vodka’s online presence (my perception) :

25% Adobe Muse Built Website (Responsive for Mobile and Tablet)
20% Facebook

35% Instagram
10% Twitter
5% Linked In
5% Pinterest

With new companies like Squarespace releasing online platforms for e-commerce sites as well as other projects with a need for much more fluid content management systems, there is so much potential for online platforms and engagement with new content and information.

Before you start using responsive images in your design, you always have to answer the following four questions:

  • Do I want my image sizes to change depending on my responsive design rules?
  • Do I want to optimize for high-dpi screens?
  • Do I want to serve images with different mime types to browsers that support them?
  • Do I want to serve different art depending on certain contextual factors?
Javo v.1.2.9 – Themeforest Directory WordPress Theme | FreezeTheme

Javo v.1.2.9 – Themeforest Directory WordPress Theme | FreezeTheme

Free Download Javo v.1.2.9 – Themeforest Directory WordPress Theme Nulled

Javo Directory WordPress Theme is a content focused Directory Portal that can be used to list any type of business entity or activity. It allows you to build local directories, business provider listings, and much more.

[star_list]

  • Various useful shortcodes for items.
  • Responsive
  • Business Listings
  • Advanced Google Maps with…

View On WordPress

Text
Photo
Quote
Link
Chat
Audio
Video