standardy-projektowania-stron-internetowych

Standards in programming websites

Tags: AJAX, AngularJS, Bootstrap, CSS3, jQuery, RWD, seo, websites

Maciej Skrzypczak

WordPress / Responsive Developer

I. HTML5

Utilized to create structures of websites and placing content. Many elements have been added to the latest version:

  • tags for content management: header, nav, section, article, aside, figure, figcaption, video, audio, time, footer,
  • field types: number, tel, email, url, search, datetime, date,
  • attributes of form elements,
  • api elements,
  • DOM methods.

For compatibility with older web browsers, it is necessary to include the library:

II. CSS3

Used to describe the form of website presentation, distribution, the appearance of text and background. The latest version features new:

For compatibility with older web browsers, it is necessary to include libraries:

III. RWD / Bootstrap

CSS library including tools facilitating the creation of graphic interface and adjusting it to phones and tablets. It is used change the look of navigation, texts, forms.

Library for download:

IV. jQuery

Programming library for JavaScript language, providing a simplified form of dynamic website modification, DOM tree modification:

  • detecting mouse position and buttons status,
  • detecting keyboard keys,
  • creating, modifying and deleting fragments of HTML code,
  • composing actions, designing complex animations.

Library for download:

To use the functions of the latest web browsers, it is necessary to add the library:

  • transit (github.com/rstacruz/jquery.transit), function $.animate is replaced with $.transition, for compatibility with older web browsers, it is necessary to add code:

if (!$.support.transition) $.fn.transition = $.fn.animate;

V. AngularJS

The library for JavaScript language allows creating the structure of websites according to MVC standard (model-view-controller). It allows attributing input and output elements to the model, and a two-way attribution of data reduces the amount of code and speeds up the process of creating applications.

VI. AJAX

A technique of creating websites, in which the interaction between a user and server is done without the need to reload. It offers a more dynamic interaction compared to a traditional model, where each new data request means uploading the whole website all over again.

VII. WCAG

A standard of website optimization for people with disabilities:

  • description of links and images,
  • contrast of functional and content bearing elements has to have adequate text to background brightness ratio:
    • at least WCAG AA 4.5:1 for small letters and 3:1 for large letters,
    • most preferably WCAG AAA, 7:1 for small letters and 4.5:1 for large letters,
  • large letters, text having font size of at least 18 pt or 14 pt and bold.

VIII. SEO

A standard of website optimization for search engines and social networks, described in the article: Optimization for search engines and social networks.


Clients

  • play
  • plk
  • pkp-cargo
  • uniwersytet-warszawski
  • politechnika-poznanska
  • uniwersytet-adama-mickiewicza
  • termy-maltanskie
  • rzeczpospolita
  • v33
  • ferguson