recentpopularlog in

piperh : tool   218

« earlier  
Hustl - Create time-lapse videos of your Mac screen.
They say: Create awesome time-lapse videos of your Mac screen.
Might be handy for creating tutorial or similar. $15
web  graphic  design  showcase  teach  video  screen  screenshot  tutorial  tool  online 
18 days ago by piperh
Publii - Open-Source CMS for Static Site
they say: a new Static CMS with GUI to build an extremely
safe, fast and stylish HTML website
webdesign  web  design  cms  static  website  tool 
18 days ago by piperh
Squoosh
they say: Squoosh is an image compression web app that allows you to dive into the advanced options provided by various image compressors. A google project.
Anselm Hanneman says: lets you optimize images perfectly in your web browser. It’s made by the Google Chrome team and as a bonus you can also resize the image and choose which compression to use, including mozJPEG and WebP.
squoosh  image  compression  compress  photo  artwork  svg  tool  google 
18 days ago by piperh
Shrink Me - Compress JPG, PNG and WEBP Images
Ad-free online lossless image compressor that works offline.
image  compress  compressor  lossless  jpg  png  webp  compression  tool 
5 weeks ago by piperh
Favicon Checker—See how your favicon hold up across popular browsers, including native dark and light modes.
online tool: Compare your favicons on all major web browsers, including native dark and light modes.
webdesign  web  design  tool  online  favicon  check  checker  fav  icon 
7 weeks ago by piperh
CSS Scan - Check or copy computed CSS on hover
developer says: Inspect Element on steroids: study how things are made on the web in real-time and copy computed styles with no hassle (neither longhand styles).
You hover over an element and a tooltip shows the computed css. Looks handy
webdesign  web  design  tool  inspect  computed  css  copy  style 
11 weeks ago by piperh
Principle - Animated Design
they say: Principle makes it easy to design animated and interactive user interfaces.
$129 app for Mac, for creating animated interactions and flows
webdesign  web  design  animate  animated  interaction  flow  ui  effect  app  mac  tool  animation 
11 weeks ago by piperh
Make your web layouts bust out of the rectangle with the Firefox Shape Path Editor - Mozilla Hacks - the Web developer blog
about using firefox tool - shape path editor. Can't see why you'd use a firefox tool instead of just writing the css, but maybe when you learn more ...
webdesign  web  design  css  path  firefox  tool  shape  wrap  clip-path 
12 weeks ago by piperh
Icon Transition Generator
online tool to generate code for a transition between two svg icons. Uses js
webdesign  web  design  icon  transition  svg  vector  animation  animate  morph  tool  online 
12 weeks ago by piperh
Screely - Generate Beautiful Mockups
home headline: Instantly turn your screenshot into a beautiful design mockup. Outputs a png image. Can place false browser bar at top.
Not sure I understand the point of this. Maybe if you had lots of layouts it would be handy to make them look like screenshots
webdesign  web  design  layout  mockup  screenshot  tool  convert  image 
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
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
Duotone Effect Generator
you can upload photos and see instant duotone effects, and download treated image
design  graphic  image  photo  duotone  generator  colour  resource  tool  online 
june 2018 by piperh
Keyframes.app
installed into Chrome 5.6.18, works like it says, generates animation css code
webdesign  web  design  css  keyframes  animate  animation  app  extension  timeline  browser  tool  code  coding 
june 2018 by piperh
Origami Studio — Design Prototyping
an interaction design app from facebook, for Mac. Free
graphic  webdesign  web  design  origami  facebook  app  software  mac  ios  android  animate  animation  ui  ux  effect  tool 
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
Kapwing - The Online Video Editor
they say: The online video editor
Kapwing is a modern editor for videos, GIFs, and images. Try our free meme maker, resizer, subtitle maker, filters, and more
video  tool  edit  editing  online  software  subtitle  gif  image 
march 2018 by piperh
Fontanello – because you have a weak spot for fonts
extension for Firefox and Chrome that will show you font and applied styles
webdesign  web  design  font  type  typography  face  typeface  display  style  name  browser  extension  tool 
march 2018 by piperh
Ahrefs: Competitor Research Tools & SEO Backlink Checker
tool to check for backlinks and keyword ranking. $7, 7-day trial available, after that it's expensive - min $99 p/month. I think this service was mentioned by the seo presentar at cdmon event in cibernarium.
seo  links  inbound  external  marketing  tool  backlinks 
march 2018 by piperh
Unused CSS finder: detect unused CSS selectors in multiple pages
1.3.18 beta version, still testing they say. Find unused css
webdesign  web  design  css  unused  find  code  coding  tool  service 
march 2018 by piperh
SVG Animation Creator - Animate and Export SVG | SVGator
title says: Animate SVG easily. Import, animate and export. online tool lets you import a graphic, choose animation and will export the code
webdesign  web  design  animate  animation  svg  illustration  graphic  effect  import  export  online  tool 
february 2018 by piperh
GitHub - FullHuman/purgecss: Remove unused css
tool to purge unused css. Seems to need npm or other dependency to install, though I'm not sure, and don't understand how I would use it.
webdesign  web  design  css  purge  unused  tool  find  delete 
february 2018 by piperh
Tracy — From Paper to Vector
drag & drop online auto tracer, converts image to vector. Not tested, no idea how good it is.
scan  trace  vector  auto  online  app  application  svg  tool  image 
february 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
WhatTheFont! « MyFonts
myfonts online tool to identify a font
what  the  font  whatthefont  identify  tool  typography  type  design  database 
november 2017 by piperh
Word Counter — Count Words, Keywords and Pages
they say: Use our online tool for counting characters, words, sentences, paragraphs and pages in real time, along with keyword density and reading level.
Also have lorem ipsum generator
web  design  graphic  word  count  sentence  paragraph  keyword  meta  title  tool  lorem  ipsum 
november 2017 by piperh
Buttercup
a free password manager. But what happens when they lose interest in the project and it isn't updated ?
password  manager  security  encrypt  encrypted  manage  tool  app  desktop  mobile 
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
Firefox Send
seems like a weTransfer-like service by mozilla. File is deleted after 24hrs or 1 download. Use from any browser
send  file  transfer  upload  firefox  mozilla  tool  encrypted 
september 2017 by piperh
CSS Stats
online tool gives stats about css use on your urls
webdesign  web  design  stats  statistics  css  unique  styles  tool 
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
Font style matcher
online tool to compare and adjust font widths - helps to minimise fout layout changes. Allows you to adjust size and spacing so that fonts occupy similar space and cause least layout change
webdesign  web  design  tool  font  webfont  @font-face  css  code  coding  compare  fout 
may 2017 by piperh
Screaming Frog SEO Spider Tool & Crawler Software | Screaming Frog
SEO Spider Tool. They say: The Screaming Frog SEO Spider is a website crawler, that allows you to crawl websites’ URLs and fetch key onsite elements to analyse onsite SEO. Download for free, or purchase a licence for additional advanced features.
seo  spider  crawl  tool  url  links  analyse  resources  media  expernal  screaming  frog 
may 2017 by piperh
Espresso — The Web Editor for Mac
Espresso editor for web design. Newly rewritten April 2017
webdesign  web  design  espresso  html  css  editor  tool  software  app 
april 2017 by piperh
Animista
neat site showing css animations, with feature to change components and see the effect. Then generate the code and download
webdesign  web  design  animate  animation  css  code  playground  tool  generate  generator  experiment  live  effect  test 
march 2017 by piperh
Why No Padlock? - Why is my SSL web page insecure? Find the culprit!
online tool that will give info about your https security - eg, why no padlock
internet  web  https  secure  security  connection  online  tool  test  report  ssl  certificate  cert 
march 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
XRespond – Virtual Device Lab
site for testing sites on different devices and screen sizes
webdesign  web  design  test  device  responsive  site  online  tool  lab  virtual 
january 2017 by piperh
Making Responsive HTML Email Coding Easy With MJML – Smashing Magazine
SmashingMag article about a tool (online and ondisk) for making responsive mobile first html emails
design  html  email  tool  online  responsive  mobile  develop 
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
Flexible Boxes
web tool to generate code for flexbox layout
webdesign  web  design  flex  flexbox  code  coding  css  generator  generate  tool  online  layout 
december 2016 by piperh
Convert ttf to woff2 | Everything Fonts
converts ttf format font files to woff2 files
webdesign  web  design  font  conversion  ttf  woff2  type  format  tool 
december 2016 by piperh
structure.exposed
online tool that strips out all styling and shows page using browser defaults
webdesign  web  design  tool  online  structure  default  css  styles  browser  view  page  webpage  strip 
november 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
Musketeer
simple tester for media queries. Shows a site on 4 diff sizes. Seems to work well, allows js functionality, too. For a non-rwd site (eg Survey Design) it doesn't shrink down the page to fit the screen width like a real mobile would.
You must enter full address inc http://www.
webdesign  web  design  rwd  test  tester  screen  size  mobile  tablet  desktop  laptop  tool 
october 2016 by piperh
UnCSS Online!
online tool to remove unused css from html file. Be careful - remember that css that's not used on one page, might be used on another. Seems to me that this would only be really useful on a single page site
webdesign  web  design  css  used  unused  eliminate  delete  remove  tool  online  html 
october 2016 by piperh
UnCSS Online!
online tool for removing unused css on a page - useful for, say, the 404 page. On the other hand, it could create a new http request
webdesign  web  design  tool  online  uncss  css  code  coding  webdev  404  delete  remove  unused  html  webpage  styles 
august 2016 by piperh
Free Online Font Converter
online tool to convert font formats: .tt .otf .ps
webdesign  web  design  graphic  font  typography  format  convert  converter  tool  online 
july 2016 by piperh
Clippy — CSS clip-path maker
brilliant code generator for css clip-path.
20.7.16: BUT clip-path not supported in Firefox or Edge or any Explorer
webdesign  web  design  css  clip  clip-path  path  code  generator  generate  tool  online 
july 2016 by piperh
convert anything to anything - CloudConvert
online service to convert formats, they say: anything to anything
format  convert  conversion  online  web  tool 
june 2016 by piperh
How to use Chrome developer tools to test layouts | Creative Bloq
about using Chrome developer tools. Could be a handy tutorial to get familiar with them.
webdesign  web  design  html  css  tool  chrome  debug  live  change  test  sample  tryout 
june 2016 by piperh
CSS Inliner Tool | Email Design Reference
mailchimp's tool for inlining css - if you have css in the head of page, the tool will inline it everywhere. All the styles are left in <head> so if you media queries they will be left alone.
html  email  mailchimp  inline  tool  css  content  head  style  markup  convert  converter 
june 2016 by piperh
Closest Color
online tool allowing you to upload existing css and find the closest colour to a new one you want to add, then maybe you don't have to add the new one.
webdesign  web  design  graphic  colour  match  near  tool  online 
june 2016 by piperh
« earlier      
per page:    204080120160

Copy this bookmark:





to read