recentpopularlog in

piperh : reference   282

« earlier  
140 HTML Color Names - html-color-names.com
list + swatches of html named colours, with their hex and rgb refs
webdesign  web  design  webdev  development  html  colour  color  colors  name  names  code  hex  rgb  reference 
12 weeks ago by piperh
DuckDuckGo !Bang
on duckduckgo add a ! before a letter to make a 'bang' - a shortcut to other sites.
BUT, they say: Remember, though, because your search is actually taking place on that other site, you are subject to that site’s policies, including its data collection practices.
duckduckgo  search  results  shortcuts  tips  reference 
december 2018 by piperh
30 Seconds of CSS
author says: A curated collection of useful CSS snippets ...
Divided and listed into categories: layout, visual, animation, interactivity, other. With explanations. Handy. I didn't know about ::selection or user-select:none or focus-within. Technique for overflow gradient. Checkbox hack toggle.
webdesign  web  design  css  snippets  code  coding  html  reference  copy 
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
The Shapes of CSS | CSS-Tricks
interesting list of shapes achievable only with css - with live editable code!
webdesign  web  design  css  shapes  before  after  border  radius  shadow  html  reference 
november 2018 by piperh
Selectors Level 3
w3.org page showing specs for types of classes - v useful ref
webdesign  web  design  css  selectors  pseudo  classes  elements  reference 
october 2018 by piperh
The Complete Illustrated Flexbox Tutorial – freeCodeCamp
title: The Complete Illustrated Flexbox Tutorial
All taken from the author's book 'CSS Visual Dictionary'
webdesign  web  design  css  flex  flexbox  reference  layout 
august 2018 by piperh
The Ultimate Guide to Learning CSS
their headline: The ultimate guide to learning css. Over 100 curated resources.
There's an linked list to different areas of css
webdesign  web  design  css  reference  resources  learn  learning  tutorials 
august 2018 by piperh
GRID: A simple visual cheatsheet for CSS Grid Layout
css grid layout/code chart + diagrams show position effect. Divided into 'container' and 'children', like flexbox. Each main declaration has brief intro text. Very clear, simple reference.
webdesign  web  design  layout  css  grid  cheatsheet  reference  code  position  chart 
august 2018 by piperh
Grid by Example - Usage examples of CSS Grid Layout
Everything you need to learn CSS Grid Layout.

gridbyexample.com is a Rachel Andrew project
webdesign  web  design  css  grid  learning  learn  examples  reference 
june 2018 by piperh
Editorial Gustavo Gili - Editorial GG
publishers of 'Gráfica de la Calle'. Poss use of photos in image for SCT 2019 congress
sct  congress  inspiration  ideas  design  letters  barcelona  reference  publisher  book  gráfica  calle  letreros  facias  rótulos 
may 2018 by piperh
A Comprehensive Guide to Clipping and Masking in SVG
article title: A Comprehensive Guide to Clipping and Masking in SVG
webdesign  web  design  svg  clipping  masking  clip  mask  code  coding  path  reference 
april 2018 by piperh
Why Gradients are back to rule in 2018? – UX Planet
Article is too simple and simplistic but useful list of gradient generators near end
webdesign  web  design  graphic  colour  gradient  generator  online  tools  reference  blend 
march 2018 by piperh
HTML Symbols, Entities, Characters and Codes — HTML Arrows
Toptal (recruitment company), reference for html character codes. Useful but annoying gaps
webdesign  web  design  html  character  entity  reference  hex  unicode  code  symbol  arrow 
february 2018 by piperh
Blogroll
a designers blog with list of web design sites useful for designers and devs
webdesign  web  design  resource  blogs  reference  list  developer  designer 
february 2018 by piperh
CSS Cheat Sheet
quick reference for common css elements syntax
webdesign  web  design  reference  cheat  sheet  css 
february 2018 by piperh
New flexbox guides on MDN – Mozilla Hacks – the Web developer blog
by Rachel Andrew. She says: ... Flexbox now sits alongside Grid and Box Alignment to form a new way of thinking about layout for the web. It is useful to reflect this in the documentation. ...
webdesign  web  design  css  flex  flexbox  resource  guide  reference  code  coding  mozilla  grid  layout 
january 2018 by piperh
animation | CSS-Tricks
another css animation syntax reference list
webdesign  web  design  css  animation  reference  syntax  keyframe 
january 2018 by piperh
The Ultimate Guide to Bulletproof Buttons in Email Design
article about coding buttons in html email. Don't use an image they say.
email  html  design  button  css  code  padding  pad  border  support  reference  table 
november 2017 by piperh
<style> in <body> | Campaign Monitor
they say: A complete breakdown of the CSS support for the most 
popular mobile, web and desktop email clients on the planet.
html  email  support  css  guide  reference  client  webmail  app  mobile  desktop 
september 2017 by piperh
XE - World Currency Symbols
xe.com's list of currency symbols, code and font references
world  currency  symbols  list  reference  symbol  character  image  hex  unicode  font  money 
september 2017 by piperh
Get Started with Grid Layout
site by Rachel Andrew all about css grid, very thorough. Videos, code, examples
webdesign  web  design  grid  layout  resource  reference  examples  css 
may 2017 by piperh
the new code – Web Developer Reading List: JavaScript
Dudley Storey articles about javascript - what it is, how to use it. Very good starting point
webdesign  web  design  js  javascript  script  course  learn  learning  about  reference  reading 
may 2017 by piperh
A11Y Style Guide
A11Y Style Guide. They say: This application is a living style guide, generated from KSS documented styles...with an accessibility twist. No matter your level of development or accessibility expertise. Meaty, thorough, no-stupid-effects-or-icons site devoted to accessibility.
webdesign  web  design  accessibility  accessible  reference  howto  guide  tips  aria  a11y 
may 2017 by piperh
It's Time To Start Using CSS Custom Properties – Smashing Magazine
Smashing article about css custom properties, aka variables. Seems like a very thorough review - requires concentration to understand in depth. Shows syntax use. Some comparison to preprocessors.
webdesign  web  design  css  howto  reference  custom  property  properties  variable  syntax  preprocessor 
april 2017 by piperh
Let's Look at 50+ Interesting CSS Properties & Values | CSS-Tricks
nice list of lesser known css properties, good explanations, with code pen examples for some
webdesign  web  design  css  properties  reference  property  value 
february 2017 by piperh
Responsive Email Resources
they say: A collection of tools & resources for responsive email design. Also has related sites 'Responsive email process' and 'Responsive email patterns'
webdesign  web  design  html  email  responsive  resources  templates  modules  code  pattern  library  reference 
january 2017 by piperh
Textile · Links
syntax for link elements in textile of markitup (or is it markdown?), showing how to add title text, class names etc
webdesign  web  design  textile  input  syntax  code  reference 
december 2016 by piperh
Textile Syntax Documentation and Sandbox
reference pages showing syntax for use in textile input fields and text area
webdesign  web  design  text  textile  input  shorthand  reference  syntax  markup  markitup  code  documentation  area 
december 2016 by piperh
CSS Reference - A free visual guide to the most popular CSS properties
diagrams showing the different values. They say: features the most popular properties, and explains them with illustrated and animated examples
webdesign  web  design  css  reference  styles  common  popular  frequent  value  declaration  syntax 
november 2016 by piperh
Event reference | MDN
mdn reference page about js events - inc a list of possible things to listen for. eg, explains difference between mouseenter and mouseover.
webdesign  web  design  js  javascript  script  reference  code  coding  event  mouseover  mouseenter  mouseout  mouseleave 
november 2016 by piperh
Element.classList - Web APIs | MDN
mdn reference page showing possible methods to use with element.classList: you can toggle classes, add, remove and other stuff I don't fully understand
webdesign  web  design  code  coding  js  javascript  script  element  classlist  reference  method  add  remove  toggle 
november 2016 by piperh
The SVG `path` Syntax: An Illustrated Guide | CSS-Tricks
explanation of svg path, including code. Shows how points, paths and beziers are described. Logical and not difficult to understand, though I reckon it's still best to use a prog like Affinity to draw with. You can then edit the resulting svg code if you want, including placing it directly into the html
webdesign  web  graphic  design  illustration  draw  drawing  svg  code  coding  bezier  syntax  reference 
october 2016 by piperh
Simple CSS Media Query Generator
online tool for finding generic or specific device screen dimensions. Gives MQ code for you.
webdesign  web  design  rwd  responsive  code  mq  media  query  list  reference  css  breakpoint  width  size  screen  platform 
september 2016 by piperh
HTML element reference - HTML | MDN
Mozilla reference page describing html elements. You can click on each element, too, for more detailed info. Written in plain English - easier to understand than the W3 ref pages
webdesign  web  design  code  coding  reference  css  html  element  documentation 
august 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
Designing CSS Layouts With Flexbox Is As Easy As Pie – Smashing Magazine
roundup of flexbox properties and use. Particularly useful for tables showing standard, 'tween' and old syntax
webdesign  web  design  flex  flexbox  css  reference  resource  explanation  syntax  layout 
july 2016 by piperh
CSS3 Animations
w3schools reference page for css animation. Lets you try different combinations. July 2016: only prefixes webkit - maybe moz and o not necessary any more
webdesign  web  design  animation  animate  transition  css  reference 
july 2016 by piperh
Font Management in OS X
long, thorough article about osx font management from 10.3 Panther to 10.11 El Capitan
mac  apple  osx  elcapitan  font  fonts  management  reference  10.11 
june 2016 by piperh
Typography Handbook
They say: "A concise, referential guide on best web typographic practices". Has diff subject heads with a paragraph or two for each. Lots of it is elementary but contains good resource links.
webdesign  web  design  typography  reference  resource  usage  webfont  @font-face  loading  fout 
june 2016 by piperh
Using CSS flexible boxes - CSS | MDN
mozilla page introducing flexbox, with some and examples.
webdesign  web  design  flex  flexbox  css  examples  modules  code  coding  layout  reference 
june 2016 by piperh
All About Favicons (And Touch Icons)
explanation of different aspects of browser behaviour re favicon, format, link, meta, rel=, size, href. Section about mobiles and touch icon
webdesign  web  design  favicon  ico  png  jpeg  svg  gif  format  size  link  reference  resource  icon 
may 2016 by piperh
The box-shadow Property
good reference for using box-shadow - shows order of values
webdesign  web  design  box-shadow  shadow  css  offset  blur  spread  color  position  effect  reference 
may 2016 by piperh
GitHub - joshbuchea/HEAD: A list of everything that goes in the <head> of your document
list of all poss meta stuff in head. Also, handy list favicon <link ...> and a link to a useful resource/reference. Shows deprecated and NOT recommended metas (and why)
webdev  webdesign  web  design  code  coding  html  head  meta  reference  favicon  apple  ios  safari  link  android  mobile  explorer  edge  ms 
may 2016 by piperh
Easing Functions Cheat Sheet
ingenious simple page to graphically show different easing effects. also describes plainly how to add
webdesign  web  design  easing  effect  function  js  javascript  css  code  coding  webdev  animation  animate  guide  reference 
april 2016 by piperh
CSS containment | justmarkup
serious article about css contain property
webdesign  web  design  css  contain  reference  syntax 
april 2016 by piperh
Do You Know These Eight HTML5 Tags?
article about some little known, little used, html tags.
<q> could be handy. Also <optgroup> to organise select dropdown list. Also <datalist> maybe in the future though seems buggy at present (march 2016)
webdesign  web  design  html  tag  reference 
march 2016 by piperh
Stupid htaccess Tricks | Perishable Press
long reference page about htaccess files, with examples of code language and advice and tips. Includes section on cacheing.
webdev  hosting  htaccess  comment  reference  howto  cache  cacheing  block  password 
february 2016 by piperh
Comprehensive guide to .htaccess- Preventing Directory Listing
a page describing how to avoid that visitors see a directory listing in a site subfolder if there's no index. page in there, using htaccess
apache  htaccess  directory  list  listing  browse  webdev  configure  code  guide  reference 
february 2016 by piperh
Using media queries - CSS | MDN
Mozilla page outlining use and syntax for MQs
webdesign  web  design  media  query  style  sheet  mdn  mozilla  developer  webdev  css  code  coding  syntax  reference 
january 2016 by piperh
vasanthk/css-refresher-notes · GitHub
github page showing refresher of basic css concepts
webdesign  web  design  css  refresher  reference  concept  basic  notes  reminder  about 
january 2016 by piperh
Google Maps JavaScript API  |  Google Developers
Google's pages showing styling options for maps and howto, with sample code
webdesign  web  design  google  maps  javascript  api  code  coding  js  sample  demo  howto  reference 
january 2016 by piperh
Contact Us - Mahler Consulting
reference sent by Christina for google map in techcarrera site
techcarrera  reference  google  map  code  format  style  styling  control 
january 2016 by piperh
CSS Reference | Codrops
nicely laid out reference with readable explanations of properties
webdesign  web  design  css  reference  code  coding  webdev 
december 2015 by piperh
CSS3 Click Chart | CSS3 Browser Support and Information
quick summary reference to css properties, showing browser support.
webdesign  web  design  css  reference  webdev  code  coding 
december 2015 by piperh
HTML Special Characters
I found some special characters here (solid square box) that weren't in other pages that search turned up.
webdesign  web  design  character  html  special  characters  entity  entities  punctuation  symbols  list  reference  resource 
november 2015 by piperh
CSS Transitions
reference list showing which css properties are animatable
webdesign  web  design  reference  css  animatable  transition  animation  definition  property  animate 
november 2015 by piperh
« earlier      
per page:    204080120160

Copy this bookmark:





to read