html bootstrap

In case you want to have a default text as a sort of placeholder/hint but not considered a valid value (something like "complete here", "select your nation" etc.) you can do something like this:

<option selected disabled>Choose here</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> <option value="5">Five</option></select>

https://github.com/kolodny/httpies

https://habrahabr.ru/company/it-grad/blog/275673/

http://domenlightenment.com/

http://eloquentjavascript.net/13_dom.html

http://prettydiff.com/guide/unrelated_dom.xhtml

https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model

http://youmightnotneedjquery.com/

https://plainjs.com/javascript/

https://www.liveedu.tv/elijahwass99/videos/REABM-html5-coding-a-modern-website-4

https://internetingishard.com/html-and-css/

Passing JSON or CSV to Browser from Server

A MIME type is used so software ( like a browser for example ) can know how to handle the data.

If a server says "This data is of type text/csv" the client can understand that can render that data internally, while if the server says "This data is of type application/csv" the client knows that it needs to launch the application that is registered on the OS to open csv files.

text/csv is more generic

CSS

https://hacks.mozilla.org/2016/05/css-coding-techniques/

http://cssreference.io/

https://habrahabr.ru/post/315256/

https://medium.freecodecamp.com/from-zero-to-front-end-hero-part-1-7d4f7f0bff02#.l93bysq5p

https://news.ycombinator.com/item?id=11749009

CSS variables

http://prgssr.ru/development/peremennye-osnova-arhitektury-css.html

UI builders

http://grapesjs.com/

http://macaw.co/

https://www.blocsapp.com/

https://webflow.com/

http://pinegrow.com/

https://bootstrapstudio.io/

http://pingendo.com/

http://semantic-ui.com/

Horizontal list

http://stackoverflow.com/questions/9536617/horizontal-lists-in-css

http://stackoverflow.com/questions/2145181/how-to-make-a-html-list-appear-horizontally-instead-of-vertically-using-css-only

Pagination

https://gist.github.com/mislav/622561

https://news.ycombinator.com/item?id=11016190

http://stackoverflow.com/questions/14023115/dropdown-menu-not-showing-in-bootstrap

on load event

<html>

<head>

function foo(){ alert("window on load") }

window.onload = foo();

</script>

</head>

<body>

html body content

</body>

</html>

PRINTING customization

http://benfrain.com/create-print-styles-using-css3-media-queries/

Printing in landscape mode

@page { size: landscape; }

</style>

@media print and (orientation: landscape) { /* landscape styles */}@media print and (orientation: portrait) { /* portrait styles */}

Bootstrap.css has

@media print { ... a[href]:after { content: " (" attr(href) ")"; // content:none removes printing URL } ...}

How to customize HTML for printing using @media print

File: style.css

Hiding element from printing using @media print:

@media screen { .px_length { width: 200px; background-color: red; color: white; border: 1px solid black;} .em_length { width: 20em; background-color: white; color: red; border: 1px solid black;} }

@media print { .px_length { display: none !important;} }

http://htmlacademy.ru/

http://www.flaticon.com/

http://css-live.ru/

http://howtocodeinhtml.com/

https://news.ycombinator.com/item?id=9373093

https://keen.io/blog/116037858856/using-html5-attributes-to-clean-up-dashboard

Safari does not support datalist - this is a work around

http://leaverou.github.io/awesomplete/

https://github.com/LeaVerou/awesomplete

https://github.com/thgreasi/datalist-polyfill

https://css-tricks.com/relevant-dropdowns-polyfill-for-datalist/

http://www.reddit.com/r/javascript/comments/2yk4r5/select3_v10_released/

http://stackoverflow.com/questions/5271178/list-in-multiple-columns

http://stackoverflow.com/questions/2347060/html-css-how-to-create-multiple-column-list

http://www.w3schools.com/css/css3_multiple_columns.asp

http://csswizardry.com/2010/02/mutiple-column-lists-using-one-ul/

books

http://www.amazon.com/Getting-Started-Bootstrap-Ryan-Flores-ebook/dp/B00J6N75ZA/

http://avaxhm.com/ebooks/programming_development/general/web_development/3166552.html

http://avaxhm.com/ebooks/programming_development/news_igor_42354.html

http://www.amazon.com/Step-Bootstrap-Quick-Responsive-Development/dp/1499655622/

http://www.amazon.com/AngularJS-Questions-Answers-George-Duckett-ebook/dp/B00MV760O0/

http://www.amazon.com/AngularJS-UI-Development-Matthias-Nehlsen/dp/1783288477/

Color

http://clrs.cc/

http://www.w3schools.com/html/html_colornames.asp Color Names

https://github.com/mrmrs/colors

http://colores.manugarri.com/

http://habrahabr.ru/post/236219/

http://webdesigncube.com/2014/free-online-website-builders/

http://lollyt.in/

http://www.bootply.com/

http://sanusart.github.io/html-now/

http://www.angularcourse.com/#/videos/8

http://vitalflux.com/angularjs-bootstrap-single-page-app-template-code-sample/

http://css-tricks.com/exposing-form-fields-radio-button-css/

http://www.paulund.co.uk/html5-download-attribute

Modal dialog

http://speckyboy.com/2014/09/29/native-dialog-html5-dialog-windows/

https://github.com/zewish/rmodal.js

http://www.smashingmagazine.com/2014/09/15/making-modal-windows-better-for-everyone/

Bootstrap

http://www.codingdefined.com/p/bootstrap-tutorial.html

http://hackerthemes.com/bootstrap-cheatsheet

http://tutorialzine.com/2013/07/50-must-have-plugins-for-extending-twitter-bootstrap/

http://tutorialzine.com/2015/06/12-time-saving-bootstrap-examples/

http://habrahabr.ru/company/dataart/blog/258301/

http://www.sitepoint.com/understanding-bootstrap-modals/

http://www.webdesignerdepot.com/2014/10/the-ultimate-guide-to-bootstrap/

http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-modals.php

http://www.htmlxprs.com/post/4/using-bootstrap-forms-and-validations-classes-tutorial

http://www.webdesignerdepot.com/2014/10/the-ultimate-guide-to-bootstrap/

http://www.tutorialspark.com/twitterBootstrap/TwitterBootstrap_GridSystem.php

http://www.htmlxprs.com/post/49/playing-with-bootstrap-buttons-tutorial

http://habrahabr.ru/post/202408/

http://habrahabr.ru/post/211032/

http://habrahabr.ru/post/198346/

http://habrahabr.ru/post/187184/

http://habrahabr.ru/post/177769/

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css"><link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap-theme.min.css"><script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>

CSS http://habrahabr.ru/post/235851/

File a.html

<!DOCTYPE html> <html>

<head>

</head>

<div class="px_length">PXPXPXP</div>  <div class="em_length">EMEME</div>

Positioning using CSS

http://www.htmlxprs.com/post/39/position-in-css

http://www.impressivewebs.com/css-positioning-basics-screencast/

http://habrahabr.ru/post/252769/

https://habrahabr.ru/company/netcracker/blog/277433/ vertical alignment

Grid