background preloader

HTML5, CSS3, JS Demos, Creations and Experiments

http://cssdeck.com/

Related:  ÉDITEURS DE TEXTE et IDEWeb Design Essentials[web]site + toolsCSSOn-line coding tools

cssdeck codecasts by quanta Revealing CSSDeck Codecasts Website: Twitter: @cssdeck Free CSS Drop-Down Menu Framework Description Free CSS Drop-Down Menu Framework was first released back in June, 2008. Since then it has struck the audiences with its perfect cross browser performance and wide variety of drop-down menu transformations and themes. As the internet changes this project remains a steady advocate of purely CSS driven solutions. Modular, with themes. Not only HTML is separated from CSS, but even CSS definitions are categorized into structural and thematic types. Google60 – Search Mad Men Style It was to have been the Nuclear Age, but it became the Search Engine Age ... “Google60” is an art project to explore distances and heroism in user interfaces. All scripts and images © 2012 N. Landsteiner, mass:werk – media environments, www.masswerk.at. New: Type and download your personal punch card at “The Virtual Keypunch”! Ingredients

Live Tools - Ribbon Builder Ribbon Settings Ribbon Width Ribbon End Size Stitching & Shadows Text Settings SQLZOO Learn SQL using: SQL Server, Oracle, MySQL, DB2, and PostgreSQL. Reference: how to... How to read the data from a database. 2 CREATE and DROP How to create tables, indexes, views and other things. JSbin, JSfiddle or Codepen, which one to use and why? There are lots of css – js playgrounds now in the market, and the most popular ones are JSbin (by Remy Sharp), JSfiddle (by Oskar Krawczyk), codepen (by Chris Coyier, Tim Sabat and Alex Vasquez). So sometimes it become a confusing question which one to use; and more importantly why and when? Let’s compare these three today and find out which one can be the most suitable one for you. So, first of all let’s compare the features of these three. Feature comparison table These are the main features provided by these three playgrounds.

Web Developer Class: How To Use the JavaScript Lightbox Image Viewer You've probably seen the Lightbox JavaScript effect in action on many sites. It overlays a larger version of an image on top of the current page when the smaller image is clicked, and this tutorial for web developers will show you how you can use it on your pages! First, here is an example of how the Lightbox works: The Lightbox JS script was written by Lokesh Dhakar, and he has made it available for download and use under the Creative Commons Attribution 2.5 License so you can do anything you want with it as long as you leave his name and link within the script.

The Virtual Keypunch – Make Your Personal Punch Card Type and download your personal punch cards — the Web2.0 of “big iron” age! “The Virtual Keypunch” is a free service related to Google60 – Search Mad Men Style. Get yourself a “real business” card, or even print gift-cards for your geeky friends. New: Scan and parse a card-image at The Virtual Card Reader! Alternative Style: Working With Alternate Style Sheets So you’ve got a web page. You’ve marked it up with structural XHTML. You’ve also been a good little web developer and used style sheets to control what your document looks like. You’ve even gone the extra mile and created several alternative style sheets to show how hardcore you are. Article Continues Below Select a Language Help What is repl.it? It is an online environment for interactively exploring programming languages. The name comes from the read-eval-print loop, the interactive toplevel used by languages like Lisp and Python. How do I start? Once you have selected a language, start by typing an expression into the console on the right side of the screen and pressing Enter.

Bootstrap Date/Time Picker Introduction Simple date/time picker component based on the work of Stefan Petre, with contributions taken from Andrew Rowls and jdewit. Demo Code: Similar to above example, but in US date/hour format: Skinning · Docs · Flowplayer Flowplayer skin design is CSS3. There are 4 approaches use the default skins with modifier classesoverride default skins with your own CSSclone our default skins and edit them. Our skin repository is in githubwrite a skin from scratch

WebIDE - Firefox Developer Tools WebIDE enables you to create, edit, run, and debug web apps using the Firefox OS Simulator or a real Firefox OS device. It also enables you to connect the Firefox Developer Tools to a number of other browsers, including Firefox for Android, Chrome on Android, and Safari on iOS. See the Remote Debugging page for instructions on how to connect to a specific browser. With WebIDE, you first set up one or more runtimes. A runtime is an environment in which you'll run and debug the app. The Meaning of Colour in Web Design Blue : good fortune, communication, wisdom, protection, spiritual inspiration, calmness, reassurance, gentleness, fluidity, water, sea, creativity, peace, calming, higher thoughts, mystery, sky, formality, travel, devotion, progress, quiet wisdom, freedom. betterment of humanity, love, trust, loyalty, intelligence, reassurance, artistry, compassion, inner strength, devotion, depression, sadness, tranquility, stability, unity, truth, understanding, confidence, acceptance, conservatism, security, cleanliness, order, comfort, cold, technology, devotion, harmony, depth, faith, heaven, piety, sincerity, precision, intellect, sadness, consciousness, speech, messages, ideas, sharing, cooperation, idealism, sincerity, empathy, relaxation, affection, inspiration, friendship, patience, contemplation, infinity, harmony, non-threatening, dependability Some believe blue slows the metabolism and suppresses the appetite. High impact designs can be created with combinations of blue, red and yellow.

A collection of free CSS snippets from around the web. by viktory12345 Feb 9

Related:  webHTML5 / CSS3 / JAVASCRIPTTools (CSS / Icons / HTML5)programmingwebdesign css3CSSamirasaeedSites généralistes