recentpopularlog in
« earlier  
Make it hard to screw up driven development | CSS-Tricks
collection of tools for validating, checking and testing code
webdesign  web  design  tool  online  lint  automated  test  testing  valid  validate  code  html 
17 hours ago
Animate.css
collection of ready-made css animations
webdesign  web  design  css  animate  animation 
17 hours ago
AddyOsmani.com - Native image lazy-loading for the web!
look at the new loading attribute which brings native <img> and <iframe> lazy-loading to the web.
Is it css or an image attribute?
webdesign  web  design  image  img  lazy  load  lazy-load  lazyload  css  loading  attribute 
yesterday
“Mi tejado solar es un tesoro”
La Vanguardia article: "Los usuarios del sistema de autoconsumo con energía fotovoltaica ensalzan las ventajas ambientales de su elección energética y no solo los beneficios económicos"
solar  energy  panel  roof  autoconsumo  environment  instalation 
4 days ago
Keybase
Secure groups, files, and chat for everyone. Encryption for group data
webdesign  web  design  webdev  development  security  encryption  encrypt  group  chat  data 
4 days ago
25th International Conference on Oral and Maxillofacial Surgery
ICOMS 2021 conference website. Wordpress.
15/4/19 only 1 page, no other content yet
barceló  sergi  roca  glasgow  scotland  conference  congress  icoms  2021  oral  maxillofacial  surgery 
6 days ago
Quicksilver — Download
page for downloading latest version of Quicksilver
quicksilver  app  mac  download  trigger  shortcut 
7 days ago
Premium economy: is it worth the extra expense? | Travel | The Guardian
about value of premium economy seats. Some links and resources for airline comparison info.
flights  travel  long-haul  airline  seats  comfort  economy  premium  value  cost  price 
8 days ago
50 Best Buildings In London | Beautiful Buildings You Have To Visit
they say: The 50 best buildings in London
Take a tour of our 50 favourite buildings in London as chosen by city architects, leading authors, Instagrammers and the Mayor of London himself
london  timeout  time  out  guide  architecture  listing  list  visit  travel 
11 days ago
London Architecture Guide | Architecture Foundation
a free app based on the book The Guide to the Architecture of London by architectural writers, Edward Jones and Christopher Woodward. With an expanded set of entries, photography, walking directions and events listings
london  architecture  app  guide  travel 
11 days ago
Cool uses of the ::before and ::after pseudoelements
some curious uses of ::before and ::after, including use of attribute attr(aria-valuenow) that updates a value in realtime
webdesign  web  design  css  before  after  pseudoelements  pseudo  elements 
13 days ago
[no title]
scroll effects - OK on touchscreen but rather dull on desktop with mouse
webdesign  web  design  scroll  effects  js  javascript  script  animation  library 
13 days ago
HTML 5.2: 4.3. Sections
w3.org's reference pages about html semantic elements like <section> <article> <aside> etc
w3  css  elements  article  section  aside  html  construction  content  semantic  tags 
16 days ago
Flexulator
neat tool to play with flex-basis, grow and shrink and see the effect immediately
webdesign  web  design  css  flex  flexbox  online  tool  shrink  grow  basis 
17 days ago
Security Checklist
a checklist of security practices to follow to protect your own data and privacy. Some useful tips
web  internet  privacy  security  data  tracking  advice  tips  checklist 
17 days ago
Breaking CSS Custom Properties out of :root Might Be a Good Idea | CSS-Tricks
why you might need to use a variable with a more local scope than :root
webdesign  web  design  css  variable  custom  property  :root  scope  class  html 
17 days ago
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 
18 days ago
You probably don’t need input type=“number”
why using type="number" isn't always a good idea on form input fields
webdesign  web  design  input  form  number  type  field  usability  ux  touch  screen  numeric 
18 days ago
SVG Sprite Generator
online svg sprite creator - drop SVG files to create the sprite
webdesign  web  design  sprite  svg  online  tool  creator 
18 days ago
GitHub - leeoniya/dropcss: A simple, thorough and fast unused-CSS cleaner
takes your HTML and CSS as input and returns only the used CSS as output.
Not sure if this requires npm installer or if one can just download
webdesign  web  design  css  clean  used  unused  cleaner  optimise 
20 days ago
5 Tools For Automated Accessibility Audits
helpful tools and resources for checking accessibility of a site
webdesign  web  design  accessibile  accessibility  tools  automated  automate  check  checking  audit 
20 days ago
Hacking Custom Checkboxes And Radios – Hacker Noon
about styling custom checkboxes and radio buttons, while maintaining accessibility
webdesign  web  design  checkbox  toggle  switch  radio  button  css  default  customise  style  accessible 
20 days ago
Communist Store Windows by David Hlynsky
old site, dated design, but the pix are still great
communist  shop  store  windows  europe  east  russia  photos  photography  journal 
22 days ago
Should I use Microsoft Word on a Mac or a cheaper alternative? | Technology | The Guardian
description (28.3.19) of the options available for using Word - online, subscription and one-off purchase. Useful summary of the pros and cons of each option. Also describes alternatives to Word.
work  word  mac  purchase  subscription  online  versions  processor  microsoft  software  programmes 
24 days ago
See No Evil: Hidden Content and Accessibility - Cloud Four
article about hiding content in different contexts, with accessibility and screen readers in mind
webdesign  web  design  hidden  content  aria  accessibility  accessible  attribute  hiding 
25 days ago
GitHub - github/details-menu-element: A menu opened with a <details> button.
using <details> and <summary> html tags to open a menu of radio buttons. The selected text then appears in the <detail> text when the menu is collapsed.
Could be handy sometime
webdesign  web  design  js  javascript  script  html  detail  summary  button  radio  tag 
25 days ago
Tools and modern workflow for front-end developers – LogRocket
About build tools and what they do, though doesn't explain enough for my level of understanding. I still don't get why you'd use one
webdesign  web  design  webdev  npm  grunt  yarn  gulp  webpack  packages  build  tools  workflow  frontend  front-end  development 
25 days ago
10 HTML Elements You Didn't Know You Needed - DEV Community 👩‍💻👨‍💻
some unusual html tags. Some of the code in the article is slipshod, and the code is in images not copyable, but there are useful examples
webdesign  web  design  html  tags  examples  video  audio  time  template  meter  progress  picture  output  blockquote 
25 days ago
Comprar Aceite de Oliva Virgen Extra Online - OlivaOliva
olive oil online sales - award-winning site for ecommerce in Spain
ecommerce  webdesign  web  design  example 
27 days ago
All you need to know about hyphenation in CSS | Clagnut by Richard Rutter
current state of hyphenation possibilities in browsers (March 2019). Thorough, proper typographers explanation
webdesign  web  design  css  hyphenation  typography  hyphen  hyphenate 
29 days ago
When Is A Button Not A Button? — Smashing Magazine
nice reminder of how to use html's own semantics - good for accessibility and keyboard tabbing. Brush up on <button type="button"> ("submit" is default value for a button, he says). He suggests using "disabled" attribute for button or fieldset but I don't see how one would trigger it. 'disabled' attribute also removes element from tab order
webdesign  web  design  button  html  semantic  attribute  vale  accessibility  accessible  element 
4 weeks ago
Web Page Footers 101: Design Patterns and When to Use Each
about footer content, user behaviour and expectations. Don't underate footers, users go there deliberately
webdesign  web  design  footer  content  user  ux 
5 weeks ago
Cache-Control for Civilians – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts
by Harry Roberts. about http caches, caching, Cache-Control header and all the directives that affect caching
webdesign  web  design  cache  caching  cache-control  http 
5 weeks ago
Semantics to Screen Readers · An A List Apart Article
in-depth account of browser/screen reader interaction with sites, from accessibility point of view
webdesign  web  design  accessible  accessibility  screen  reader  browser 
5 weeks ago
Making Google Fonts Faster⚡ – Clio + Calliope – Medium
explains some steps worth considering for loading google fonts faster and/or with more control
webdesign  web  design  font  webfont  google  speed  load  loading  time  self-host  cdn  performance  webdev 
5 weeks ago
icoms2021glasgow.com – Otro sitio realizado con WordPress
official conference site.
March 2019 - just a Wordpress template, no real content yet
icoms  glasgow  sergi  barcelo  bco  congresos  conference  congress  baoms  iaoms  oral  maxillofacial  surgery 
5 weeks ago
Quick! What's the Difference Between Flexbox and Grid? | CSS-Tricks
a comparison between css grid and flexbox, pointing out main differences, when is ideal to use one or the other
webdesign  web  design  css  grid  flex  flexbox  comparison  difference 
5 weeks ago
How A Screen Reader User Accesses The Web: A Smashing Video — Smashing Magazine
a Smashing Mag webinar video with Léonie Watson - a blind screen reader user. About usable and technical accessibility
webdesign  web  design  accessibility  accessible  blind  user  css  code  coding  video 
5 weeks ago
Free HTML Website Templates and HTML UI Kits - HTMLTEMPLATES.CO
a collection of free websites and kits. Lots of them seem to be based on Bootstrap.
webdesign  web  design  template  free  bootstrap  html  ecommerce  ui  kit  resources 
5 weeks ago
txti - Fast web pages for everybody
web service for making text only web pages with a custom url, eg, txti.es/piper. You need a unique code they give you in order to edit. The markup is like a markdown-type editor. Uses Twitter cards
website  text  custom  personal  share  cms  web  edit  content 
5 weeks ago
GitHub - rampatra/wedding-website: Our Wedding Website 👫
a guy's wedding website which he now offers as open source free use. Has an RSVP feature
webdesign  web  design  wedding  website  template 
5 weeks ago
How @supports Works | CSS-Tricks
about the usefulness or not of @supports
webdesign  web  design  code  coding  @support  css  query  queries 
6 weeks ago
Paint the Picture, Not the Frame: How Browsers Provide Everything Users Need · An A List Apart Article
Leave interface features at browser default. Obvious when you think about it but good to be reminded - don't be tempted by designer vanity, think always of the user
webdesign  web  design  interface  accessibility  accessible  user  ui  ux 
6 weeks ago
BEM: 4 Hang-Ups & How It Will Help Your CSS Organization
their intro: "addresses four common misconceptions about BEM and explains how and why the CSS naming convention of Block Element Modifier helps solve organizational thinking around class names."
webdesign  web  design  code  coding  css  bem  block  element  modifier 
6 weeks ago
instant.page
js that triggers preload of the html of a linked page when you hover the link. Seems dubious to me, but what do I know?
webdesign  web  design  webdev  development  js  javascript  script  speed  performance  instant  page  preload  preloading  html  hover  click 
6 weeks ago
Bolboreta Plagas
company Mary found for Nora's flat in Raval, March 2019
plague  plaga  cockroach  cucaracha  insect  infestation  mary  nora  fumigate 
6 weeks ago
Coches cerca de ti, listos para conducir - Drivy
a car rental service by the hour using shared cars
car  rent  spain  drivy  zipcar  share  sharing  avancar  alquiler  coche 
7 weeks ago
Spain’s Watergate: inside the corruption scandal that changed a nation | News | The Guardian
from Guardian 'the long read'. Good overview of Gürtel and last few years in Spain.
José Luis Peñas. Ángel Galindo.
spain  españa  pp  corruption  gurtel  gürtel  politics  sam  edwards  corrupt  politician  correa 
7 weeks ago
How can I set up a small website for a local group? | Technology | The Guardian
an 'Ask Jack' answer about small, interest-group websites. A bit feeble, basically recommends Facebook Groups, but has a round up of the free and cheap options.
website  options  cheap  free  hobbyist  group  weebly  wix  squarespace  wordpress 
7 weeks ago
National Park Typeface
a webfont that imitates effect of using router on wood - ie, rounded ends. Free to download
webdesign  web  design  font  rounded  router  national  park  webfont  type  typography  graphic 
7 weeks ago
GitHub - transloadit/uppy: The next open source file uploader for web browsers
they say: "Uppy is a modular JavaScript file uploader that integrates seamlessly with any application ... fast, easy to use"
webdesign  web  design  js  javascript  script  file  upload  uploader  interface 
7 weeks ago
Building a modern carousel with CSS scroll snap, smooth scrolling, and pinch-zoom | Read the Tea Leaves
css/html only carousel. Be careful, doesn't work in any browser on my iPad (feb 2019). Hacky. No continuous scroll - you have to go back when you reach final image. Authors blog design is horrible.
webdesign  web  design  scroll  carousel  vanilla  css-only  snap  pinch  zoom 
7 weeks ago
Animate a Blob of Text with SVG and Text Clipping | CSS-Tricks
an animated mask/reveal effect on svg text using clip-path and mask
webdesign  web  design  svg  animation  clipPath  clip-path  animate  mask 
7 weeks ago
Gradians and Turns: the quiet heroes of CSS angles
more units for rotation and angles: gradians, turns, radians, degrees. Turns v useful and more logical for css animation
webdesign  web  design  css  animation  animate  turn  rotate  degree  radian  gradian  units  angle  circle 
7 weeks ago
Pure CSS Loader - Optimized Spinners for Web · Loading.io
they say: Pure CSS Loaders. Open sourced css loading animations dedicated for speed, simplicity and dev-friendly. 1KB per icon before minimized.
webdesign  web  design  css  spinner  loader  spinning  loading  css-only 
7 weeks ago
CSS { In Real Life } | To Grid or to Flex?
a Michelle Barker piece about grid and flex - what each is best at
webdesign  web  design  css  grid  flex  flexbox  page  layout 
8 weeks ago
« earlier      
per page:    204080120160

Copy this bookmark:





to read