Recent Posts Tagged With 'javascript'

• Practical solutions to hyphenate text on web pages

  Posted on Saturday August 15th, 2009 at 13:33 in php, javascript, resources

  In this post I want to suggest you three simple and useful ways to hyphenate text on your web pages using JavaScript or PHP. If you take a look at W3.org documentation you can find this explanation about hyphenation:"In HTML, there are two types of ...

• CSS3 rounded corners for every browser? An alternative quick solution without headache

  Posted on Friday August 14th, 2009 at 07:05 in css, javascript

  In the last weeks I frequently received a question about how to use CSS3 border-radius property to draw HTML elements with rounded corners in Internet Explorer. How you know CSS3 border-radius property is natively supported in Safari, Firefox and Ch...

• Ultra small code to drag everything in HTML pages

  Posted on Sunday February 8th, 2009 at 14:18 in html, css, javascript, inspiration, mootools

  A frequent question I receive from my readers is about how to implement a simple script to drag elements in a web page. So in this post I want to illustrate the simplest method I know and use to drag everything in HTML pages, using just three rows of...

• Ultra versatile slider for websites

  Posted on Tuesday January 20th, 2009 at 13:41 in html, javascript, mootools

  After my previous post about the Art of reusing code in your web projects I received many messages which asked to me to release an improved version of the slider I illustrated in the example number 3 of that post.So, in this tutorial I'll explain a s...

• Super elastic effect to design high impact web menu

  Posted on Wednesday December 31st, 2008 at 08:50 in html, javascript, mootools

  This tutorial explais how to design an high impact elastic effect to make original web menu using some lines of Javascript code and MooTools framework. The effect is simple to develope and reuse in your web projects changing only HTML code and CSS. T...

• Design a stunning Alert Box using MooTools

  Posted on Monday August 25th, 2008 at 14:37 in javascript, mootools

  About the AuthorEduardo SadaProgrammer and Web DesignerCoders.meThe ScriptThis tutorial explains how to design a stunning Alert Box which changes and improves the classic look of JavaScript Alert Boxes.The result is something like these you can see i...

• MooTools Basic Tips (lesson 2): get elements ID using unobtrusive code

  Posted on Saturday August 23rd, 2008 at 15:05 in javascript, mootools

  After my previous post about MooTools Basic Tips for web designer I received a lot of excited messages from my readers, lovers of this beautiful framework, for this session of lessons dedicated to MooTools. Thanks a lot guys! I really appreciate your...

• MooTools Basic Tips for Web Designer (Lesson 1)

  Posted on Thursday August 21st, 2008 at 08:41 in javascript, inspiration, mootools

  After a lot of requests, in this article I want to illustrate some simple tips to start to work with MooTools. In this first lesson you can see how to manipulate element properties, in particular how to get DOM element by ID, how to use getStyle(), s...

• Useful tips to enrich your HTML Forms

  Posted on Thursday July 17th, 2008 at 13:18 in html, javascript

  In the past months I already dedicated several post about forms design and usability. In this post I want to share some simple tips useful to enrich your forms with various elements such as suggest messages, autosuggest feature instead of <select&...

• Nice CSS menu with feed reader icons list

  Posted on Sunday June 29th, 2008 at 05:28 in css, javascript

  This tutorial illustrates how to design a nice CSS menu with a list of feed reader icons. The result is something like this:Download source code for the full code and icons. Download this tutorialStep 1: HTML CodeCreate a <div> element with ID=...

• Pastel color menu with dynamic submenu using CSS

  Posted on Friday May 30th, 2008 at 12:37 in css, javascript

  This tutorial illustrates how to design a nice pastel color menu with a dynamic submenu which appears when you select a link in the main menu, using CSS and some lines of javascript code. The result is like this:Download the source code to reuse it i...