recentpopularlog in

piperh : syntax   38

CSS rules that will make your life easier
about css syntax and maintainability. Some stuff about naming but other considerations too. A lot of it is more relevant to large projects with many different coders, so not so applicable to me, one-man studio
webdesign  web  design  code  coding  css  naming  bem  atomic  syntax  properties 
11 weeks ago 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
animation | CSS-Tricks
another css animation syntax reference list
webdesign  web  design  css  animation  reference  syntax  keyframe 
january 2018 by piperh
QSS - A Simple Query Syntax
QSS, A Simple Query Syntax for CSS Element Queries. This could be worth studying and understanding
webdesign  web  design  css  element  query  queries  syntax 
january 2018 by piperh
Does__BEM — work? – Jack Appleby – Medium
evaluation of bem from a developer who's used it a lot. Some more resource links at end of article
webdesign  web  design  css  method  methodology  syntax  code  coding  bem 
july 2017 by piperh
Mixfont | A modern font generator
a selection of text shadow examples with their css - handy maybe for quick copying
webdesign  web  design  css  colour  text  shadow  text-shadow  syntax  example  type  h1  headline  heading  effect 
june 2017 by piperh
FlexBox cheatsheet
webpage with flexbox declarations and values to copy. Nothing else
webdesign  web  design  flex  flexbox  cheatsheet  code  copy  coding  paste  syntax  css 
june 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
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
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
Declaring language in HTML
explanation of how to use lang="" in html
webdesign  web  design  language  attribute  ref  lang  html  code  syntax  span  declare  declaration 
august 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
calc() | Codrops CSS Reference
decent page about using css calc, showing syntax and different combinations
webdesign  web  design  css  calc  syntax  code  coding  operator  expression 
april 2016 by piperh
CSS containment | justmarkup
serious article about css contain property
webdesign  web  design  css  contain  reference  syntax 
april 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
How to add HTML5 video fullscreen?
explanation how to code html5 video into html and css
webdesign  web  design  video  html5  syntax  tags  css  code  coding  format  browser  codec  element 
december 2015 by piperh
interesting scheme for formatting css. They suggest 'components', 'elements', and 'variables'. I liked the idea of starting variables with a dash - this would allow one to start a name with a number (except it might look like a minus)(use an underscore instead).
webdesign  web  design  css  syntax  structure  code  coding  webdev 
november 2015 by piperh
CSS Transitions
David Walsh demonstrating, naff demos but handy to see the syntax
css3  transition  code  coding  syntax  property  declaration 
march 2014 by piperh

Copy this bookmark:

to read