recentpopularlog in

jennettefulda : html   49

The Great Divide | CSS-Tricks
Let’s say there is a divide happening in front-end development. I feel it, but it's not just in my bones. Based on an awful lot of written developer
css  html  frontend  developer  ux  javascript  webdev 
january 2019 by jennettefulda
WebAIM: CSS in Action - Invisible Content Just for Screen Reader Users
.hidden
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}
css  screenreader  accessibility  tutorial  html  web  internet 
december 2018 by jennettefulda
Free Online Image Map Generator
Easy free online html image map generator. Select an image, click to create your areas and generate html your output!
image  map  imagemap  html  generator  generate  code 
november 2018 by jennettefulda
Styling Themes for Gutenberg – ThemeShaper
What we learned by developing three themes with Gutenberg in mind.
wordpress  themes  theme  gutenberg  style  css  html 
march 2018 by jennettefulda
Optical Effects in User Interfaces (for True Nerds)
How to make optically balanced icons, correct shapes alignment, and perfect corner rounding. Over 50 pics included.
optical  effects  design  html  css  web 
september 2017 by jennettefulda
Tabbed Content with jQuery and CSS
ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
}
ul.tabs li{
background: none;
color: #222;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
}

ul.tabs li.current{
background: #ededed;
color: #222;
}

.tab-content{
display: none;
background: #ededed;
padding: 15px;
}

.tab-content.current{
display: inherit;
}
jquery  tabs  tabbed  widget  css  javascript  html 
june 2017 by jennettefulda
CSS · Bootstrap
Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
bootstrap  css  guide  cheat  sheet  html 
june 2017 by jennettefulda
Preload: What Is It Good For? – Smashing Magazine
Preload is a new web standard for improving performance. It gives developers the ability to define custom loading logic.
preload  html  css  performance  web  internet 
april 2017 by jennettefulda
Responsive Data Tables | CSS-Tricks
Tables of data can only squish horizontally so far, so they can be a pain to browse on small screens (like mobile devices) where you may need to scroll both horizontally and vertically to browse the information at readable text sizes. We'll explore a CSS-based possible-solution to this issue.
responsive  table  css  html 
october 2016 by jennettefulda
Accelerated Mobile Pages Project
The Accelerated Mobile Pages (AMP) Project is an open source initiative that makes it easy for publishers to create mobile-friendly content once and have it load instantly everywhere. – Accelerated Mobile Pages Project
amp  google  mobile  html  web  design 
march 2016 by jennettefulda
Iframes and CSS - Styling Iframes With CSS
iframe {
margin-top: 20px;
margin-bottom: 30px;

-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;

-moz-box-shadow: 4px 4px 14px #000;
-webkit-box-shadow: 4px 4px 14px #000;
box-shadow: 4px 4px 14px #000;

-moz-transform:rotate(20deg);
-webkit-transform:rotate(20deg);
-o-transform:rotate(20deg);
-ms-transform:rotate(20deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=.2);
}
html  css  styles  iframe 
january 2012 by jennettefulda

Copy this bookmark:





to read