recentpopularlog in

piperh : webdev   331

« earlier  
Keybase
Secure groups, files, and chat for everyone. Encryption for group data
webdesign  web  design  webdev  development  security  encryption  encrypt  group  chat  data 
2 days ago by piperh
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 
23 days ago by piperh
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 by piperh
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 by piperh
The Actual Browser Problems with Unquoted Attributes | CSS-Tricks
about using quote marks to enclose attribute value in html. In html5 it's optional and only required if there's a space (and a few other characters as well). So if an item has two or more classes you must enclose in quotes.
If in doubt, use quote marks always (though you don't have to)
webdesign  web  design  webdev  development  code  coding  html  attribute  quote  quotemark  value  space 
10 weeks ago by piperh
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
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 
january 2019 by piperh
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 
january 2019 by piperh
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 
january 2019 by piperh
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 
january 2019 by piperh
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 
january 2019 by piperh
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 
january 2019 by piperh
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 
january 2019 by piperh
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 
january 2019 by piperh
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 
december 2018 by piperh
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 
december 2018 by piperh
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 
december 2018 by piperh
Getform | Easy form endpoints for your forms
Form backend platform for designers and developers
webdesign  web  design  webdev  form  backend  data 
december 2018 by piperh
Cookies | ICO
Information Commissioners Office, about cookies
webdesign  web  design  webdev  development  privacy  cookies 
november 2018 by piperh
CSS and Network Performance – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts
techy article about structuring css to allow async drawing of page. Looks like a lot of bother for low-priority return in my case
webdesign  web  design  webdev  development  css  speed  performance  dom  cssom  render  critical 
november 2018 by piperh
Learn  |  web.dev
a google site titled 'Learn'. Extols 'structured learning paths'.
Quite techy, eg load times, network resilience - not about visual design
webdesign  web  design  webdev  development  speed  accessibility  security  google  learning 
november 2018 by piperh
howler.js - JavaScript audio library for the modern web
vanilla js library for running audio on the web. Supports many audio formats. I might conceivably find this useful sometime
webdesign  web  design  webdev  development  audio  html5  library  js  javascript  vanilla  sound 
november 2018 by piperh
Assistive technology tools you can test with at no cost - Accessibility in government
a gov.uk page explaining how to use free accessibility testing
page heading: Assistive technology tools you can test with at no cost
webdesign  web  design  webdev  development  assistive  accessibility  accesible  tools  test  testing  technology  jaws  dragon  nvda  voiceover  narrator  talkback  screen  readers  free 
november 2018 by piperh
Consently - Privacy-friendly and GDPR compliant tracking
their headings: The privacy-friendly and GDPR compliant way to add tracking to your website
Get consent before loading third party tracking scripts.
webdesign  web  design  dev  webdev  development  privacy  cookies  tracking  gdpr  compliance  consent 
november 2018 by piperh
htaccess Tester - madewithlove
To test your htaccess rewrite rules, simply fill in the url that you're applying the rules to, place the contents of your htaccess on the larger input area and press "Test" button.
webdesign  web  design  webdev  dev  htaccess  test  tester  rules  rewrite 
november 2018 by piperh
eSignature API
they say: The Industry’s Fastest  eSignature API Integration
Seems to be for accepting written signatures in a web page or app
webdev  signature  api  sign  written  write  drawn  draw  legal  digital  esign 
october 2018 by piperh
Trix: A rich text editor for everyday writing
a rich text content editor. Embeddable in web pages, web apps?
webdesign  web  design  webdev  development  rich  text  editor  html 
october 2018 by piperh
ImageKit.io - Real-time Image Optimization and Global Image CDN
their headlines: Automate image optimization on all platforms
Intelligent real time image optimization, resizing, cropping and super fast delivery.
Generates correct size image on the fly on demand for your website. Lives on a CDN
webdesign  web  design  webdev  images  generate  generator  size  optimise  optimisation  service  online 
august 2018 by piperh
What Are Service Workers and How They Help Improve Performance
they say: Service workers allow developers to manage resource caching more efficiently so that users don’t experience interruptions even if they disconnect from the internet. This guide will explain how a service worker can propel your web app’s performance to new heights.
webdesign  web  design  webdev  service  worker  performance  speed  pwa 
july 2018 by piperh
I Used The Web For A Day With Just A Keyboard — Smashing Magazine
Many of us are taught to make sure our sites can be used via keyboard. Why is that, and what is it like in practice?
webdesign  web  design  webdev  accessible  accessibility  keyboard 
july 2018 by piperh
GitHub - hodgef/simple-keyboard: Javascript On-screen Virtual Keyboard - Customizable, responsive and lightweight
The easily customisable and responsive on-screen virtual keyboard for Javascript projects.
I wonder why you'd want this
webdev  development  virtual  online  keyboard  js  javascript  script 
july 2018 by piperh
HelpRange: analyze and track your documents' usage
a paid pdf tracking service - expensive - $30 month/user. Presumably this for online PDFs. Bit like Statcounter, but for PDFs
webdev  tracking  analytics  pdf  tool  online  stats  seo 
july 2018 by piperh
Assessing Loading Performance in Real Life with Navigation and Resource Timing  |  Web Fundamentals  |  Google Developers
Google developers article about using 2 APIs to assess RUM (Real User Monitoring) - they say better than measuring synthetic performance. If I could understand it, probably useful for improving speed
webdesign  web  design  webdev  performance  speed  loading  api  rum  navigation  timing  resource  testing 
july 2018 by piperh
Privacy & Cookie Policy Generator | iubenda
GDPR stuff generator. Paid service, different levels. They do all the processing and remembering of users' permissions / consent
webdesign  web  design  webdev  cookie  policy  gdpr  consent  generator  privacy  comply  compliant  legal 
june 2018 by piperh
GitHub - Simonwep/event: Very small and simple utility to bind Event-listeners to elements.
Very small and simple utility to bind Event-listeners to elements. I don't know enough js to understand what you'd use this for, but I might need to know one of these days
webdesign  web  design  js  javascript  script  event  listener  webdev  library 
june 2018 by piperh
CSS Media Queries: Quick Reference & Guide ← Alligator.io
explains some media queries that I didn't know existed
webdesign  web  design  css  media  queries  @media  webdev 
june 2018 by piperh
GitHub - snipsco/yett: 🔐A small webpage library to control the execution of (third party) scripts
A small webpage library to control the execution of (third party) scripts like analytics. You can then ask user to accept cookies and collection of analytics.
webdesign  web  design  webdev  development  gdpr  privacy  data  collection  analytics  cookie  control  js  javascript  script 
june 2018 by piperh
15+ Experts Share Their Web Performance Advice for 2018
v useful performance advice on current best practice and dealing with legacy site structure
webdesign  web  design  performance  advice  tips  2018  speed  webdev  ux 
june 2018 by piperh
Google Cookie Choices
a Google-produced site with advice and guidance about cookie information and consent if necessary. Includes resources to 3rd parties. Suggests consent phrases
webdev  web  development  cookies  consent  gdpr  legal  law  obligation  website  eu 
may 2018 by piperh
Introducing the Accessibility Inspector in the Firefox Developer Tools – Marco's Accessibility Blog
The Accessibility Inspector allows you to inspect your website’s exposure to assistive technologies.
webdesign  web  design  accessibility  accessible  firefox  inspector  tool  developer  webdev 
april 2018 by piperh
GitHub - denar90/sloth: Sloth - an extension to make you suffer, browsing the web.
Chrome extension to throttle web connection for testing - see how ux is for slow connections
webdesign  web  design  webdev  speed  slow  throttle  throttling  chrome  extension  performance 
march 2018 by piperh
TOAST UI :: Make Your Web Delicious!
they say: TOAST UI Chart supports an easy way to draw various and essential charts on your web service. Open-source JavaScript library.
Looks v interesting and doable even by me. Data can be taken from a db or not.
webdesign  web  design  webdev  development  chart  browser  pie  graph  line  js  javascript  script 
march 2018 by piperh
SSL-check: crawl your HTTPS website and find unsecure content
tool that crawls a https site to check for non-secure links to images, scripts, css
webdesign  web  design  webdev  ssl  secure  security  check  https  non-secure 
march 2018 by piperh
Apps para webmaster: te facilitamos el desarrollo web - CDmon
CDMon page of useful tools for webmasters: IP info, html char refs, html color refs, encrypt texts, host info, and more
webdesign  web  design  webdev  tools  online  ip  html  color  htpasswd 
march 2018 by piperh
Specificity Visualizer
Specificity Visualizer

A visual way to analyze the specificity of selectors in CSS.
webdesign  web  design  webdev  code  coding  development  css  specificity  tool  online  analysis  analyze  selectors 
december 2017 by piperh
Best practices for site search design | Webflow Blog
article subhead: Search can be a powerful tool for improving UX. And it only gets more powerful when you follow these best practices.
webdesign  web  design  webdev  search  development  field  site 
december 2017 by piperh
Curated SEO Tools - Best SEO Tools Stash
collection of links to reference and tools relating to seo
webdesign  web  design  webdev  seo  marketing  serps  search  result  optimisation  tools  resource 
october 2017 by piperh
Monitor Domain & SSL Expiration, redirects and HTTP responses with Little Warden
makes a series of checks about site functionality: https, redirects, domain expiry, and more
webdesign  web  design  webdev  hosting  server  checks  monitor  tool  daily  monitoring 
october 2017 by piperh
Duck as a Service
A pay service offering live coders at $50/hr, via Skype or Google Hangouts, and using screen sharing
code  coding  webdev  coders  help  support  webdesign  web  design  solve  resolve  problem 
september 2017 by piperh
Yes, That Web Project Should Be a PWA · An A List Apart Article
A List Apart article, titled: Yes, That Web Project Should Be a PWA
webdesign  web  design  dev  webdev  pwa  progressive  app  https  service  worker 
september 2017 by piperh
Latency | Apex Software
Global latency testing tool. Gives results from various cities worldwide. Handy for testing server location I suppose.
webdesign  web  design  webdev  performance  speed  latency  global  worldwide  network  test  ping 
september 2017 by piperh
Remove Unused CSS Rules – Falkus.co
only decent tip seemed to be to use 'Web page performance' in Chrome dev tools, then look for 'Remove unused CSS rules'
webdesign  web  design  webdev  developemtn  code  coding  css  rules  used  unused  remove  performance  chrome  developer  tools  audits 
september 2017 by piperh
Top 7 Myths about HTTPS | HttpWatch BlogHttpWatch Blog
He/she begins: HTTPS caching is controllable with response headers just like HTTP
webdesign  web  design  webdev  development  http  https  security  cache  cacheing 
august 2017 by piperh
Web Audio Weekly
a newsletter on all things web audio
webdesign  web  design  webdev  development  audio 
june 2017 by piperh
« earlier      
per page:    204080120160

Copy this bookmark:





to read