What are the new frames? [closed]

by

Generally speaking:

Visually

CSS. There are numerous techniques for laying content out (depending on the precise effect you want, Holy Grail is a common desire).

The overflow properties handle scrolling sub-sections of pages, although designers who think that having a menu using up screen space all the time is a good idea are usually wrong.

Avoiding duplication of metacontent

(i.e. putting things like basic structure, navigation menus, etc on every page without copy/pasting them)

A template system (or an include system) that either runs server side (most common) or at build time (which can support HTTP servers which only allow static files).

The language this is implemented in is irrelevant, PHP is as common as muck, Java is an option, I tend towards Perl (and more specifically: Template Toolkit), there are many others. JavaScript is becoming increasingly popular for this type of job, with tools such as assemble becoming available. You can go all the way with a static site generator.

Use a search engine to find popular template languages or include systems for your programming language of choice.

Loading new content without leaving the page

JavaScript, usually with the XMLHttpRequest object (the technique being known as Ajax), and (if you are doing serious content changes) used in combination with the History API (so bookmarking and linking still works). Github are a good example of this. There are various frameworks such as React and Angular which try to make things easier. Note limited browser support and all the other things that can cause JS to file makes using good design principles essential. One approach to making these things robust is to write Isomorphic JS.

More Related Contents:

  1. Can't remove text decoration
  2. How to make double border on left only with thick outside and thin inside [duplicate]
  3. Why my HTML input field is ‘readonly’ by default [closed]
  4. Bootstrap height
  5. Centering in CSS Grid
  6. What are the implications of using “!important” in CSS? [duplicate]
  7. IE7 does not understand display: inline-block
  8. How do I change Bootstrap 3 column order on mobile layout?
  9. Why would a developer place a forward slash at the start of each relative path?
  10. How to get folder directory from HTML input type “file” or any other way?
  11. How to remove unwanted space between rows and columns in table?
  12. How to make HTML table cell editable?
  13. HTML5 nested sections and heading tags
  14. Why are button’s discouraged from navigation?
  15. Using display inline-block columns move down
  16. Div 100% height works on Firefox but not in IE
  17. Mailto on submit button
  18. How to disable the resize grabber of ? [duplicate]
  19. What guidelines for HTML email design are there? [closed]
  20. I can’t get my font-awesome icons to show up. Tried importing css with multiple methods
  21. Remove .html and .php extensions with .htaccess
  22. Why is box-sizing acting different on table vs div?
  23. Is this empty space actually margin-right which is not recognized by dev tools?
  24. How do I give a CSS class priority over an id?
  25. Padding the top and the bottom of inline element
  26. Set the select option as blank as default in HTML select element
  27. how to remove the dotted line around the clicked a element in html
  28. Is it possible to achieve a -like effect without using the tag?
  29. Is there a vr (vertical rule) in html?
  30. download webpage and dependencies, including css images [closed]

Leave a Comment