<!--
main_leaderboard, all: [728,90][970,90][320,50][468,60]
-->
Colors HWB
❮ Previous
Next ❯
HWB (Hue, Whiteness, Blackness) is a suggested standard for CSS4.
HWB Calculator
rgb(255, 0, 0)
#ff0000
hsl(0, 100%, 50%)
function submitOnEnter(e) {
keyboardKey = e.which || e.keyCode;
if (keyboardKey == 13) {
setFullColor();
}
}
function clickHue(hue) {
var h = document.getElementById("hue01");
h.value = hue;
setColor(h);
}
function clickWhite(white) {
var w = document.getElementById("white01");
w.value = white;
setColor(w);
}
function clickBlack(black) {
var b = document.getElementById("black01");
b.value = black;
setColor(b);
}
function drawHueTable(hue) {
var x, i, n;
x = "
"
x += "";
n = 0;
for (i = 0; i <= 360; i++) {
n = i;
x += "
Popular posts from this blog
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1422003450156-2'); }); Google Social Icons ❮ Previous Next ❯ Social Icons The table below shows all Google Social icons: Icon Description Example cake cake Try it domain domain Try it group group Try it group_add group_add Try it location_city location_city Try it mood mood Try it mood_bad mood_bad Try it notifications notifications Try it notifications_none notifications_none Try it notifications_off notifications_off Try it notifications_active notifications_active Try it notifications_paused notifications_paused Try it pages pages Try it party_mode party_mode Try it people people Try it people_outline people_outline Try it person person Try it person_add person_add Try it per...
<!-- main_leaderboard, all: [728,90][970,90][320,50][468,60] --> Bootstrap Form Inputs (more) ❮ Previous Next ❯ Static Control If you need to insert plain text next to a form label within a horizontal form, use the .form-control-static class on a <p> element: Email: someone@example.com Example <form class="form-horizontal"> <div class="form-group"> <label class="control-label col-sm-2" for="email">Email:</label> <div class="col-sm-10"> <p class="form-control-static">someone@example.com</p> </div> </div> </form> Try it Yourself » Bootstrap Input Groups The .input-group class is a container to enhance an input by adding an icon, text or a button in front or behind it as a "help text". The .input-group-addon class attaches an icon or help tex...
<!-- main_leaderboard, all: [728,90][970,90][320,50][468,60] --> Bootstrap 4 Grid - Large ❮ Previous Next ❯ Large Grid Example Extra small Small Medium Large Extra Large Class prefix .col- .col-sm- .col-md- .col-lg- .col-xl- Screen width <576px >=576px >=768px >=992px >=1200px In the previous chapter, we presented a grid example with classes for small and medium devices. We used two divs (columns) and we gave them a 25%/75% split on small devices, and a 50%/50% split on medium devices: <div class="col-sm-3 col-md-6">....</div> <div class="col-sm-9 col-md-6">....</div> But on large devices the design may be better as a 33%/66% split. Large devices are defined as having a screen width from 992 pixels to 1199 pixels . For large devices we will use the .col-lg-* classes: <div class="col-sm-3 col-md-6 col-l...
|