The following list is the table of contents of all tutorials you can find on woork. Tutorials are about web programming, web design, css, frameworks, database and other related topics.
HTML 5 Visual Cheat Sheet
HTML 5 Visual Cheat Sheet is an useful cheat sheet for web designers and developers designed by me. This cheat sheet is essentially a simple visual grid with a list of all HTML tags and of their related attributes supported by HTML versions 4.01 and/or 5. The simple visual style I used to design this sheet allows you to find at a glance everything you are looking for.
Introduction to design websites
- Step by step guide for newbie to design a simple web application (part 1)
- Set up your Workspace
- A typical website structure
- Config.php: define your database connection's parameters
- Design the page layout using CSS
- Conceptual design for index.php page layout
- Load page using URL variables and PHP include() function
- Load pages using URL variables and Coldfusion cfinclude tag
- A typical website structure (Coldfusion)
- Organize and design a navigation bar for your site using CSS, PHP and URL variables
- Organize and design a navigation bar for your site using CSS, Coldfusion and URL variables
- Add #navbar elements to default.css file and to index.php
CSS, HTML, Web design
- CSS3 rounded corners for every browser? An alternative quick solution without headache
- Structured process you must know to develop a web application
- Simple process to estimate times and costs in a web project
- The Deming Cycle: an application to web design
- Useful guidelines to improve CSS coding and maintainability
- The Art of reusing code in your web projects
- CSS coding: semantic approach in naming convention
- Simplicity is better: some suggestions for a clean blog layout
- Are you a CSS fanatic?
- Liquid layer with rounded corners using css
- Optimize CSS files to improve code readability
- Three column fixed layout structure using CSS
- Digg-like navigation bar using CSS
- Simple CSS vertical menu Digg-like
- Table's anatomy: why tables are not so bad
- Liquid styled input element with CSS
- Flickr like horizontal menu
- Socialiconize your site
- Tabbed search bar using CSS and Javascript
- Beautiful CSS Form
- Liquid expandable section with rounded corners using CSS
- How to design a sexy header for your site using CSS
- Write a well structured CSS file without becoming crazy
- Perfect pagination style using CSS
- Clean Tab Bar Digg-like using CSS
- CSS Message Box collection
- Two CSS vertical menu with show/hide effects
- Nice comments counter style for your blog post
- Top-Down approach to simplify your CSS code
- Pastel color menu with dynamic submenu using CSS
- Beautiful CSS buttons with icon set
- Clean and pure CSS FORM design
- Nice CSS menu with feed reader icons list
- Navigation bar with tabs using CSS and sliding doors effect
- Nice login and signup panel Newsvine like using CSS
- Tips to design your site for mobile devices
- Elegant glass style navigation bar using CSS and toggle animated effect
Twitter API
- How to create a stream of messages Monitter-like with PHP and jQuery
- Super simple way to work with Twitter API (PHP + CSS)
- Simple PHP Twitter Search ready to use in your web projects
- Send messages from a PHP page using Twitter API
Ajax / Frameworks / Web 2.0
- A simple introduction to Ajax
- Start learning Ajax: XMLHttpRequest and site structure
- How to solve Internet Explorer cache issue in Ajax
- Login using Ajax and Coldfusion
- Login using AJAX and PHP
- Insert record into database using Ajax and PHP
- Insert record into database using Ajax and Coldfusion
- Deleting record with Ajax using prototype.js and PHP
- A simple search engine in Ajax and PHP
- A simple search engine in Ajax and Coldfusion
- Edit in place with Scriptaculous and PHP
- Edit in place with Scriptaculous and Coldfusion
- Lightbox using mootools and pathfusion multibox
- Mootools animated sidebar menu
- Horizontal animated menu using Mootools
- Toggle effect using Scriptaculous
- Search with autosuggest feature (PHP)
- Search with autosuggest feature (Coldfusion)
- Drag and drop to order list elements with Scriptaculous
- Using prototype.js to add record into database with ajax
- Opacity change using Scriptaculous
- Gettyone-like search options menu with Scriptaculous
- Sort table rows using Ajax
- Simple images slider to create Flickr-like slideshow
- Nice Ajax effect for message box using Mootools
- Liquid expandable section with mootools toggle effect
- Sliding top panel using mootools
- Using CSS and Mootools to simulate Flash horizontal navigation effect
- Improve form usability with auto messages
- Useful tips to enrich your HTML Forms
- MooTools Basic Tips for Web Designer (Lesson 1)
- 10 Useful tutorials to learn Scriptaculous
- Simple ul list with a nice slide-out effect for elements
- Super elastic effect to design high impact web menu
- Nice vertical menu with motion and opacity effect
- Elegant animated weekly timeline for websites
- Ultra versatile slider for websites
News Tickers
- How to implement a news ticker with jQuery and ten lines of code
- Fantastic News Ticker Newsvine-like using Mootools
- News ticker with horizontal scrolling using Mootools
- Automatic news ticker with vertical scrolling and Start/Resume options
MooTools Lessons
- Lesson 1 - Basic Tips for Web Designer
- Lesson 2 - Get elements ID using unobtrusive code
- Lesson 3 - Interaction with Forms
Database
- Project a database: define the relationships-entities model (tables, attributes, and relationships)
- Project a database: create tables and relationships with SQL
- Project a database: how to use PHP and SQL to create tables and relationships
- A correct approach to define relationships between database's tables
- 10 Useful articles about Database design
PHP Functions and Scripts
- Time and Date difference using a PHP function
- Twitter: send message from a PHP page using Twitter API
- Simple newsletter system using PHP
- PHP components: Autosuggest
- PHP components: login system
Coldfusion Functions and Scripts
- Custom script to calculate a digg-like date difference with Coldfusion
- Remove HMLT tags from input field using Coldfusion and ReReplace() function
- Simple 5 stars rating script using AJAX and Coldfusion
- Simple newsletter system using Coldfusion
- Coldfusion VS PHP part 1
- Split text string using Coldfusion
- Search with autosuggest feature (Coldfusion)
- Show Hide Layer using a simple Javascript function
- Magnify text using javascript
- Change the layer background color using a simple Javascript functions
- From Feed RSS to HTML
- Ajax: add a new element into a list using javascript insertBefore()
- Change text using Javascript innerHTML
- Split an input text using javascript
- Select and remove multiple input checkbox elements
- Add an item from a SELECT field into a layer using javascript
- Simple selector list using CSS and Javascript
- Change class attribute using javascript
Web Applications
- My Tiny TodoList | A simple open source todolist written in PHP and jQuery
- A simple To-Do list in PHP and AJAX to reuse in your web project
Blogger Tips and Hack
- How to install Disqus comments into a highly customized Blogger template
- Set up Google Friend Connect on Blogger
- Super Blogger hack to improve the default comment system with Google Friend Connect
- Add TwitThis on your Blogger template and drive more traffic on your website
- Add Digg vote button on Blogger Template (update)
- Blogger hack: add delicious button with counter in your blogger posts
- Place Google AdSense below post's title on Blogger
- Add StumbleUpon button in your Blogger's posts
- Add reddit button with counter in your Blogger Template
- Add Technorati blog reaction on your Blogger Template
- Simple star rate system for Blogger
- Add Mixx button on Blogger Template
- Add DZone button on Blogger template
- Add Design Float button on Blogger template
- Some Blogger Tips you probably don't know
- Custom search engine on your Blogger template
- Blogger Tips: feeds RSS list menu
- Add Yahoo! Buzz button on Blogger Template
Frequent Asked Questions
- How can I populate a select form with a SQL query using PHP?
- How can I change a text using Javascript and innerHTML?
Spreadsheets, Project Management Tools and Resources
- Google Spreadsheets: formulas tutorial
- Gantt Chart with EditGrid online spreadsheets
- Implement a Project Plan and manage activities with Google Spreadsheets
- Project Management: a project plan with Excel (template)
- Gantt Chart using Google Spreadsheets and conditional formatting
- Project Management: Excel Gantt Chart Template
- Google Spreadsheets Tips: Invert word position using formulas
- Google Spreadsheets Tips: Add custom charts
- How to create an awesome eBook Template using Word or Apple Pages
