Giter VIP home page Giter VIP logo

virk_dk_htmlsnippets's Introduction

Virk.dk HTML snippets

HTML snippets for building HTML to Virk.dk website (works in textmate, e-texteditor, gedit, etc)

This snippet library will reflect content in the Virk HTMLguide, currently at http://xmltools2.oio.dk/virk/htmlguide/

In general we found that developers are more productive with a HTML Guide than just the design specification. See my article Design Guide or HTML Markup Guide. Using HTML snippets makes development even faster.

Snippets available

skel(tab) -- creates HTML skeleton in blank file. Adds correct doctype, head, body and container divs required for the virk.dk html to show correctly.

fieldset(tab) Groups of form elements. Use where you would have used ordinary fieldsets. See HTML guide » Form grupper (fieldsets)
float(tab) -- ??

button(tab) -- submit button and other buttons. See HTML guide » Knapper

inputcheck(tab) -- standard checkbox with label and group
inputradio(tab) -- radio button (Not implemented)
inputtext(tab) -- text field
select(tab) -- select element
option(tab) -- options inside a select element
readonly(tab) -- readonly element (readonly text that is visually set up to work with form elements)
textarea(tab) -- textarea element

Usage examples see HTML guide Simple form elementer, Særlige form elementer

table(tab) -- table element. See HTML guide » Tabeller
td(tab) -- table cell inside table row.
th(tab) -- table header cell inside table row.

Installing the snippets

Download from the virk_dk_htmlsnippets project page on GitHub

Unzip the file and do the following:

  • Mac/Textmate: Just double-click the .tmbundle folder will install the bundle in textmate
  • Windows/E-texteditor: Just copy the .tmbundle folder to the "Bundles" folder in the user settings application directory, usually something like "C:\Documents and Settings[username]\Application Data\e"

Contributors can read more in the following section (TODO list)

Work in progress -- TODO list

NOTE that the current state of these snippets is quite uncomplete. Feel free to fill in the gaps and send me your change suggestions.

I left the actual code here all of a sudden half a year ago. So chances are you will find gaps and holes. Here are some of the obvious I saw.

  • There are references to 'BRS brugerrettigheds administration' -- should be changed to virk
  • There are at least one 'To be done' reference in a snippet
  • Creating other sets of snippets for supporting this HTML markup. For instance, I'd like to create a Rails form builder called something like VirkFormBuilder that could create the relevant HTML code.

Developers and contributors would have to create a fork of this project (and send me pull requests). You could also ask me for commit rights directly on this project. Send me your first patch and GitHub user ID.

Snippets created by Jesper Rønn-Jensen, [email protected], Capgemini 2008

License: This code is released under the GNU LGPL license (Full details in lgpl.txt file).

virk_dk_htmlsnippets's People

Contributors

jesperronn avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.