recentpopularlog in
« earlier  
Sweet on Cuba: riding the Hershey town train | Travel | The Guardian
Guardian article on the electric train built by Hershey for sugar transport, Cuba
train  cuba  hershey  sugar  travel 
4 hours ago
Riding Canada’s Skeena train: from Jasper to the Pacific | Travel | The Guardian
Guardian article on Canadian train journey + five more scenic routes including from Nice
travel  train  journey  trains  canada  nice  france  russia  baikal  norway 
4 hours ago
Using Media Queries For Responsive Design In 2018 — Smashing Magazine
Rachel Andrew Smashing Mag article about responsive design currently (Feb 2018) - flexbox and grid reduce the need for MQs.
webdesign  web  design  grid  flex  flexbox  media  queries  mq  responsive  css 
5 days ago
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 
5 days ago
SortableJS
JavaScript library for reorderable drag-and-drop lists
webdesign  web  design  js  javascript  script  reorder  reorderable  list  shared 
5 days ago
How Secure Is My Password?
Gives a time for how long a computer would take to crack a password.
I wonder how reliable this is - does it allow for dictionary attacks?
password  check  security  tool  online 
5 days ago
Quad9 and DMARC free cybercrime protection | Action Fraud
Quad9 and DMARC have been set up by the Global Cyber Alliance (GCA). The GCA is a non-profit organisation aimed at tackling cyber crime set up by New York County District Attorney, City of London Police and Center for Internet Security.
Quad9 uses dns 9.9.9.9 - blocks connection to known malicious sites.
security  dmarc  quad9  dns  phishing  malicious  email  cyber  crime  fraud 
5 days ago
Tell Google about localized versions of your page - Search Console Help
Google Search Console Help page about sitemaps and alternate language links. Shows example content
webdev  web  development  seo  google  sitemap  xml  alt  alternate  language 
6 days ago
Corbyn urges vote of no confidence to oust 'zombie government' | Politics | The Guardian
handy calendar graphics explaining timetable of possible no-confidence vote results
brexit  calendar  news  guardian  vote  no-confidence  parliament  uk  eu  timetable 
6 days ago
Minimal Google Analytics Snippet | Minimal Analytics
author says: A snippet for tracking page views on your website without having to add external libraries. No need to add Google Tag Manager and Analytics libraries. Do not use if tracking AdWords.
webdev  seo  tracking  analytics  code  snippet  google 
8 days ago
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 
8 days ago
Pie Charts · ChartGen
brilliant chart generator - you input the data, gives code as svg. Pie charts, bar graphs, line graphs. Would be great for PIRC charts. Use image in Quark to draw on top, or import svg file into Affinity.
webdesign  web  design  graphic  chart  generator  bar  graph  line  pie  svg 
9 days ago
CSS Accordion Slider: A tool for generating accordion sliders
Handy code generator for accordion style panels. You can only have one open at a time - open one, the previous closes. css only, no js. Some options can be configured first via sliders. Horizontal and vertical options.
webdesign  web  design  css  html  code  generator  configure 
9 days ago
Meta Tags — Preview, Edit and Generate
they say: With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!
Tool for generating meta tags
webdesign  web  design  webdev  development  meta  tag  generator  twitter  google  facebook  seo  tool 
9 days ago
CodyHouse | Web Design Nuggets
they say: CodyHouse's design system is a CSS framework and a library of HTML, CSS, JS components that work seamlessly with the framework.
Possibly some handy code within the components section and maybe some useful js. Some of the stuff uses scss
webdesign  web  design  css  html  components  framework  js 
9 days ago
autoComplete.js - Vanilla Javascript library
they say: Simple autocomplete pure vanilla Javascript library.
Not v impressed by demo, but maybe it depends on database/dictionary that it draws from.
webdev  web  development  js  vanilla  autocomplete  form  search  field 
11 days ago
jquery - JavaScript EU cookie law banner not removing - Stack Overflow
an important mod for the cookie consent code found at
https://gist.github.com/bavington/6727776
This mod solves the problem on tria site where it prevented the onload script in body tag from adding the .loaded class.
cookie  law  eu  gdpr  consent  privacy  comply  compliance  code  modification  modify  stackoverflow  user  js  javascript  script 
14 days ago
Cookie-Script: free GDPR compliance for cookies
a cookie consent service. There's a free version but doesn't work with https. Cheapest paid is 3€ month (jan 2019)
consent  cookie  privacy  gdpr  compliance  eu  comply  law  service  webdesign  web  design  webdev  development 
14 days ago
Simple EU Cookie Law Banner JavaScript · GitHub
cookie consent code that I used on barcelonaprints and tria.
It clashes with some js "onload add class" code I wanted in the tria body tag.
This stackoverflow page solved the problem on tria: https://stackoverflow.com/questions/32573965/javascript-eu-cookie-law-banner-not-removing
webdesign  web  design  webdev  development  code  privacy  gdpr  consent  cookie  js  javascript  script 
14 days ago
Discover Unique - Save time and make smarter font choices!
as far as I can tell this tool generates variations (distortions of existing fonts, and they call them unique fonts
webdesign  web  design  graphic  font  typography  generator 
17 days ago
Cool Backgrounds
interesting backgrounds: trianglify etc plus the web code for installing on a site
webdesign  web  design  graphic  background  image  colour  gradient  animated  generator  code 
17 days ago
How to Password Protect a Directory on Your Website (thesitewizard.com)
How to Password Protect a Directory on Your Website - must have Apache server. Content not encrypted, protection is basic. I expect that the hosting service could certainly access the pages.
password  protect  site  website  apache  htaccess  htpasswd 
17 days ago
How to Password Protect a Site Using Htaccess
outlines how to use htaccess to password protect a site or portion of a site. This method is native to Apache I think though article doesn't mention that. From dynomapper blog.
htaccess  password  protect  private  website  site  htpasswd 
17 days ago
Somos tipos de letra | Babelia | EL PAÍS
article from Babelia 5.1.19: 'Somos tipos de letra'. Some nice image samples, too.
typography  graphic  design  type  elpaís  newspaper  spain  babelia  momento  tipográfico 
18 days ago
Mockuptime: Free realistic device mockups
some photos to use in mockup visuals, esp mobiles and computers
graphic  webdesign  web  design  mockup  visual  layout  image  resources 
18 days ago
Small StrongHold Bag - Gold - Paraben
small bag to prevent any signal access to your mobile
security  signal  smartphone  phone  mobile  protect  block  wireless  wifi  cell 
18 days ago
New CSS Logical Properties! – Elad Shechter – Medium
about css logical properties: a new way of naming things like padding-left padding-right etc according to reading direction of site
webdesign  web  design  css  logical  properties  rtl  ltr  multi  language  box  model 
20 days ago
The Front-End Checklist - ✨ Your best Front-End Tool ✨
a checklist of everything to look out for when making a site live. Some essential stuff, some less important, depending on type of site, but v handy reminder of everything
webdesign  web  design  webdev  development  frontend  front  end  checklist  list  reminder  tips  todo  code  coding 
20 days ago
How can I remove Google from my life? | Technology | The Guardian
How to remove, or at least reduce, Google's collection of your data and surfing
guardian  google  remove  cookies  privacy  intrusion  data  search  visit  navegation 
4 weeks ago
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 
4 weeks ago
How to Turn Off the Auto Sign-In Link in Gmail and Chrome
explains how to stop Google automatically logging you in to your Google account via an auto feature in Chrome. Avoid using Chrome whenever poss!
google  chrome  browser  cookies  login  account 
4 weeks ago
LazyLoad (vanilla-lazyload) | LazyLoad is a fast, lightweight and flexible script that speeds up your web application by loading images only as they enter the viewport. LazyLoad supports responsive images.
they say: LazyLoad is a fast, lightweight and flexible script that speeds up your web application by loading images only as they enter the viewport. LazyLoad supports responsive images
webdesign  web  design  js  javascript  script  lazyload  image  speed  performance 
5 weeks ago
Glider.js - A fast, lightweight carousel alternative
a sort of substitute for a carousel (they say). Doesn't have infinite loop. Manual image change slider with touch feature
webdesign  web  design  slider  carousel  glider  js  javascript  script  slideshow 
5 weeks ago
Pagekite - The fast, reliable localhost tunneling solution
they say: Fast, reliable, secure: make your localhost part of the Web.
localhost tunneling. Make any computer a server: a pi, a laptop, even old cell phones.
Looks like it would be perfect for client view of dev, avoids staging site. Cheap and open source
localhost  hosting  server  development  webdesign  web  design  webdev  dev  tunnel  tunneling  host  local 
5 weeks ago
Free Cross Browser Testing Tool on Cloud - LambdaTest
they say: Perform Cross Browser Testing on 2000+ Real Browsers and Operating System Online
webdesign  web  design  webdev  test  testing  browser  online  website  development 
5 weeks ago
Inspectlet - Session Recording, Website Heatmaps, Javascript A/B Testing, Error Logging, Form Analytics
code that allows you to see user movement, clicks, behaviour. Free service would be good enough to see basic data for Tria I reckon
tria  webdesign  web  design  webdev  development  tracking  analytics  ux  user  behaviour  clicks  clicking  mouse  stats  data  inspect  view 
5 weeks ago
Home - IAOMS
IAOMS International Association of Oral and Maxillofacial Surgeons
baoms  icoms  sergi  barcelo  conference  client  oral  maxillofacial  international  association 
6 weeks ago
Wappalyzer - Wappalyzer has been upgraded
they say: Interested to know which websites use certain technologies?
Our APIs and datasets provide valuable insights into the software industry.
app  api  wappalyzer  dataset  detect  detection  software  usage  use  website 
6 weeks ago
Should I Use JavaScript to Load My Web Fonts? | Filament Group, Inc., Boston, MA
dec 2018 article comparing current font loading with css-only and with js. Seems like css only is good but js can enhance it a bit.
webdesign  web  design  font  loading  js  javascript  script  css  foit  fout  webfont 
6 weeks ago
All Places in Spain - Atlas Obscura
Atlas Obscura's list of places to visit in Spain. Many of them not so obscure, especially in Bcn, but must be a few gems in this list somewhere
spain  barcelona  travel  visit  places  atlas  obscura 
6 weeks ago
Getform | Easy form endpoints for your forms
Form backend platform for designers and developers
webdesign  web  design  webdev  form  backend  data 
6 weeks ago
Observe a story
nice logo for a west Texas observatory with animation
webdesign  web  design  inspiration  animation  logo  graphic  css  animate 
6 weeks ago
An Introduction to CSS Shapes | Codrops
check MS support for css shapes before using (end 2018: not in Edge or IE)
webdesign  web  design  css  shapes  text  flow  layout  runaround  shape 
6 weeks ago
Child and Sibling Selectors | CSS-Tricks
simple explanation of the different descendent, child and sibling selectors
webdesign  web  design  css  selector  child  sibling  descendent  combinator 
7 weeks ago
SmugMug's Privacy Policy
smugmug's privacy policy page. Possible sample text for copying, though would need translation from English.
webdesign  web  design  cookie  text  privacy  policy  smugmug 
7 weeks ago
The Bare Minimum You Should Do to Protect Your Family's Data - Internet Citizen
article with a list of stuff to look out for and measures to take to protect privacy and data.
data  protection  privacy  password  advice  tips  protect 
7 weeks ago
Cookies | ICO
Information Commissioners Office, about cookies
webdesign  web  design  webdev  development  privacy  cookies 
7 weeks ago
The French village that fears for its British community - BBC News
bbc article about Brit community in Alet les Bains, between Perpignan and Carcassonne
france  brits  bbc  article  brexit  british  expats  alet  limoux  pyrenees  carcassonne  aude 
7 weeks ago
A11Y Style Guide
they say: This application is a living style guide or pattern library, generated from KSS documented styles...with an accessibility twist.
webdesign  web  design  a11y  accessibility  accessible  style  guide  html  css  code  coding 
8 weeks ago
Why I use the BEM naming convention for my CSS - YouTube
a geezer explains about his bem and why you should use it or at least some kind of naming convention.
He says OK css nesting on small sites. On big sites will lead to problems.
You end putting classes (sometimes several) on every element in the html.
bem ties in well with sass - both use the double underscore.
webdesign  web  design  css  bem  naming  convention  block  element  modifier  sass  class 
8 weeks ago
Why using `tabindex` values greater than “0” is bad – Karl Groves Web Accessibility Consultant, Web Accessibility Auditing, Web Accessibility Training
last para: ... above reasons make it clear that tabindex creates more problems than it solves ...
Article about various ways in which 'tabindex' values can cause problems. Convincing.
webdesign  web  design  accessibility  accesible  tabindex  value  order  tabbing  tabbed  keyboard 
8 weeks ago
What, exactly, is the DOM?
Ire Aderinokum's explanation of the DOM and render tree. Sort of interesting though not helpful for coding in reality. I think she's padding out her blog
webdesign  web  design  dom  render  tree  html  browser 
8 weeks ago
« earlier      
per page:    204080120160

Copy this bookmark:





to read