Recent Posts
Woork
Return To Blog Listing
A blog about technology, programming, engineering and my personal interests.
Recent Posts Tagged With 'mootools'
Fresh resources for web developers you can't miss
This week I found some interesting fresh resources for web developers I want share with you. This list includes an awesome MooTools slider, a free on-line service for cross-browser compatibility testing, a jquery plug-in to implement a notification ...
10 Useful resources for web designers and developers
Today I want to present you a selection of some useful resources for web designers and developers. This list contains in particular some awesome fonts, a simple PHP Content Management System, a JavaScript Cart, a PHP application for job boards, a w...
7 Powerful image carousels for web designers
This post is a collection of some powerful carousels for images and text content ready to use in your web projects. It includes Agile Carousel, YUI Carousel, JCarousel, iCarousel (jQuery + MooTools) and a tutorial about how to implement a simple Fli...
Ultra small code to drag everything in HTML pages
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...
Elegant animated weekly timeline for websites
Yesterday my friend Nick asked to me some suggestion to design an original weekly timeline for a web application which he is developing. I suggested to use the following animated timeline which I implemented reusing the code of my versatile slider an...
Ultra versatile slider for websites
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
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...
Simple ul list with a nice slide-out effect for elements
In the past weeks some readers of this blog asked to me what's a simple way to implement an animated "disappear" effect (using unobtrusive JavaScript code) for an element of a list when an user... Read more on http://woork.blogspot.com... ...
Useful resources and tutorials for developing stunning web sites
Are you looking for fresh and useful tutorials for developing stunning web designs? Take a look at this list of free resources ready to use in your web projects. If you want to suggest others resources add a comment, thanks! 1. ModalBox ModalBox is...
Joomla! extension: super news ticker
My friend Daniel Bojorge released this Joomla! extension which implements my News Ticker, with news vertical scrolling, using mootools. It works with Joomla! 1.0 and 1.5 legacy. This module has several options: - Choose category to show - Quantities...
Automatic news ticker with vertical scrolling and Start/Resume options
Some time ago I wrote an interesting post about how to implement a news ticker with automatic vertical scrolling (Newsvine.com-like) using MooTools. In the past days a lot of people asked to me to modify the code of the news ticker, adding new feat...
MooTools Basic Tips (lesson 3): interaction with HTML Form
This post is the third lesson which I dedicate to MooTools for newbie and illustrates how to implement simple interactions with form input elements using this powerful framework and unobtrusive JavaScript code. Some time ago I wrote this post where ...
Step by step guide for newbie to design a simple web application (part 1)
Design a web application requires hard work and knowledge of HTML, CSS, database and javascript. What is a simple way to start developing PHP web applications for a newbie? In the past months I received frequently this question. Some readers of this...
Elegant glass style navigation bar using CSS and toggle animated effect
This tutorial illustrates how to design an elegant glass style navigation bar with a nice toggle animation effect, using CSS and MooTools. The result is something like this:Moving your mouse over a tab in the main menu, the submenu display several li...
Design a stunning Alert Box using 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
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)
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...
News ticker with horizontal scrolling using Mootools
This tutorial is another version of my News Ticker with Mootools I published yesterday. I want to reply to all that wrote me asking for information about how to implement a news ticker with horizontal scrolling. Don't panic, it's very simple to imple...
Fantastic News Ticker Newsvine-like using Mootools
Finally, after a lot of your requests I added this tutorial which explains how to implement a News Ticker, with news vertical scrolling, using mootools. It's very simple and quick to implement in your web projects. I took inspiration from Newsvine Li...
Nice animated menu using CSS and Mootools
This tutorial illustrates how to implement a nice animated menu using Mootools and some lines of CSS and HTML code ready to reuse in your project. This is the basic version with a basic design, but you can customize it how you prefer modifying the CS...
Two CSS vertical menu with show/hide effects
CSS menu and "Web 2.0" transition effects are topics very popular on my site and in general I receive a lot of code requests about these arguments. So I wrote this simple tutorial with two vertical menu examples with show/hide menu effect. First exa...
Using CSS and Mootools to simulate Flash horizontal navigation effect
Some year ago I was a big Macromedia/Adobe Flash fan. Let me say... at that time, if you used Flash for your websites you was really cool and ok... I admit it, I liked the simplicity to place everything where I wanted and all fantastic animation effe...
