Scripting. Blogs. SEO. Firefox. Freeway: Home. LimeSurvey.org - The Leading Open Source Survey Tool. OTRS::Open Source Trouble Ticket System. Flex SDK - Flex SDK - Confluence. DevSnippets. Website Grader. 30 Websites to follow if you’re into Web Development. I’ve made it a goal to learn at least one useful thing each day so that I can stay sharp and well-versed on the topic of web development and design.
To that end, here’s some of the websites I keep track of to find new techniques, resources, and news about building websites. Most of these sites are updated frequently, so there’s never a lack of new content that fills up my Google Reader. Because the role of the web developer is ever-expanding, I’ve also included a variety of sites that covers fields relating to web development – such information architecture, user interaction, and web/graphics design. NETTUTS is a recently launched blog/tutorial site that provides "spoonfed web skills". There are already plenty of useful and detailed tutorials that range from offloading static content to Amazon S3 to creating a beautiful tabbed content area using jQuery.
NETTUTS is perfect for developers just starting out, since the tutorials are very thorough and in a "step by step" format. 2. woork 3. YSlow for Firebug. Best Practices for Speeding Up Your Web Site. The Exceptional Performance team has identified a number of best practices for making web pages fast. The list includes 35 best practices divided into 7 categories. Minimize HTTP Requests tag: content 80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, stylesheets, scripts, Flash, etc. Reducing the number of components in turn reduces the number of HTTP requests required to render the page. One way to reduce the number of components in the page is to simplify the page's design. Combined files are a way to reduce the number of HTTP requests by combining all scripts into a single script, and similarly combining all CSS into a single stylesheet.
CSS Sprites are the preferred method for reducing the number of image requests. Image maps combine multiple images into a single image. Inline images use the data: URL scheme to embed the image data in the actual page. Top | discuss this rule tag: server ... <! Doctype - Google Code. For Webdesigners. Code University.
Consejos para acelerar la descarga de páginas web. OSD Network. Open Source Web Design. Free Web Templates Resource. OpenLaszlo. 13 Awesome Javascript CSS Menus. Oct 31 2007 Every web designer tries to be creative when it comes to designing the main navigation of the website. Now we present you with 13 awesome Javascript CSS menus that will be very handy and easy to modify to suit your needs. Lets take a look at recent examples of these … 1) Sexy Sliding Menu – Andrew Sellick decided to use mootools due to the smoothness of their effects, however, he developed a sliding menu using script.aculo.us .
Demo: Mootols Version Demo: Script.aculo.usVersion 2) FastFind Menu Script – This script allows for nested menus, based on dynamic “AJAX” responses. Demo: FastFind Menu 3) Webber 2.0 Dock Menu – Great example of a dock type navigation. Demo: Webber 2.0 Dock Menu 4) Phatfusion- Image Menu – Image menu using javascript, onClick event keeps selected item open and to close it again. Demo: Phatfusion- Image Menu Demo: Mootools version with XML parser 5) Drag and Drop ordering in a TreePanel – This example shows basic drag and drop node moving in a tree.
Homepage. Slimbox, the ultimate lightweight Lightbox clone · digitalia.be. Introduction Slimbox is a 4 KB visual clone of the popular Lightbox 2 script by Lokesh Dhakar, written using the MooTools javascript framework. It was designed to be very small, efficient, standards-friendly, fully customizable, more convenient and 100% compatible with the original Lightbox 2. Note: Slimbox 2 is now also available. It is using the jQuery library instead of MooTools. Demo Visit the Demo page to test the latest version. You can also test Slimbox for MooTools 1.2.5 and Slimbox for MooTools 1.11. Features From a functional point of view, Slimbox has the following added features compared to the original Lightbox: Slimbox is ready to launch as soon as the document is ready. From a design point of view, Slimbox is very different from Lightbox: The code is optimized to an insane level and has been written from scratch with efficiency in mind for the MooTools framework instead of the huge Prototype/Scriptaculous.
Compatibility It works with both strict mode and quirks mode web pages. 1. Videobox. Diseñar en CSS para Firefox, IE6 e IE7. 80+ AJAX-Solutions For Professional Coding. Advertisement Web-developers can create amazing web-applications with AJAX. Stikkit1, Netvibes2, GMail3 and dozens of further web-projects offer a new level of interactivity we’ve used to give up the idea of. Modern web-applications can be designed with enhanced user interfaces and functionalities, which used to be the privelege of professional desktop-applications. AJAX makes it possible to create more interactive, more responsive and more flexible web-solutions. And it’s the first step towards rich internet applications of the future. Asynchronous JavaScript and XML isn’t a new programming language, as it is often mistakingly called. In this article we’d like to present a list of over 90 useful AJAX-based techniques you should always have ready to hand developing AJAX-based web-applications. You may also want to take a look at the article 60 More Ajax and Javascript Solutions For Professional Coding9.
AJAX Auto Completer 1. 2. 3. 4. 5. AJAX Instant Edit 6. 7. 8. AJAX Menus, Tabs 10. 11. 53 CSS-Techniques You Couldn’t Live Without. CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isn’t it great? Well, actualy, it is. Over the last few years web-developers have written many articles about CSS and developed many useful techniques, which can save you a lot of time - of course, if you are able to find them in time. CSS is important. Over the last few years web-developers have written many articles about CSS and developed many useful techniques, which can save you a lot of time - of course, if you are able to find them in time.
Let’s take a look at 53 CSS-based techniques here at Smashing Mag you should always have ready to hand if you develop web-sites. 1. 2. 3. 4. 5 Powerful Tips And Tricks For Print Style Sheets 5. 7. Design By Grid. Nice and Free CSS Templates. QuirksMode.
HTML Playground. Creating a CSS layout from scratch. How to embed data into a URL. Google Ranking Factors - SEO Checklist. Starting with HTML + CSS. This short tutorial is meant for people who want to start using CSS and have never written a CSS style sheet before. It does not explain much of CSS. It just explains how to create an HTML file, a CSS file and how to make them work together. After that, you can read any of a number of other tutorials to add more features to the HTML and CSS files.
Or you can switch to using a dedicated HTML or CSS editor, that helps you set up complex sites. At the end of the tutorial, you will have made an HTML file that looks like this: The resulting HTML page, with colors and layout, all done with CSS. Note that I don't claim that this is beautiful ☺ Sections that look like this are optional. Step 1: writing the HTML For this tutorial, I suggest you use only the very simplest of tools. Don't use a wordprocessor, such as Microsoft Word or OpenOffice. Step 1 is to open your text editor (Notepad, TextEdit, KEdit, or whatever is your favorite), start with an empty window and type the following: <! <! Data Tables and Cascading Style Sheets Gallery. What is this about? The CSS Table Gallery is a showcase of how CSS and data tables can work together to create usable and pretty results. Every once in a while there are emails on discussion lists asking for nicely designed tables and they are prone to go off-topic and ending in a holy war why tables are bad and why you shouldn't use them.
Basically the thread/email that gave me the idea was this request on the evolt list. Well, there are legitimate uses for tables, for tabular data they are the best solution, as - properly marked up - they structure the data for the visual user and make it easy to follow for blind visitors or those using user agents without table rendering. There are some good tutorials on styling tables on the web already, but a showcase site was missing, so here you go. Table and CSS tutorials May the following off-site resources give you wisdom and inspiration: Most blatantly stolen from Laura L. SiteTimer. About SiteTimer For more generic/non technical information about OctaGate SiteTimer, please see this version of the page.
Technical Details About SiteTimer (it uses AJAX!) Unless you're familiar with AJAX , you might want to read this page about AJAX first. SiteTimer uses JSON instead of XML, because JSON faster and lighter. There are currenly one SiteTimer server, located in Stockholm (Sweden) that performs the actual page downloads. This means that if you're for instance in the US, the measurements you're seeing are based on a user located in Europe, not a user in the US. As the user clicks the "Start Monitor" button, an AJAX request is sent to the SiteTimer server, requesting a new monitor. Referrer Checkup As you enter the OctaGate SiteTimer page, the page actually makes an AJAX call to determine if you came from a AJAX page that mentions AJAX or not. You can try it for yourself, here are two pages that both link to OctaGate SiteTimer, one mentions AJAX and the other doesn't:
Spiffy Corners. Cornershop. SKUER. Transparent Message. ATF Project Home. About The Ajax Tools Framework (ATF) is a tool integrated with Eclipse for Web developers who use Ajax techniques. ATF provides tooling that allows a user to edit, debug, and monitor CSS, HTML, and JavaScript applications and a framework on which adopters can build advanced and technology specific tools. The functionality in ATF breaks down into three main areas: Browser Tooling, JavaScript Debugger and extensions for adopters Learn more about Eclipse Ajax tools Resources Installing ATF Try it out yourself using our latest builds. Quick Navigation Downloads. Incubation. Main Page. Continuing Intermittent Incoherency.