background preloader

Forms that work: Designing web forms for usability - The design of forms

Forms that work: Designing web forms for usability - The design of forms

The web's scaffolding tool for modern webapps | Yeoman Search Engine Land: Must Read News About Search Marketing & Sear WordPress Alternatives | 5 Website Builders You Should See Let’s get this out of the way – WordPress is one of the most used website builders (or content management systems) in the world. It’s famous, powerful, flexible and enables you to have a piece of the internet real estate – your own website. Now that I’ve flattered it, the key question is – is it the right website builder for you? I’m guessing that you found this discussion here because you’re looking for some alternatives to WordPress. Maybe you just want to better understand the choices available to you to enable you to build your own website, or maybe you got frustrated with learning how to use WordPress (it does have a steeper learning curve, after all). Either way, this article will go over some WordPress alternatives, and direct you to some more in-depth discussions on how these other website builder choices compare to WordPress. Before we dive into discussing some of these WordPress alternatives, I just want to table one thought. There is no such thing as a perfect website builder. 1.

mezzoblue § Home 12 Sites That Will Teach You Coding for Free Opinions expressed by Entrepreneur contributors are their own. There was a time when knowing how to program was for the geekiest of geeks. That's not exactly the case today. As most entrepreneurs, freelancers and marketers will tell you, learning how to program can help you succeed. Over the past year, I've been learning to code. You don't even need to shell out a ton of money or put yourself in debt to learn how to code, either. 1. One of the most popular free places to learn coding is Codeacademy. Related: Want to Take Your Business to the Next Level? 2. Founded in 2012, Coursera has grown into a major for-profit educational-technology company that has offered more than 1,000 courses from 119 institutions. 3. edX EdX is another leading online-learning platform that is open source instead of for-profit. 4. Founded in 2010, Udemy is an online learning platform that can be used as a way to improve or learn job skills. 5. 6. 7. 8. 9. 10. 11. 12.

Colour Contrast Check - snook.ca Date created: January 11, 2005 Date last modified: March 30, 2009 The Colour Contrast Check Tool allows to specify a foreground and a background colour and determine if they provide enough of a contrast "when viewed by someone having color deficits or when viewed on a black and white screen"[W3C]. The tool will indicate that the colours pass the test if both the colour difference and the brightness difference exceed their threshold. It will indicate that it sort of passes if only one of the two values exceed their threshold. The tool will also indicate if the colours pass the newer WCAG 2.0 contrast ratio formula. You can enter a three character value (eg: 036) and it'll automatically convert it to it's six character version.

The Complete Guide to UTM Codes Quick: which social network is bringing in the most traffic to your website right now? It’s OK if you don’t know off the top of your head. (I don’t memorize that sort of stuff either!) But wouldn’t it be great if you could pull up the answer in just a few seconds whenever your boss asks you this? What about revenue broken down by social network? What about the percentage of traffic generated by social versus email? You can track it all, and you can track it for free: all you need are Google Analytics and a little bit of UTM link codes. I’d love to share with you how that’s done. =) Quick note: You can tag your social media links with UTMs automatically in Buffer! A Quick-and-Simple Overview of UTM Codes What are UTM codes, and why are they so important? “UTM” stands for “Urchin tracking module.” UTM codes are bits of text you can add to a link that tell Google Analytics (as well as other analytics tools) a little bit more information about each link. Why are UTMs important? 1. 2. 3. But why?

CSS Design: Creating Custom Corners & Bo We’ve all heard the rap: Article Continues Below “Sites designed with CSS tend to be boxy and hard-edged. Where are the rounded corners?” Answer: the rounded corners are right here. In this article, we’ll show how customized borders and corners can be applied to fully fluid and flexible layouts with dynamic content, using sound and semantically logical markup. The markup#section2 In the example markup below, XHTML line breaks have been inserted to pad out dummy paragraphs: <h2>Article header</h2><p> A few paragraphs of article text. If we examine the markup, we’ll see that we have given ourselves at least five hooks, which is all we need to place customized graphics in each of the four corners (and left side) of our article. See Step 1 — primary markup. The design#section3 First let’s decide on some basic layout parameters. “I want the borders and corners to look something like this,” he said. “Could you leave that open, or make it so that it’s easy to change?” The process#section4

Implement Custom Gestures — Web Fundamentals Add Event Listeners Touch events and mouse events are implemented on most mobile browsers. The event names you need to implement are touchstart, touchmove, touchend and touchcancel. For some situations, you may find that you would like to support mouse interaction as well; which you can do with the mouse events: mousedown, mousemove, and mouseup. For Windows Touch devices, you need to support Pointer Events which are a new set of events. Touch, mouse and Pointer Events are the building blocks for adding new gestures into your application (see Touch, mouse and Pointer events). Include these event names in the addEventListener() method, along with the event’s callback function and a boolean.

Related: