recentpopularlog in
« earlier  
CSS Tutorial: Create Diagonal Layouts Like It's 2020
about using skew to make a diagonal layout and how to calculate awkward stuff resulting
webdesign  web  design  css  style  styling  diagonal  skew  layout 
16 hours ago
Public Sans Font Free by U.S. Web Design System | Font Squirrel
fontsquirrel's page about Public Sans has comparison overlay with Libre Franklin
public  sans  libre  franklin  artworkers  blog  type  typography  fonts 
18 hours ago
Google Font Features
about creating a font file with embedded subset of lining figures - could be applied maybe to using tabular numbers. Also mentions using some online place to see whether the full font set contains the numbers you want
webdesign  web  design  type  typography  font  character  set  figures  numbers  tabular  lining  non-lining  google  feature  open-type 
20 hours ago
Heretat de Guàrdia, masía rural histórica en entorno prilegiado.
Place indicated off the road after Ponts before the junction and rise to Comiols. I stopped to look on Thurs 20.2.20, there's a barrier 100m up the road but I walked up to the crest and you see the place half a kilometre away. Looks well maintained
baronia  rialb  ponts  catalunya  cataluña  masia  rural  heretat  guàrdia  casa  hotel  country 
yesterday
SVG Attribute reference - SVG: Scalable Vector Graphics | MDN
a list of svg attributes with links to further explanation. Each attribute page shows which elements can use that attribute
webdesign  web  design  svg  attribute  reference  list  webdev 
2 days ago
SVG element reference - SVG: Scalable Vector Graphics | MDN
a list, with links to further explanation, of svg elements
webdesign  web  design  svg  element  reference  list  mdn  webdev 
2 days ago
Digital.gov — Guidance on building better digital services in government
Guidance on building better digital services in government.
A product of the U.S. General Services Administration.
A guide and resources for american gov websites
digital  america  american  government  gov  federal  website  web 
3 days ago
USWDS: The United States Web Design System
A design system for the federal government.
We make it easier to build accessible, mobile-friendly government websites for the American public.
usa  america  american  government  federal  web  design  graphic  uswds 
3 days ago
Public Sans
they say: A strong, neutral typeface for interfaces, text, and headings.

a page from where you can download Public Sans
type  typography  franklin  public  sans  font  typeface 
3 days ago
Animating Clipped Elements In SVG — Smashing Magazine
author says: This article explains the difference between an SVG clipPath and a CSS clip-path, including examples to guide and inform you through this journey. Finally, I’ll share a few demos both personal and in the wild to help you better understand clipPath animation and inspire your visions.
webdesign  web  design  css  svg  clip  clip-path  clipPath  clipping  animation  animate 
4 days ago
SMIL is dead! Long live SMIL! A Guide to Alternatives to SMIL Features | CSS-Tricks
Seems that SMIL is not a good way to go with svg animation. At end there's a chart of equivalent css and gsap attributes and values
webdesign  web  design  webdev  code  coding  svg  smil  css  gsap 
5 days ago
Snap.svg - Home
they say: SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM.
svg  animation  animate  animated  js  javascript  script  vector  webdesign  web  design  webdev 
5 days ago
Free Dynamic DNS - Managed DNS - Managed Email - Domain Registration - No-IP
their headline:
Dynamic IP address got you down?
Create an easy to remember hostname and never lose your connection again.
dns, ip and email server services
ip  smtp  dns  email  server  address  services  networking  host  domain  hostname  network 
6 days ago
PaperCall.io
they say: PaperCall enables event organizers to easily manage their call for papers and talk submissions. Speakers are already using PaperCall to manage their talks, are you ready to hear from them?
speaker  event  congress  call  for  papers  organise  organiser  conference  meeting  submission  talk  tool 
7 days ago
WPCOM – Curated Directory of WordPress Resources & Tools
they say: Explore hundreds of WordPress resources, courses, deals.
Build your website with confidence and less pain.
wordpress  resources  cms  directory 
7 days ago
Shape Morph Button
an inline svg shape in a button morphs when clicked, using js for the toggle.
Handy, has the html, css and js code, linked from this article:
https://css-tricks.com/svg-shape-morphing-works/
webdesign  web  design  code  svg  morph  shape  morphing 
7 days ago
Humaaans: Mix-&-Match illustration library
they say: humaaans
Mix-&-match illustrations of people with a design library
illustration  image  library  design  graphic  vector  editable  people  drawings 
8 days ago
Run your own newsletter engine - Mailcoach
they say: Mailcoach is a self-hosted email list manager. It integrates with services like Amazon SES, Mailgun or Sendgrid to send out mailings affordably.
Stand-alone, or integrated in a Laravel project, it's perfect for bloggers, artisans and entrepreneurs.
htmlmail  mail  mailing  list  self-hosted  manager  engine  newsletter  bulletin 
8 days ago
My Browser - Easy to digest browser details to help you with QA and tech support
generates a basic report about users browser, device, screen etc. Could be handy for helping a remote user
webdev  support  information  browser  tech  screen  device 
8 days ago
Simple Image Placeholders with SVG - Cloud Four
author says: a tiny, dependency-free library called Simple SVG Placeholder. It generates data URIs for placeholder img elements. (uses js)
You get a grey rectangle with image size written in middle.
webdesign  web  design  image  placeholder  generator  svg  js  javascript  script 
8 days ago
PlaceIMG | Easy FPO and Dummy Images for Any Project
generates placeholder images from 7 different categories. I couldn't make remote placement work but you can generate the image and download it
webdesign  web  design  image  placeholder  generator  dummy 
8 days ago
Understanding CSS Grid: Grid Lines — Smashing Magazine
Rachel Andrew article about layout using css grid lines
webdesign  web  design  code  coding  layout  css  grid  line  lines 
8 days ago
Staggered Animations with CSS Custom Properties - Cloud Four
I could ignore the variables part (don't understand it). Handy nth-child method for staggering animations on a list
webdesign  web  design  css  animation  stagger  staggered  delay  slide-in  code  coding 
11 days ago
Why You Should Choose HTML5 <article> Over <section> — Smashing Magazine
1st para: Browsers’ visual display of headings nested inside <section> elements makes it look as if they are assigning a logical hierarchy to those headings. However, this is purely visual and is not communicated to assistive technologies.
webdesign  web  design  code  coding  article  section  css  accessible  accessibility 
11 days ago
Uber’s Path of Destruction - American Affairs Journal
from 1st para: the widespread belief that it is a highly innovative and successful company has no basis in economic reality.
article  uber  about  business  economics 
11 days ago
How To Self-Host Your Web Fonts - Kev Quirk
This post will show you how to self-host web fonts so you’re not beholden to Google.
webdesign  web  design  webdev  fonts  self-host  self  host  @font-face 
11 days ago
Understanding the “Initial”, “Inherit” and “Unset” CSS Keywords
CSS has default keywords for various values. In this article I’m going to talk about three of them: initial, inherit, and the relatively new one, unset.
webdesign  web  design  code  coding  css  inherit  unset  initial 
11 days ago
10 of the coolest neighbourhoods in Europe | Travel | The Guardian
about some barrios of large European cities - maybe some tips if you're in those parts
guardian  travel  europe  area  neighbourhood 
11 days ago
Magic Flip Cards: Solving A Common Sizing Problem — Smashing Magazine
about coding non-absolute flip cards, with code examples. Some advanced css in here but could be v useful for learning/copying. The effect might come in handy sometime.
webdesign  web  design  code  coding  effect  flip  card  revolve  turn  hover  css  html  grid 
13 days ago
Grids - Learn web development | MDN
good explanation of grid using a page that you can develop and experiment in. V handy
webdesign  web  design  learn  css  grid  mozilla  learning  code  coding  webdev 
15 days ago
Coco Dávez
Coco Dávez website, real name Valeria Palmeiro (Madrid, 1989) but known as Coco Dávez, new promise of contemporary Spanish art. hmmm
coco  dávez  davez  creative  photography  art  artist  illustration  faceless 
15 days ago
How can I copy 1,400 DVDs to a new hard drive? | Technology | The Guardian
about copying from lots of CDs or DVDs to a hard drive. Suggestion for soft though it only helps a bit. Seems like manually is the only way.
backup  copy  dvd  cd  hard  drive  hd  external  multiple  guardian 
15 days ago
Typo-coaster
nifty animation of type on a path, by Michelle Barker
webdesign  web  design  animate  animation  path  loop  offset 
16 days ago
Design System Checklist
A checklist overview for approaching a brand/organisation's communication and image. 5 major headings. I'll probably never need this but it might focus my thinking on a project one day?
webdesign  web  design  graphic  system  philosophy  checklist  brand  tone  method  consistent  communication 
16 days ago
CSS { In Real Life } | Optimising SVGs for the Web
by Michelle Barker showing methods to optimise svg's, tips, relationship of artwork bounds to viewbox, inline use, and some other relevant resources
webdesign  web  design  svg  vector  optimise  optimisation  performance  css  inline  code  coding  illustrator  icon  symbol 
17 days ago
Icon Font & SVG Icon Sets ❍ IcoMoon
tons of icons available as fonts or svg. Michelle Barker says that icomoon will make sprites.
webdesign  web  design  graphic  icon  icons  app  online  font  svg  vector  free  glyph  sprite 
17 days ago
OCR extract text from image
the page is very sparse, just an option to upload an image for OCRing. It wouldn't bring up the Save to Pinboard window so this is set up manually
ocr  optical  character  recognition  image  text  extract  read 
17 days ago
Line Awesome — Free Beautiful Icon Font
their strapline: Swap Font Awesome for modern line icons in one line of code. Tons of useful icons in simple line style
webdesign  web  design  graphic  icons  symbols  illustrations  images  line  drawings  vector  font  awesome 
17 days ago
Accessible Dropdown Menu Component In Vanilla JavaScript - a11y-dropdown-component | CSS Script
heading: Accessible Dropdown Menu Component In Vanilla JavaScript – a11y-dropdown-component, with code
webdesign  web  design  menu  dropdown  accessible  accessibility  a11y  js  javascript  script 
22 days ago
All – Tiny Helpers
handy list of online tools for specific web design tasks. All kinds of mini code generators
webdesign  web  design  online  apps  tools  helpers  webdev  code  generator 
23 days ago
When fonts fight, Times New Roman conquers | Books | The Guardian
Guardian article, 29.1.20: writers explain which set of letters they work in – and why it matters
type  typography  times  font  writing  authors 
23 days ago
Curtis – Audiophile Cafe
Audiophile Café & Record Store
Interesting café with turntables and music, c. Mallorca 196
music  cafe  barcelona  vinyl  sound  album  café  audiophile 
23 days ago
Toggle Visibility When Hiding Elements | CSS-Tricks
article about accessible methods for hiding content. Useful table of accessibility of differents states
webdesign  web  design  css  hide  hidden  visibility  hiding  elements  accessible  accessibility  aria  screen  reader 
23 days ago
CSS-Only Carousel | CSS-Tricks
Jan 2020, a look at current state for making a css-only carousel
webdesign  web  design  carousel  slideshow  css-only  css  only  code  coding 
23 days ago
23 Congreso Ibero Latino-Americano de Dermatología
website of CILAD 2020 conference: Congreso Ibero Latino-Americano de Dermatología
cilad  2020  cilad2020  sergi  bco  congresos  congress  conference  dermatology  dermatología  latin  american 
24 days ago
UEMS Surgery - Transplantation
UEMS - their logo appears on sct page at bottom of Objectius Estatuaris
uems  transplant  transplantation  sct  trasplante 
25 days ago
A Developer's Introduction to the Twenty Seventeen Theme
quite detailed information about using and modifying twenty seventeen wp theme, including creating child theme
wp  wordpress  twenty  seventeen  about  theme  user  developer 
29 days ago
Twenty Seventeen | WordPress.org
wordpress.org page about twenty seventeen theme, with more resource links
wp  wordpress  theme  twenty  seventeen  support  default  configure  configuration 
29 days ago
Find your FTP client Mac software
explains how to use built-in mac ftp to connect to remote server from Finder 'Go' menu. To disconnect choose 'Eject' on the desktop server icon.
server  connect  remote  mac  built-in  ftp  go  menu 
29 days ago
Library Detector - Chrome Web Store
Chrome extension: detects and shows js libraries functioning in a site
webdesign  web  design  webdev  js  javascript  script  library  tool  extension  chrome 
4 weeks ago
Material design style click effects with pointer events and CSS Custom Properties – Ben Frain
a howto build a 'material design' type of click effect (works also on touch). Useful to see the js and explanation of the construction and how you can pass classes from js to css
webdesign  web  design  code  coding  js  javascript  script  css  animation  click 
4 weeks ago
A11y Toggle
edenspiekermann page that explains how to use their accessible js toggle
webdesign  web  design  ally  toggle  accessible  accessibility  js  javascript  script  vanilla 
4 weeks ago
« earlier      
per page:    204080120160

Copy this bookmark:





to read