background preloader

MIX Online

MIX Online
Meet the 10K Apart Winners by Nishant Kothary on Oct 13, 2011 in News Two months ago, we announced the second 10K Apart contest — The Responsive Edition — in partnership with our friends at An Event Apart. Today, after much deliberating, we are proud to announce the very deserving, incredibly inspiring, and mind-numbingly clever winners. Check them out on the 10K site. To give you a little background, Read More…

http://visitmix.com/

Styling Checkboxes and Radio Buttons With CSS and JavaScript This JavaScript and CSS will allow you to use custom images to style checkboxes, radio buttons and drop down menu select lists. Have you ever wanted to use your own images for checkboxes, radio buttons or select lists? This script will let you do that. Easily. The unobtrusive script gracefully degrades, so if JavaScript is disabled, normal form input objects appear instead of your customized elements. This works flawlessly in Firefox, Safari, Internet Explorer 7, Opera and others.

Web Designer - Defining the internet through beautiful design CREATING A DESIGN for a website that successfully represents the subject matter or business in question is more than chance. When we embark on a new web design project it’s always very tempting to jump straight into creating visual mockups, defining navigation placement and colour schemes. This can work occasionally, and definitely adds a freshness to the final design, but as an approach it’s full of risks. As a professional web designer it’s better to take a structured, measured approach where you build a design solution after examining business objectives, user requirements and defining the informational layout; that is, how the information contained within the website will hang together. There are many different ways to approach a design project.

12 Useful Techniques For Good User Interface Design Advertisement Last week, we presented 10 Useful Web Application Interface Techniques471, the first part of our review of useful design trends in modern Web applications. Among other things, we highlighted embedded video blocks, specialized controls and context-sensitive navigation. We also encouraged designers to disable pressed buttons, use shadows around modal windows and link to the sign-up page from the log-in page. This post presents the second part of our review: 12 useful techniques for good user interface design in Web apps. We also discuss how to implement these techniques so that they are properly used.

25+ Classy Mobile ad Networks For Your Mobile Site Mobile advertising is a form of advertising via mobile (wireless) phones or other mobile devices. It is a subset of mobile marketing.Some see mobile advertising as closely related to online or internet advertising, though its reach is far greater – currently, most mobile advertising is targeted at mobile phones, that came estimably to a global total of 4.6 billion as of 2009. 1. Smashing UX Design — Usability, Psychology and Information Architecture Category: UX Design This category features quality articles on usability, information architecture, interaction design and other user experience (UX) related topics – for digital (Web, mobile, applications, software) and physical products. Through these articles, experts and professionals share with you their valuable ideas, practical tips, useful guidelines, recommended best practices and great case studies.

Call to Action Buttons: Examples and Best Practices - Smashing Magazine Advertisement Call to action in web design — and in user experience (UX) in particular — is a term used for elements in a web page that solicit an action from the user. The most popular manifestation of call to action in web interfaces comes in the form of clickable buttons that when clicked, perform an action (e.g. "Buy this now!") 55 Examples of Beautifully Integrated Social Media Links in Web Design I believe that everybody already understands the importance of social media, and incorporating it into a web design. To get the attention of your viewers to your social media links you need to use both strategy and good taste. To design a good call-to-action social media icon/link you need to think about its positioning, its color, approach, style, size, everything. You also need to keep in mind that you want to get the attention of your viewers to the social side of your website without distracting from what’s important, such as the content. In my opinion, a good social media link is one that you have no trouble to finding and when you find it, you like what you see. To give you some ideas of how you might integrate social media links in your next project, I’ve put together a collection of 55 Examples of Well Integrated Social Media Icons in Web Design.

Gallery of Launching Soon Pages Robinhood - added on April 17, 2014 MailCloud - added on April 16, 2014 Squire - added on April 15, 2014 Boostgram - added on April 15, 2014 Hike with me - added on March 30, 2014 5 Design Trends That Small Businesses Can Use in 2011 This post originally appeared on the American Express OPEN Forum, where Mashable regularly contributes articles about leveraging social media and technology in small business. In the past 12 months, we've seen a lot of changes in the world of web design. Growing popularity in the mobile device space — including smartphones and tablets like the iPad — have refined the way many users access and interact with content.

Clemens Vasters There is good reason to be worried about the "Internet of Things" on current course and trajectory. Both the IT industry as well as manufacturers of "smart products" seem to look at connected special-purpose devices and sensors as a mere variation of the information technology assets like servers, PCs, tablets, or phones. That stance is problematic as it neglects important differences between the kinds of interactions that we're having with a phone or PC, and the interactions we're having with a special-purpose devices like a gas valve, a water heater, a glass-break sensor, a vehicle immobilizer, or a key fob. Before I get to a proposal for how to address the differences, let's take a look at the state of things on the Web and elsewhere.

The Web Design Process Start to Finish I've always found it interesting reading the design process of others (David Airey, Contrast, Brian Hoff). It's good to have an insight into others work, to see if I can learn anything from their process but also for curiosity. So I've put together a break down of my design process, using a recent project as a real life example, Newsgroup Direct.

Related: