[hemmerling] Web Technologies ( HTML5, HTML, XML & Javascript ) 2/5 - HTML & CSS

Related pages:

• Application programming interface ( API ).
• Databases, Webserver, Webservices, SQL, XML → XML.
• Software Frameworks.
• Scripting Programming Languages for Unix / Linux and Windows.
• Social Networks 3/3 - IT / SystemEngineering Forums and IT / SystemEngineering Communities.
• Web Technologies ( HTML5, HTML, XML & Javascript ) 1/5.
• Web Technologies ( HTML5, HTML, XML & Javascript ) 3/5 - Javascript Development Tools.
• Web Technologies ( HTML5, HTML, XML & Javascript ) 4/5 - Javascript Technologies.
• Web Technologies ( HTML5, HTML, XML & Javascript ) 5/5 - Javascript Frameworks.

• CodePen.
  • “CodePen is a playground for the front end web”.
  • “CodePen is a social development environment for front-end designers and developers”.

• about tech "CSS3 Tutorials".
• Can I use... Support tables for HTML5, CSS3, SVG, JS API.
• DevDocs.
  • DevDocs "CSS".
  • DevDocs "HTML".
• Grid by Example. A collection of usage examples for the CSS Grid Layout specification.
• Hoodie – A generic backend with a client API for Offline First applications - Example of CSS3 use.
• W3C "HTML5. A vocabulary and associated APIs for HTML and XHTML".
  • W3C "CSS Current Status".
• Learn CSS Layout.
• Mozilla Developer Network "CSS".
  • Mozilla Developer Network "Using media queries".
• Modernizr: the feature detection library for HTML5/CSS3 - “Respond to your user’s browser features. Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer”.
• OpenTechSchools
  • Meetup.com "OpenTechSchool Hamburg", "CSSclasses Hamburg", 2016-05-28.
  • OpenTechSchool "CSSclasses - Learning Materials".

• Scotch "A Visual Guide to CSS3 Flexbox Properties".
• CSS-Tricks.
  • CSS-Tricks "A Complete Guide to Flexbox".
• Flexbox Defense - “Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS!”.
• Flexbox Froggy - A game for learning CSS flexbox.
• What The FlexBox?! - A free 20 video course to learn CSS Flexbox.

• CSS Garden.
• Flexbox Froggy - CSS3 Flexbox & CSS3 Grid.
• Grid Critters - “CSS Grid is game-changing. Revolutionary. Makes building modern layouts a snap”.
• Varun Vachhar "Learning CSS Grid".
• Grid by Example. Everything you need to learn CSS Grid Layout "The examples".
• CSS Grid - “Learn CSS Grid with Wes Bos in 25 pretty good videos. From fundamentals to Real World in about 4 hours”.
• CSS Tricks " Code Snippets / CSS / A Complete Guide to Grid".

• GitHub, Lea Verou "Animatable. One property, two values, endless possibilities" - A gallery of transitions.
• Mozilla Developer Network "Using CSS transitions".

• western civilisation pty. ltd. "tools & resources for web professionals" - "Cool Tools and Toys for Web Developers".
  • western civilisation pty. ltd. "tools & resources for web professionals" - "CSS Transforms" - Transform live playground. A nice way to try out the most common transform functions.
• Mozilla Developer Network "transform".

• Alex Berg "Keyframer" - A tool to produce animation keyframes.
• Video Vimeo "Putting Your UI in Motion with CSS by Val Head—An Event Apart Video".

• CSS-Tricks "Meet the Pseudo Class Selectors".

• A List Apart "How to Size Text in CSS".
• Snook.ca. TIPS, TRICKS & BOOKMARKS on WEB DEVELOPMENT "Font sizing with rem".
• Smashing Magazine, Laura Franz "Size Matters: Balancing Line Length And Font Size In Responsive Web Design".

• A List Apart "Responsive Web Design".

• CSS { guide: lines; } - “High-level advice and guidelines for writing sane, manageable, scalable CSS”.
• EnvatoTuts+ "The 30 CSS Selectors You Must Memorize".
• StackOverflow "Why do browsers match CSS selectors from right to left?".

• LESS - The Dynamic Stylesheet language.
• EN.Wikipedia "Less (stylesheet language)", DE.Wikipedia "Less (Stylesheet-Sprache)".

• Github "Bootstrap, from Twitter" for use with “Less” - “A toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more. Bootstrap is built with Less and was designed to work out of the gate with modern browsers in mind”.
• TemplateMonster.com - Devlivering the best Templates on the Net! "Shine Your Boots! Boostrap Hornbook".
• Initializr - Start an HTML5 Boilerplate project in 15 seconds!.
  • django-Marcador. Basic Django Tutorial "9. Templates" “9.2. Create the base template”.
    1. Click at the website Initializr - Start an HTML5 Boilerplate project in 15 seconds! on “Bootstrap”.
    2. In the section “H5BP Optional” check the “404 Page” option.

• EN.Wikipedia "Bootstrap (front-end framework)", DE.Wikipedia "Bootstrap (Framework)"

• Sass - Syntactically Awesome Stylesheets.
  • Compass - “Open-source CSS Authoring Framework” for use with “Sass”.
  • Github "Scout - Compass and Sass without all the hass(le)".

• Almsaeed Studio "AdminLTE Control Panel Template", GitHub "almasaeed2010/AdminLTE".
  • Bootstrap Stage "Admin LTE. Amazing Admin Starter" - “A full featured, free Bootstrap 3 admin dashboard theme”.

• Book buecherbillig.de "CSS - Das umfassende Handbuch".
• Book buecherbillig.de "CSS und HTML Design Patterns. 350 CSS-Rezepte".
• Book buecherbillig.de "CSS - Praxisbuch Kompendium".

• Grid Examples.
  • “Get inspired by real and live sites collected from bloggers, designers and developers that are using CSS Grid Layout. Are you a designer or an agency and have you been working on a CSS Grid site recently? Then add yours by submitting your work here!”.
• CodePen "Sunflower", A Pen By "Detlef von der Thüsen"".

• Lynn Fisher artist and designer from Phoenix, Arizona.
• The Experimental Layout Lab of Jen Simmons.
  • The Experimental Layout Lab of Jen Simmons "Jazz at Lincoln Center Spring 2007".
  • The Experimental Layout Lab of Jen Simmons "Jan Tschichold. Lictbildervortrag Die Neue Typographie".
  • The Experimental Layout Lab of Jen Simmons "Five issues that will determine the future of Internet Health".

• CSS-Tricks.
  • CSS-Tricks "Sass vs. LESS".
• OverAPI.com "CSS Cheat Sheet" #.
• SELFHTML "Link-Verzeichnis: CSS".
• Selectutorial - CSS selectors : "CSS Comments".
• Eric Meyer.
• CSS Work - “Books by Eric...”.
  • Requirements profile of a job offer “Has heard of Eric Meyer and Steve Souders” .

• Stefan Münz "SELFHTML".
• Web Design Group's Help file Distribution Page.
  • WDG "Validators and Checkers".
  • WDG "Web Authoring Tools".
• W3C.
  • W3C, Dave Raggett "Getting started with HTML".
• Dublin Core Metadata Initiative.

• EN.Wikipedia "CE-HTML", DE.Wikipedia "CE-HTML".
  • EN.Wikipedia "Hybrid Broadcast Broadband TV", DE.Wikipedia "Hybrid Broadcast Broadband TV".

• Anixe.
  • medienhb.Sender-Datenbank "ANIXE iTV".

• Dive Into HTML5.
• Local Storage.
  • w3schools "HTML5 Web Storage".
  • Dive Into HTML5 "The Past, Present & Future of Local Storage for Web Applications".
• EN.Wikipedia "HTML5", DE.Wikipedia "HTML5".
• EN.Wikipedia "Canvas element", DE.Wikipedia "Canvas (HTML-Element)".

• Codeplex "Html Agility Pack (HAP)" for Microsoft .NET 2.0.
• HTMLParser — Simple HTML and XHTML parser for Python.
• Sourceforge:HTML Parser, Sourceforge:HTML Parser, an OpenSource Java library.
• pudn: "MyHtmlParser" for Java, using “HTMLConnection”.

• Microsoft MSDN "Microsoft Expression.
  • The free HTML editor Microsoft Download "Microsoft Expression Web 4 (Free Version)" for WinXP, Vista, Win7, Win8 with .NET 4.0.
    • EN.Wikipedia "Microsoft Expression Web", DE.Wikipedia "Microsoft Expression Web".
• phase5 <HTNML Editor> for Windows - “kostenlos für Schulen und Privatanwender!”.
  • DE.Wikipedia "HTML-Editor Phase 5".
• Mozilla Editor, SeakMonkey Composer, Mozilla Composer, Nvu Composer and KompoZer.
  • Nvu.com - “Finally! A complete Web Authoring System for Linux Desktop, Microsoft Windows and Macintosh users”.
  • Nvu - “The #1 FREE Web Authoring System”.
  • Kompozer - “Easy Web Authoring!”.
  • Nvu Composer und KompoZer DE. HTML-Editor.
  • Mozilla Editor.
  • EN.Wikipedia "Mozilla Composer".
  • EN.Wikipedia "Mozilla Application Suite", DE.Wikipedia "Mozilla Application Suite".
  • EN.Wikipedia "SeaMonkey", DE.Wikipedia "SeaMonkey".
• IBM Rational EGL Community Edition - “A free Eclipse-based tool that simplifies the development of rich Web 2.0 style applications. It enables innovation by simplifying the development of JavaScript and Java based rich Internet applications. Shortens the technology learning curve by shielding developers from the complexities of JavaScript™, HTML, Ajax, JSON, and other Web 2.0 technologies”.
• DE.Wikipedia "Aolpress" for Windows - my very first HTML editor .

• TemplateToaster for Windows - Commercial web design editor, also for Joomla and Wordpress, with time-unlimited feature-limited trial version.

• W3C.
  • WDG HTML Validator.
  • W3C CSS Validation Service.
• W3C Markup Validation Service - “Check the markup (HTML, XHTML, …) of Web documents”.
• Tidy.
  • W3C "Clean up your Web pages with HTML TIDY"
  • Sourceforge "HTML Tidy Library Project", Sourceforge "HTML Tidy Library Project".
  • Dirk Paehl "HTML Tidy for Windows".
  • Sourceforge "GTidy-GUI for tidy", Sourceforge "GTidy-GUI for tidy".
• Neil Bowers, Canon Research Centre Europe “Weblint”.
  • http://www.weblint.org.
  • Softlookup "Weblint" ( 2004-09-10 ) - Weblint download.
  • San Francisco University "Weblint Gateway" - online Weblint.
  • Simon Frazer University "Web Lint" - online Weblint.
• “HTML-Lint” / “weblint-perl”.
  • CPAN, Andy Lester "HTML-Lint".
    • Debian "weblint-perl" - “Ein Syntax- und (Minimal-)Stil-Prüfer für HTML. Weblint ist ein Perlskript, das Flaum von HTML-Seiten entfernt, ziemlich auf die gleiche Art wie das herkömmliche lint Flaum von C-Programmen entfernt. Das Skript ist eine vollständige Neuerstellung von Neil Bowers Original-Skript weblint. Es unterstützt aktuell HTML 4.0 (Und nur HTML 4.0)”.
    • Debian "libhtml-lint-perl".
    • Ubuntu "weblint-perl" - “A syntax and minimal style checker for HTML. This is a perl script which picks fluff off html pages, much in the same way traditional lint picks fluff off C programs. The script is a complete rewrite of Neil Bowers' original weblint script. It currently supports HTML 4.0 (and only HTML 4.0)”.
• The free online service HTML5test - How well does your browser support HTML5?.
• CPAN, brian d foy "weblint++".
• Sourceforge "CSSTidy", Sourceforge "CSSTidy".
  • Debian "csstidy" - “CSS parser and optimiser”.
• Debian "tidy" - “HTML Syntaxcheck und Neuformatierung”.
• Debian "tidy-doc" - “HTML syntax checker and reformatter - documentation”.
• Validator.
  • The free online service SELFHTML Validator.
  • Validator.

• CSE HTML Validator.
• Liam Quinn "A Real Validator".

• 960 Grid System - “The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem”.
• YAML - Yet Another Multicolumn Layout.

• Can I use... Support tables for HTML5, CSS3, SVG, JS API.

• OpenDirectory "Top: Computers: Programming: Languages: JavaScript.
• OpenDirectory "Top: Computers: Programming: Languages: HTML.
• OpenDirectory "Top: World: Deutsch: Computer: Programmieren: Sprachen: JavaScript".
• OpenDirectory "Top: World: Deutsch: Computer: Programmieren: Sprachen: HTML".