recentpopularlog in

piperh : development   147

« 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
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
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
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
Web Payments Overview  |  Web Fundamentals  |  Google Developers
1st para: Web Payments is an emerging web standard being developed by the W3C.
An introduction
web  dev  development  payments  ecommerce  standard  checkout  browser 
november 2018 by piperh
Site Search with Elasticsearch & Swiftype | Elastic
they say: Create and manage a search experience tailored to your specific needs in no time, thanks to seamless indexing, best-in-class relevance and intuitive customization features.
Has a 14-day free trial. Impossible to find their pricing for the service
web  development  dev  search  site  sitesearch  elastic  ecommerce  content 
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
Inaccessibility of CAPTCHA
Inaccessibility of CAPTCHA
Alternatives to Visual Turing Tests on the Web
webdesign  web  design  development  captcha  accessibility  access 
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
Accessibility inspector - Firefox Developer Tools | MDN
A brief guide to the Accessibility Inspector in Firefox. They say: This article takes you through the main features of the accessibility inspector and how to use it.
webdesign  web  design  accessible  accessibility  firefox  development  tool  inspector  browser 
july 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
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
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
Assortment - For the practical developer
Assortment aims to provide detailed tutorials (and more) for developers of all skill levels
webdesign  web  design  tutorials  tips  development  code  coding 
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
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
A Complete Guide To Switching From HTTP To HTTPS – Smashing Magazine
insanely in-depth guide to https, but useful. very detailed instructions, hopefully many you'll never need to know
webdev  development  security  server  https  certificate  letsencrypt  encrypt  encryption 
june 2017 by piperh
Griddy
a css grid playground. Change values and new display and code is generated. Handy for understanding how it works and getting the code generated for you. 21.5.17 works in Firefox not my Chrome (haven't tried Safari or Edge)
webdesign  web  design  tool  css  grid  online  code  generator  display  learn  development 
may 2017 by piperh
Web Developer Security Checklist – Simple Security
a complicated list of security points, most of which I don't understand
webdev  development  web  security  checklist 
may 2017 by piperh
Semantic UI
they say: Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. Looks interesting - some ready-built js for things like accordion
webdesign  web  design  framework  structure  development  theme  ui  code  coding  html  css 
may 2017 by piperh
5 Technical SEO Traps to Dodge — SitePoint
Sitepoint article on common seo errors - tips for correcting
webdesign  web  design  development  webdev  seo 
may 2017 by piperh
Serving Static Content from a Cookieless Domain - Ravelrumba by Rob Flaherty
Article found after using pingdom and when searching for “Serve static content from a cookieless domain". Clear explanation of what it is. Article is 7 years old
webdesign  web  design  development  server  http  cookieless  domain  cname  static  content  serve  optimization  performance 
april 2017 by piperh
GitHub - callmecavs/gotem: Copy to clipboard for modern browsers in less than 1kb.
vanilla js lib to add copy to clipboard functionality to a web page in the browser
webdesign  web  design  development  javascript  js  library  copy  clipboard  function 
march 2017 by piperh
Which Responsive Design Framework Is Best? Of Course, It Depends. – Smashing Magazine
comparison of a few popular responsive web design frameworks, ie, foundation, bootstrap and uikit
webdesign  web  design  framework  grid  template  bootstrap  foundation  ui  development  construction 
march 2017 by piperh
Easiest Form2Mail
a form to email php package, free
webdesign  web  design  webdev  development  form  email  formtomail  php  free 
march 2017 by piperh
HTML Event Attributes
w3schools page about event attributes. Could be useful in making the medicar form modal
webdesign  web  design  html  attributes  event  js  javascript  script  w3schools  code  coding  development 
january 2017 by piperh
Reduce email development time by hours » MailDeveloper
online tool for building html emails. Free and paid versions
email  html  online  tool  mail  design  development 
january 2017 by piperh
LiveReload
app that provides live reloading for browsers. See changes to html and css when you save a file
webdesign  web  design  tool  extension  app  chrome  mac  browser  firefox  live  reload  development 
january 2017 by piperh
Are PDFs Optimal For SEO? The Pros And Cons
article discussing pros and cons of pdf pages versus html pages in respect of google search and index
webdev  web  development  seo  pdf  google  search  serps  engine  results  index  content 
january 2017 by piperh
Managing Your Content Management System · An A List Apart Article
article about cms setup and permissions, field types, etc. Was linked from Rachel Andrew Perch blog. Has some links to other articles about cms structure
webdesign  web  design  cms  development  content  management  system  structure  configuration  perch 
january 2017 by piperh
Front-End Performance Checklist 2017 (PDF, Apple Pages) – Smashing Magazine
not all relevant for me but good links to pshop webp plugins and articles about cacheing and a few other bits. Some points are seriously geeky and require a lot of other reading to understand, but the time might be well spent if you're working on a heavy complicated site.
webdesign  web  design  performance  speed  cache  cacheing  webp  development  checklist  list 
december 2016 by piperh
Sequel Pro
Software I used on 21.12.16 to import medicarrera database to the arsys host
web  development  database  webdev  mysql  sql  sequel  connect  upload  import  export  db 
december 2016 by piperh
CodeKit - THE Mac App For Web Developers
interesting app for automating site builds, compressing, linting, combining. Has lots more stuff than I need.
webdesign  web  design  code  coding  webdev  development  build  develop  app  tool  workflow 
november 2016 by piperh
MarkApp: Building apps with HTML
a list of js libraries, with or without jQuery, that are easy to install and ready to go, and only require adjustment via the html, no js knowledge needed. Curated by Lea Verou
webdesign  web  design  js  javascript  html  library  list  collection  code  coding  development  resources 
september 2016 by piperh
25 Essential Chrome Extensions for Web Designers - Envato
a '25 best' list of extensions for Chrome. Specially interesting maybe 'font ninja' which enables downloading of fonts
webdesign  web  design  development  chrome  google  browser  extensions  font  webfont  information  tools 
august 2016 by piperh
Website Grader
online grading tool for website performance giving results on different aspects like http requests, speed etc. Looks a bit schoolboyish but there may be some useful tips
webdesign  web  design  webdev  performance  analysis  grade  grading  website  development  seo  speed 
july 2016 by piperh
« earlier      
per page:    204080120160

Copy this bookmark:





to read