background preloader

Web Developer Extension

Web Developer Extension

CSS Is Easy! [CSS Tutorials] Cascading Style Sheets. The name alone is intimidating, conjuring up images of cryptic code and syntax, too difficult for the layperson to grasp. In reality, however, CSS is one of the simplest and most convenient tools available to Web developers. In this article, I’ll guide you through the basics of CSS, showing how it can be applied to simplify the task of managing a consistently formatted Web site with minimal headaches. The Problem with HTML CSS is a language for defining the formatting used in a Web site. A common design choice at present is to use a sans-serif font (like Arial, Verdana, Tahoma, etc.) for the main body text of a site. Now here’s the kicker: what if your client calls you late one Friday afternoon to say, “Verdana is nice, but everyone uses it. If you know your HTML, you may be thinking that the <basefont> tag, which lets you set the default font to be used throughout a page, provides a nice solution to this problem. Defining Styles with CSS CSS Selectors Tag Selectors

Buttonator (para crear botones para web) Article » Los mejores manuales de Ajax aNieto2K Desarrollo web, Wordpress, y alguna cosilla más Andrés Nieto Palma de Mallorca, España Más... Menú Buscador Felicidades Contenido Los mejores manuales de Ajax 16 may aNieto2k hace 2893 días en: ajax, javascript, Programacion Si sabes Inglés y tienes tiempo esto es sin duda lo mejor que he visto sobre Ajax. ajax, manual, tutoriales ← OpenCube, recopilación de efectos Consejos para bloggers bloqueados → 3 comentarios, 2 referencias InKILiNo @2 mayo 16th, 2006 at 9:53 am Merci por los links de Ajax, tienen muy buena pinta, lo malo es el idioma. Enlace permanente: Los mejores manuales de Ajax Comentar Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Información Mi Flickr Ver más... Proyectos Comentarios Posts más relevantes Créditos aNieto2K · 2005·2014 Diseñado por Daniel Mota

Web Creme | Web design inspiration Ajax (programming) Ajax is not a single technology, but a group of technologies. HTML and CSS can be used in combination to mark up and style information. The DOM is accessed with JavaScript to dynamically display, and allow the user to interact with, the information presented. JavaScript and the XMLHttpRequest object provide a method for exchanging data asynchronously between browser and server to avoid full page reloads. In 1996, the iframe tag was introduced by Internet Explorer to load or to fetch content asynchronously. In 1998, Microsoft Outlook Web App team implemented the first component XMLHTTP by client script. Google made a wide deployment of standards-compliant, cross browser Ajax with Gmail (2004) and Google Maps (2005).[6] The term "Ajax" was publicly stated on 18 February 2005 by Jesse James Garrett in an article titled "Ajax: A New Approach to Web Applications", based on techniques used on Google pages.[1] get-ajax-data.js: send-ajax-data.php: jQuery example

Stopdesign WebBtnCreator WebBtnCreator v1.90 ©1999-2007 CyLog Software An easy to use utility to create buttons for use in web and application development. Powerfull graphics engine with font anti-aliasing. Save and re-create your buttons whenever you want. Associate button Captions with Filenames, add prefixes and suffixes depending on styles and re-create all your web-sites buttons with just a press of a key! Version History v1.90 - 28.Jul.2007 New GIFImage with correct optimization, added GIF preview Pick color from image, More JEDI components v1.82 - 18.Oct.2005 Changed pop-up message for saving file types v1.81 - 03.Aug.2005 Optimized anti-alias method not to draw on BMP when not needed v1.80 Support for four different BMPs aligned to edges of buttons New anti-aliasing methods from custom-made library. New button styles saved in human-readble text files Captions and Filenames are saved in separate files so you can have multiple styles with the same captions Bug fixes in BMP importing (creating buttons from BMPs)

ColourMod » DHTML Colour Picker About OpenFX What is OpenFX? OpenFX is an Open-Source 3D modeling, animation and rendering suite created by Dr. Stuart Ferguson. He made the decision to release the source code to the public in the middle of 1999, and the product formerly named SoftF/X was renamed to OpenFX. It has now been released under the terms of the GNU General Public Licence. In 2005 a major release 2.2 included a GPU version of the rendering engine that gives a quality that is almost the equal of the software engine. In 2007 a new class of actor was introduced into the animator that facilitates particle animation. In 2009 the skeleton structure in the designer was enhances to a give weights to each bone. In 2011 a character path follower system was created that make it easy to carry out character animation where a repeated action takes place as the character moves, simulating walking, running and mixed activities are all now one-click operations. What can OpenFX do? What platforms does OpenFX run on?

Making the Absolute, Relative A curious reader recently asked about the Adaptive Path redesign: “I’m puzzling over why with the main nav bar you nested an absolute div into a relative div?” A simple answer to his question is: Because I wanted optimum flexibility for the header and navigation, and to keep the navigation the same distance from the logo, no matter how the text is resized. That’s the strategic answer providing rationale for the method. But I gather he might also be seeking a tactical answer. To answer his question thoroughly, I’ll backpedal a bit, and explain the workings of CSS absolute positioning in my own words, provide an example which demonstrates a different effect than the one achieved in the Adaptive Path design, then come back to the AP navigation. Containing Blocks (Positioning Context) Nesting an absolute-positioned element within a relative-positioned element is a fairly oft-used technique. will get placed in the top-left corner of the page. Lost yet? Dynamic Positioning Diagram 1 Diagram 2-A

Labs - GreyBox A pop-up window that doesn't suck. Introduction GreyBox can be used to display websites, images and other content in a beautiful way. Why use GreyBox: It does not conflict with pop-up blockers It's only 22 KB! It's super easy to setup It's super easy to use You can easily alter the style as it is controlled through CSS Examples One website To trigger GreyBox you'll only need to append a rel tag on your a tags: <a href=" title="Google" rel="gb_page_fs[]">Launch google.com in fullscreen window</a> Website gallery Image gallery It takes very little code to display image galleries: Installation Step 1 Append following to your header section. <script type="text/javascript"> var GB_ROOT_DIR = " GB_ROOT_DIR should be absolute. Step 2 Append also following scripts and one stylesheet: AJS_fx.js is optional. Step 3 You are ready to use GreyBox. Where could it be used? What browsers are supported? Safari Firefox 1.5+ Internet Explorer 5.5+ Opera 8.5+

Related: