3D Cube using 2D CSS transformations The impression of a three dimensional cube can be created using modern CSS techniques, without the need for JavaScript, imagery, canvas or SVG. Using the proprietary transform property to skew and rotate shaded rectangles, individual cube faces can combine to form a 3D object. Currently only supported in recent WebKit and Gecko based browsers, most importantly Firefox 3.5+ -moz-transform (documentation) and Safari 3.2+ -webkit-transform (documentation). To demonstrate the power of this effect a second experiment with multiple cubes and proprietary WebKit transitions is also available. Results A 3D cube created with CSS Supported browsers: Safari 3.2+, Google Chrome, Firefox 3.5+ Altered CSS slightly to use skew(x,y) rather than skewY, the latter of which is not supported in Safari 3 / Chrome. Using newly released (currently only in Webkit Nightly releases) 3D transforms, a 3D rotating cube with fixed perspective is possible. Experiment updated. How To Now for the fun bit.
Royalty Free Icons & Clipart Stock Images 50 Free CSS/(X)HTML Templates - Noupe Design Blog Oct 18 2010 Design templates help build an identity for any particular website. Since the techniques are changing very rapidly within the industry, one must be updated all the time. Many designers download the pre-built CSS templates to explore more. To keep you moving throughout your creative adventure, we have gathered some cool and absolutely Free CSS and XHTML Web Layouts. Free and Useful CSS/(X)HTML Templates HTML5 and CSS3 ( Demo | Download ) JeansWebsite ( Demo | Download ) Lawyer & Attorney ( Demo | Download ) Ornare ( Demo | Download ) iPhone App ( Download ) StudioClick ( Demo | Download ) Darkness ( Demo | Download ) MYportfolio ( Demo | Download ) 2 Breed ( Demo | Download ) WesternShop ( Demo | Download ) CSS Heaven 1 ( Demo | Download ) Zen Design ( Demo | Download ) Shop Around ( Demo | Download ) Ikonik ( Demo | Download ) Internet Music ( Demo | Download ) Nova Studio ( Demo | Download ) YIW Minimal ( Demo | Download ) YIW Folio ( Demo | Download )
Add RSS News Feeds to Your Website, Free Website Content, Free RSS Feed Reader Extreme Programming Rules Planning User stories are written. Release planning creates the release schedule. Make frequent small releases. The project is divided into iterations. Iteration planning starts each iteration. Managing Give the team a dedicated open work space. Set a sustainable pace. A stand up meeting starts each day. The Project Velocity is measured. Move people around. Fix XP when it breaks. Designing Simplicity. Choose a system metaphor. Use CRC cards for design sessions. Create spike solutions to reduce risk. No functionality is added early. Refactor whenever and wherever possible.
Liens hypertextes - Droits Un article rédigé par Thierry Stoehr, du blog spécialisé formats-ouverts.org m’a interpellé. Ce n’est pas tant l’article en lui-même que la pratique qu’il dénonce. Dans cet article Thierry Stoehr signale qu’une quarantaine de sites internet soumettent l’établissement de liens vers eux à autorisation écrite et préalable. Certains sites vont jusqu’à évoquer l’existence d’une contrefaçon. Je vais exposer ici le principe général concernant la mise en place de liens hypertextes. La règle qui prévaut dans le cas présent est la liberté de faire un lien hypertexte. Un problème se pose néanmoins : pour pouvoir engager la responsabilité civile de quiconque, il faut réunir 3 éléments : une faute : ici faire un lien entre deux sites internet. À défaut de réunir de ces 3 éléments, ce qui est très hypothétique dans le cas présent, la responsabilité civile d’un internaute pour un lien faite vers un site ne peut être engagée. Les limites quant aux types de liens Les limites quant à la manière de lier
From PSD to HTML | BolducPress, a web design blog Learn how to slice up your design and then use CSS and HTML to turn it into a powerful web interface. Check out my new Photoshop to HTML tutorial! I’ve released a new tutorial that goes into more depth and creates a better final result! Check it out: From Photoshop to HTML What we will make In this tutorial I’m going to show you how to take the design created for my Fundamentals of Interface Design tutorial and turn that into a usable web interface. What you will need Adobe Photoshop.The PSD File which can be downloaded belowA pure text editor. The Source Download the PSD and HTML files A Note about WYSIWYG Editors I don’t use WYSIWG editors like Adobe Dreamweaver. Part One: Visualizing the CSS and HTML. Before I begin anything I take an objective look at my interface. What sections do you see? This is what I’m thinking to myself as I do this. The following can be achieved with CSS The following will need to be sliced up. Part Two: Slicing the interface. Ok let’s get started. Your First Slice
5978 High Quality Icons for Web, Apps & RSS | Nerd Business Blog 5978 High Quality Icons for Web, Apps & RSS This is beyond question the largest supply of free icons ever published in one article. With this exceedingly massive supply, your icon solutions for websites and Apps are pretty much endless! Ranging from file types to gadgets, Mac icons to Firefox orbs, RSS feeds and even race cars. And all of them are free. One final note: each of these icons are in .jpg format. The Icons... To disperse the load not all of them are on one page. Icons Page 1 Icons Page 2 Icons Page 3 Icons Page 4 Icons Page 5 Icons Page 6
tools | Mouseover DOM Inspector v2.0 Help Overview The Mouseover DOM Inspector, or MODI for short, is a favelet (also known as a bookmarklet) that allows you to view and manipulate the DOM of a web page simply by mousing around the document. Browsers currently supported are Firefox, Mozilla, Netscape 8, Opera 7.5+ and MSIE6+ on all of their respective Operating Systems. To begin using the Mouseover DOM Inpsector, simply add the following link to your bookmarks by right clicking and selecting "Add to Favorites" or "Bookmark this Link" or whatever the nomanclature of your browser of choice. Should you encounter problems with this software, please contact me and let me know the URL you were on, the browser and operating system, if you are using a preference file along with the url to that preference file and as detailed a description as you can with what you were doing when the problem occured. If you are looking for the older version of MODI (v1.5) you'll find it here. Keyboard Commands Cycle hightlighting preference. Freeze Mode Bugs?
WOT - Web of Trust Familiarisez-vous rapidement avec la communauté WOT en suivant ces étapes. Étape 1 : S'inscrire Vous devez vous inscrire pour tirer le meilleur parti de WOT. Une fois inscrit(e), vous pourrez accéder à l'ensemble des fonctions disponibles. Créer un profil utilisateur Rédiger des commentaires sur la carte de score WOT Participer au forum et au blog S'inscrire maintenant Étape 2 : Personnaliser les paramètres Vous pouvez personnaliser WOT pour l'adapter à vos préférences de navigation. Étape 3 : En savoir plus Découvrez l'approche de base de WOT et comment utiliser au mieux le système d'évaluation pour faire d'Internet un outil plus sûr pour tous. La communauté WOT décrit notre mission et les personnes constituant notre communauté d'utilisateurs WOT : comment ça marche indique où trouver nos évaluations Évaluation de sites Web explique le fonctionnement des composants d'évaluation Symboles WOT décrit la signification des icônes d'évaluation
Useful Collection of Cheat-Sheet Desktop Wallpaper for Web Designers :Speckyboy Design Magazine Typical cheatsheets tend to be over-sized documents, far too large to be viewed in its entirety on a desktop and not too handy for the super-fast reference that is needed. To get the full benefit of any cheatsheat, your only real option is to print it out and keep it close at hand. Wouldn’t it be nice if there was an easier way, a quicker way. In this post we have rounded up a selection of cheatsheet wallpapers, in various sizes, covering various technologies, like CSS, HTML5, WordPress, Javascript and many more. WordPress Help Sheet Wallpaper The WordPress Help Sheet Wallpaper is a simple desktop wallpaper listing Basic Template Files, PHP Snippets for the Header, PHP Snippets for the Templates, Extra Stuff for WordPress, based on the WPCandy WordPress Help Sheet. Drupal Cheat Sheet Desktop Wallpaper The Drupal Cheat Sheet Desktop Wallpaper is a desktop wallpaper that features the most popular variables of the open source content management system Drupal. HTML5 Canvas Cheat Sheet Yahoo!
Ocho usos interesantes del RSS en educación | Seguramente desde hace ya tiempo estás familiarizado con el uso del RSS pero probablemente desconoces su gran versatilidad. En la mayoría de los casos se utiliza simplemente para centralizar en un solo lugar las suscripciones a blogs de interés profesional y personal pero realmente ofrece un potencial mucho mayor. Si ya utilizas un lector como Google Reader, experimenta con algunos de los siguientes usos y mira si te facilitan tu trabajo de aula: 1. Puedes recibir información actualizada y estar al día en noticias sobre educación y recursos tic para usar en el aula. Considera suscribirte no sólo a medios de comunicación generales sino que además sigue a través de sus blogs el fantástico trabajo de otros compañeros de profesión en España y a nivel internacional. Clasifica todas las entradas en tu lector RSS por asignaturas, cursos o temas y así poder cada mañana ponerte al día en cuestión de minutos. 2. ¿Estás cansado de tocar siempre los mismos temas año tras año? 3. 4. 5. 6. 7.