recentpopularlog in

piperh : development   174

« earlier  
SortableJS
js library for making reorderable drag-and-drop lists
webdesign  web  design  webdev  development  js  javascript  script  list  reorder  reorderable  drag  drop  drag-and-drop  sort 
11 weeks ago by piperh
The Typed Object Model
about using typed object model to access both css value and unit separately instead of as a string like '10px'. When I know js maybe this will be handy!?
webdesign  web  design  webdev  js  javascript  script  css  development  code  coding  typed  object  model  om  api 
11 weeks ago by piperh
Options for Hosting Your Own Non-JavaScript-Based Analytics | CSS-Tricks
Services other than GA for producing stats about visits. Statcounter is only mentioned in the comments. Some are for self-hosting
webdev  web  development  seo  stats  statistics  visitor  use  analytics  service 
november 2019 by piperh
Practical JavaScript | Watch and Code®
they say: Practical JavaScript
Build a strong JavaScript foundation for web development
Free to enrol
js  javascript  script  programming  learn  learning  webdev  web  development  free 
october 2019 by piperh
wehatecaptchas
alternative to google captcha that doesn't annoy users
captcha  webdev  web  development  security  antispam  protect  protection 
october 2019 by piperh
Optimize Images for Web - KeyCDN
not only about image compression tools and techniques but also image naming for SEO
webdesign  web  design  webdev  development  speed  performance  seo  image  optimise  optimisation  naming  tips 
october 2019 by piperh
How To Install WordPress Locally on Mac OSX - YouTube
handy video showing how to download WordPress for a local installation and create its database
webdesign  web  design  webdev  development  wordpress  local  mamp  localhost  locally  install  installation  site  mac  host  howto 
august 2019 by piperh
Native lazy-loading for the web  |  web.dev
about native lazy loading for images and iframes, by Google's web.dev pages.
end August 2019 only in Chrome.
webdesign  web  design  webdev  development  speed  performance  image  img  lazy  load  loading  css  lazyload  native  browser 
august 2019 by piperh
8 DOM features you didn’t know existed - LogRocket Blog
intro: take a closer look at some pure DOM and Web API features that work in modern browsers with no dependencies.
Some of this I may never need, but vanilla js smoothScroll tip is handy
webdesign  web  design  webdev  development  js  javascript  script  dom  smooth  scroll 
august 2019 by piperh
WPBeginner - Beginner's Guide for WordPress
great site for howto's and advice etc about installing wordpress and doing stuff
webdesign  web  design  development  webdev  wordpress  cms  howto  resources  tools 
august 2019 by piperh
Mal's Ecommerce - Home
hosted, addon type of shopping cart, unlimited products no restrictions, languages, currencies. Cart can be styled with uploaded css and logo, or with Premium version (not expensive) you can upload own template. Various possible payment gateways.
webdesign  web  design  ecommerce  webdev  development  online  shopping  cart 
july 2019 by piperh
Efficiently load JavaScript with defer and async
about using 'defer' and 'async' with script tag, and the position of the script.
webdesign  web  design  webdev  development  speed  performance  render  rendering  script  blocking 
july 2019 by piperh
Pixelcheetah
Analytics using HTTP requests. Will track a pixel request, then give you sql access to data via their 'Redash' based web dashboard and their api.
I suppose this is how lots of tracking is done if not with GA or Statcounter
webdev  web  development  tracking  stats  pixel  http  request  data 
june 2019 by piperh
Essential technical SEO audit tools | James Hubbard
article by a web marketing person, title: Essential technical SEO audit tools for in-depth website analysis
website  ranking  search  seo  audit  tools  analysis  reports  marketing  web  development  resources 
june 2019 by piperh
Grav - A Modern Flat-File CMS | Official home of Grav CMS
a flat-file cms. Maybe similar to Kirby? No database required,, content is stored in files
webdesign  web  design  webdev  development  cms  flat  file  flat-file  grav 
june 2019 by piperh
Redirect according to browser language: mod rewrite and HTTP_ACCEPT_LANGUAGE | Michal Borychowski
possible methos - and also offers solution to the always-redirected-away-from-home-page problem
webdesign  web  design  webdev  development  browser  language  redirect  http  htaccess 
may 2019 by piperh
Keybase
Secure groups, files, and chat for everyone. Encryption for group data
webdesign  web  design  webdev  development  security  encryption  encrypt  group  chat  data 
april 2019 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 
march 2019 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 
march 2019 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 
february 2019 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 
january 2019 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  private  selfhost 
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
« earlier      
per page:    204080120160

Copy this bookmark:





to read