social.sokoll.com

Search

Items tagged with: css

#css #viewports
 
 
/* This is Webdesign */ These Paintings Were Actually Coded Using Only #CSS and #HTML
#CSS #HTML
 

Sticky Footer — Solved by Flexbox — Cleaner, hack-free CSS

Getting the footer to stick to the bottom of pages with sparse content is something just about every Web developer has tried to tackle at some point in his or her career. And, for the most part, it’s a solved problem. Yet all the existing solutions have one significant shortcoming — they don’t work if the height of your footer is unknown.

Flexbox is a perfect fit for this type of problem. While mostly known for laying out content in the horizontal direction, Flexbox actually works just as well for vertical layout problems. All you have to do is wrap the vertical sections in a flex container and choose which ones you want to expand. They’ll automatically take up all the available space in their container.
https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/
#programming #webdev #css
 

Sticky Footer — Solved by Flexbox — Cleaner, hack-free CSS

Getting the footer to stick to the bottom of pages with sparse content is something just about every Web developer has tried to tackle at some point in his or her career. And, for the most part, it’s a solved problem. Yet all the existing solutions have one significant shortcoming — they don’t work if the height of your footer is unknown.

Flexbox is a perfect fit for this type of problem. While mostly known for laying out content in the horizontal direction, Flexbox actually works just as well for vertical layout problems. All you have to do is wrap the vertical sections in a flex container and choose which ones you want to expand. They’ll automatically take up all the available space in their container.
https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/
#programming #webdev #css
 
Bild/Foto
I made a black-grey-blue skin for Diaspora. Based on the dark theme, it's not complete yet but quite ok.

/* Diaspora FritzSkin 1 black-grey-blue Stylus CSS set*/
body,
html {
background-color: #1234!important;
color: #000 !important;
}

body #main-stream .stream-element {
/* background-color: #535151;
color: #c9cfc9!important; */
background-color: #b9b9b9;
color: #000;
padding: 10px;
}

body .opengraph-container .og-description {
font-weight: bold; 
color: #000;

}

body .timeago {
color: #112233c2;
}

a {
color: #1c5d75;
}

.media-left, .media-right, .media-body {
color: #32a7d2
}

#css #diaspora #stylus
 
Bild/Foto
I made a black-grey-blue skin for Diaspora. Based on the dark theme, it's not complete yet but quite ok.

/* Diaspora FritzSkin 1 black-grey-blue Stylus CSS set*/
body,
html {
background-color: #1234!important;
color: #000 !important;
}

body #main-stream .stream-element {
/* background-color: #535151;
color: #c9cfc9!important; */
background-color: #b9b9b9;
color: #000;
padding: 10px;
}

body .opengraph-container .og-description {
font-weight: bold; 
color: #000;

}

body .timeago {
color: #112233c2;
}

a {
color: #1c5d75;
}

.media-left, .media-right, .media-body {
color: #32a7d2
}

#css #diaspora #stylus
 
Brit prisoners to be kept on the straight and narrow with JavaScript and CSS • The Register

Poor prisoners!
A spokesman for DCMS told El Reg that of the 70 offenders who had taken part in the programme, none had gone on to reoffend.

Probably too busy trying to work out why a misplaced padding turned the layout of a web page into an incomprehensible mess.
https://www.theregister.co.uk/2019/03/15/coding_not_reoffending/

#coding #Javascript #css
 
Later posts Earlier posts