recentpopularlog in

piperh : display   43

Make your Google Fonts render faster · PerfPerfPerf
a script for immediate display - in fallback font - when you use google fonts, instead of foit
webdesign  web  design  font  google  webfont  foit  display  fallback  performance 
19 days ago by piperh
CSS Grid Explained in 7 Minutes (with diagrams and code) - YouTube
a 7-minute video lecture explaining the basic concepts of css grid. Quick handy way to understand what it's about before getting into more detail
webdesign  web  design  css  grid  display  layout  tutorial  video  class  introduction  explanation 
january 2019 by piperh
Did you know that style and script tags can be set to display: block? | CSS-Tricks
Amazing fact: you can set the style tag to display :block; and, if it's in the html, then it will display. You could do same with 'script' tags.
Also shows use of contenteditable, which I didn't know about. Makes content editable on the browser page! Not sure why/when you'd need it, but it should be in my knowledge bank bit of the brain!
webdesign  web  design  css  style  tag  display  block  contenteditable  webdev 
january 2019 by piperh
Vinyl Banners - Roller Banner - Exhibitions - Flag | Monkey Print Limited
Printer in Northumberland that I used for printing PIRC rollup display posters
pirc  printer  digital  banner  poster  large  format  exhibition  rollup  roll  uk  monkey  print  monkeyprint  display 
november 2018 by piperh
GRID: A simple visual cheatsheet for CSS Grid Layout
a simple, clear reference cheatsheet for css grid properties and syntax
webdesign  web  design  cheatsheet  css  grid  layout  reference  syntax  display 
november 2018 by piperh
Creating Layouts with CSS Grid — SitePoint
an intro to css grid: The Grid Formatting Context
Adding display: grid to an element triggers a grid formatting context for that element and its children. ...
webdesign  web  design  css  grid  intro  introduction  layout  display 
november 2018 by piperh
Hey hey `font-display` | CSS-Tricks
a quick look at css font-display properties and what they do, with some handy deeper resource links
webdesign  web  design  font  display  fout  foit  font-face  performance  speed  font-display 
may 2018 by piperh
Fontanello – because you have a weak spot for fonts
extension for Firefox and Chrome that will show you font and applied styles
webdesign  web  design  font  type  typography  face  typeface  display  style  name  browser  extension  tool 
march 2018 by piperh
Font-display playground
about css 'font-display' attribute, to use with @font-face. Describes the values and their effect.
webdesign  web  design  font  display  css  loading  strategy  fallback  block  performance  speed  delay  @font-face 
january 2018 by piperh
Learn CSS Grid in 5 Minutes – freeCodeCamp
Article title: Learn CSS Grid in 5 Minutes
A quick introductions to the future of website layouts.
webdesign  web  design  css  grid  layout  display  tutorial 
december 2017 by piperh
Basic concepts of flexbox - CSS | MDN
another page dedicated to flexbox, but has useful live working examples for playing with. By Rachel Andrew
webdesign  web  design  flex  flexbox  examples  live  test  display  layout 
november 2017 by piperh
Griddy
a css grid playground. Change values and new display and code is generated. Handy for understanding how it works and getting the code generated for you. 21.5.17 works in Firefox not my Chrome (haven't tried Safari or Edge)
webdesign  web  design  tool  css  grid  online  code  generator  display  learn  development 
may 2017 by piperh
Imprenta online - Impresión digital online - Pixartprinting
online printers that aopc used for their lunch tickets for BANFF-SCT congress
online  printing  print  printers  aopc  vinyl  display  cards  packaging  stickers 
march 2017 by piperh
Get the Balance Right: Responsive Display Text ◆ 24 ways
a technique for setting display font sizes by using combination of vmin and rem
webdesign  web  design  type  typography  font  head  heading  headline  vmin  vh  vw  rem  hybrid  size  css  display  responsive 
december 2016 by piperh
Executive Pullup Banner - Just GB |
Janice linked to this in her mail of 17-8-16, though I don't know if she specially wants to use them over others. Prices a little cheaper than monkey-print.com
pirc  banner  digital  poster  large-format  large  format  rollup  pullup  rollout  display 
august 2016 by piperh
A Comprehensive Guide to Font Loading Strategies—zachleat.com
thorough article describing different strategies for using web fonts, depending what you think the site situation is
webdesign  web  design  webfont  font  load  speed  performance  @font-face  typography  display  fout  foit 
july 2016 by piperh
How well do you know CSS display?
thorough article just about css display: property and values
webdesign  web  design  css  display  property  value  declaration  reference 
july 2016 by piperh
How well do you know CSS display?
article about all the different css display: properties. Could be handy for table; flex; and grid
webdesign  web  design  css  display  code  coding 
june 2016 by piperh
GitHub - Selz/plyr: A simple HTML5, YouTube and Vimeo player
accessible, customisable media player for web page. Uses vanilla js, no dependencies
webdesign  web  design  video  embed  embedded  display  controls  customisable  responsive  audio  html  js  javascript  media 
june 2016 by piperh
Exhibit Design Ideas & Inspiration - Trade Show Displays
large format printer, has web gallery of examples, could be handy for inspiration. American I think
display  exhibition  large  format  inspiration 
june 2016 by piperh
display: table, table-cell, table-row, and how we get closer to nicer CSS - Ajaxian
brief article about display:table and how to use for grids and equal height divs
webdesign  web  design  table  display  table-row  table-cell  grid  layout  css 
december 2015 by piperh
display | CSS-Tricks
brief rundown of display: values. Good quick way to remember use of display:table if you want to get equal height divs.
webdesign  web  design  table  display  table-row  table-cell 
december 2015 by piperh
How To Get Started With CSS Flexbox
nice simple explanations of different uses for flex
webdesign  web  design  css  flex  flexbox  display  howto  tutorial  technique  layout  responsive 
june 2015 by piperh

Copy this bookmark:





to read