Typing Accent Characters, The Easy Way

We all know the drill: you want to type special characters into an input field, yet you don’t have the characters on your keyboard. You search for the character online, and then copy and paste it into the input field. Next accented character — and the journey starts again. Wouldn’t it be better if the designer took care of providing the access to alternate characters as you type them?


Long Press jQuery plugin eases the writing of accented and rare characters by allowing users to have a typing experience similar to iOS and Android. Users can focus on a form field and hold a key to display alternate characters. It’s possible to pick a letter by using the mouse wheel, hovering over it with the mouse, or using the arrow keys. Not every Web form will need the plugin, but it might be a good fit if many users will want to use accented characters on your site — of course you’ll have to explain how it works as well. The plugin is released under the MIT license and is available on GitHub. (vf)



Public service announcement: time to update your CSS3

If you use experimental CSS on your sites, demos, articles or tools, there is a certain amount of maintenance required to keep on top of changes. With a number of recent changes in the browser world, now is the time to revisit and update your code. Read on to find out what may need updating.

Se on More Info at : http://generatedcontent.org



Web Design Trends for 2013

Web Design and what to expect in 2013:

So you think that we’re ahead of the schedule here? No, this is really the time when web design trends are predicted for the year to come.

Responsive Web Design (RWD)

Responsive Web Design is currently on top of the list and this technique is definitely here to stay. 2013 is (will be) the proof that RWD isn’t just a fad.


See on: http://themeid.com

10 Development Trends and Skills for Developers in 2013

With the evolution in technology, software development has not only evolved but has also matured a lot. An undeniable fact is that technology can never be static because it has to accommodate the needs of the people who are associated with it. From whatever I have seen of the software world, I must admit that it is indeed a dynamic field. Like I always say, the technology is evolving constantly and sometimes it gets really difficult to keep up with the ongoing trends.

As a software developer, you cannot afford being left behind on the latest trends in the technology world. You have had your share of calm years in software development and as a developer you should be all set for the new roller coaster ride now. As per some recent researches, the software developer is expected to be the highest paid job in 2013. In order to reach the heights and stay ahead of other software developers, you must be aware and be ready for the skills and trends expected to rule the year 2013.


See on http://smashinghub.com

TypeScript – A Language for Application-Scale JavaScript Development

TypeScript is a language for application-scale JavaScript development. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. Any browser. Any host. Any OS. Open Source. TypeScript offers classes, modules, and interfaces to help you build robust components. These features are available at development time for high-confidence application development, but are compiled into simple JavaScript. TypeScript types let you define interfaces between software components and to gain insight into the behavior of existing JavaScript libraries.

Source website: http://www.typescriptlang.org/

NestedSortable jQuery Plugin

NestedSortable is a jQuery plugin that extends Sortable UI functionalities to nested lists.


Source: http://tympanus.net/codrops/2012/08/04/freebie-soft-ui-kit-psd/

The contenteditable attribute

For some time now, we’ve been using various technologies to edit and store text within a web browser. Now with the contenteditable attribute, things have got a whole lot easier. In this article, HTML5Doctor is saying what is this attribute is for, how it works, and how we can take things further.

Read the full article at : http://html5doctor.com

Free JavaScript and jQuery Lessons & JavaScript Optimization and Monitoring in One

Free JavaScript and jQuery Lessons

Let’s face it: at least a fundamental knowledge of JavaScript and jQuery is becoming necessary for developers and many designers. But these technologies are not exactly simple to use. Learning a new programming language is no easy task.

That’s where .appendTo comes in. The website offers a number of JavaScript and jQuery lessons. It doesn’t even require you to sign up for an account. Just watch free screencasts (each around 10 minutes long), and build a solid foundation of JavaScript and jQuery knowledge. The resource currently has eight lessons, including “JavaScript 101,” “Selectors 101,” “DOM Manipulation 101” and “jQuery Methods 101” (as well as some more advanced lessons on JavaScript and jQuery). (cc)

Continue reading

Responsive Web Design Techniques, Tools and Design Strategies – Smashing Magazine

via Responsive Web Design Techniques, Tools and Design Strategies – Smashing Magazine.

Responsive Design Techniques

CSS Transitions and Media Queries
Elliot Jay Stocks provides insight into the combination of CSS media queries and CSS transitions. The basic premise is this: you use media queries to design responsive websites that adapt in layout according to browser width, and you constantly resize your browser to see how the website performs, but every time a query kicks in, there’s a harsh jump between the first style and the second. Why not use some simple CSS transitions to smooth the jump by animating the resize? A nice case study.

Responsive-design-116 in Responsive Web Design Techniques, Tools and Design Strategies


Continue reading

LukeW | Web App Masters: Design Principles

via LukeW | Web App Masters: Design Principles.

At the Web App Masters Tour in Minneapolis MN, Jared Spool described the importance of design principles, how teams can develop them, and evaluate if they’ll be effective. Here are my notes from his The Essential Principles behind Great Design Principles presentation:

Continue reading