recentpopularlog in

piperh : tool   253

« earlier  
PaperCall.io
they say: PaperCall enables event organizers to easily manage their call for papers and talk submissions. Speakers are already using PaperCall to manage their talks, are you ready to hear from them?
speaker  event  congress  call  for  papers  organise  organiser  conference  meeting  submission  talk  tool 
7 days ago by piperh
Library Detector - Chrome Web Store
Chrome extension: detects and shows js libraries functioning in a site
webdesign  web  design  webdev  js  javascript  script  library  tool  extension  chrome 
4 weeks ago by piperh
brumm.af
online tool to set a smooth box-shadow: get extra smoothness by using shadow layers and controlling their transparency, distance, spread and blur. Generates the code
webdesign  web  design  shadow  smooth  online  tool  box-shadow  generator  code 
4 weeks ago by piperh
Animista
online tool to create css animation effects. Lots of them
webdesign  web  design  animate  animation  effect  css  online  tool  generate  code  transition 
12 weeks ago by piperh
CSS Photo Filter Playground - Outpan
online tool to apply filters and overlays on images - test then use the code
webdesign  web  design  graphic  image  photo  overlay  filter  css  online  tool  experiment  test  apply  view 
12 weeks ago by piperh
HTML minifier
an online html minifier with minifying options, including minifying inline css and js
webdesign  web  design  webdev  html  minify  minifier  performance  speed  pageload  optimization  tool 
october 2019 by piperh
Wappler - The Visual Web App Creator
sort of competition to DW. A visual web design tool for designers, based on bootstrap. Drag and drop?
webdesign  web  design  wysiwyg  builder  visual  tool  bootstrap 
september 2019 by piperh
xScope • Measure. Inspect. Test.
an Inspect/Measure/Test tool for design. $50
webdesign  web  design  graphic  tool  inspect  measure  test 
august 2019 by piperh
Who Is Hosting This Site? Free Tool
shows hosting for a site and a few other useful bits, eg WP theme
hosting  whois  information  info  host  hoster  webite  tool 
august 2019 by piperh
Pie Chart Maker | Easily create beautiful pie charts
they say: easily create custom pie charts
Use this tool to generate custom pie charts. Choose colors, patterns, and lots more to better illustrate your data.
You can convert to jpg, png or embed animated version in website
web  graphic  design  chart  pie  generator  tool  generate 
august 2019 by piperh
CSS Filters
codepen that shows effects of different css filters on an image
webdesign  web  design  css  filter  colour  tool  test  online  effect 
august 2019 by piperh
Polypane: The browser for responsive web development and design
paid tool for showing different screen sizes for testing responsive. You see several sizes together in one window, all respond to code edits. 7 day free trial available. It's a browser, you must use it with a coding tool
webdesign  web  design  responsive  screen  size  test  browser  device  window  tool 
june 2019 by piperh
CSS Transform Functions Visualizer
handy tool for previewing and generating css transforms, especially for 3D stuff.
webdesign  web  design  css  generator  tool  transform  scale  3d  perspective  skew  animation 
june 2019 by piperh
CSS Grid Generator
css grid code generator, built by Sarah Drasner. Fairly basic perhaps but good starting point. I wonder what happens to box depths when you start adding content
webdesign  web  design  tool  online  generator  css  grid  code  webdev 
june 2019 by piperh
cubic-bezier(.17,.67,.83,.67) ✿ cubic-bezier.com
visual tool to generate cubic-bezier curve and copy the values for your css
webdesign  web  design  online  tool  cubic-bezier  cubic  bezier  curve  ease  css 
may 2019 by piperh
cubic-bezier(.17,.67,.83,.67) ✿ cubic-bezier.com
visual tool to generate cubic-bezier curve and copy the values for your css
webdesign  web  design  online  tool  cubic-bezier  cubic  bezier  curve  ease  css 
may 2019 by piperh
Image compression to the smallest file size possible – Compress-Or-Die
online image compression tool. Author is seriously techy and claims it's the best online tool. See his articles about png and jpeg
!! In some usage I saw that colours were really oversaturated and lightened - if you use this, test further with interface colour settings
webdesign  web  design  graphic  image  photo  jpeg  jpg  png  webp  gif  obj  optimise  optimisation  compress  compression  tool  online 
may 2019 by piperh
Make it hard to screw up driven development | CSS-Tricks
collection of tools for validating, checking and testing code
webdesign  web  design  tool  online  lint  automated  test  testing  valid  validate  code  html 
april 2019 by piperh
Flexulator
neat tool to play with flex-basis, grow and shrink and see the effect immediately
webdesign  web  design  css  flex  flexbox  online  tool  shrink  grow  basis 
april 2019 by piperh
SVG Sprite Generator
online svg sprite creator - drop SVG files to create the sprite
webdesign  web  design  sprite  svg  online  tool  creator 
april 2019 by piperh
Palettte App
a curious tool for generating colour code - with sliders for each of hue, saturation and lightness - cool for instantly seeing the effect of changing values
color  colour  value  code  hsl  hsv  rgb  hex  palette  tool  webdesign  web  design  graphic 
february 2019 by piperh
Shapy | Gradient Generator
gradient shape editor that generates the css code
webdesign  web  design  css  gradient  tool  editor  generator  code  experiment  try  test 
february 2019 by piperh
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 
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
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 
november 2018 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 
november 2018 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.
Doesn't work with Epic - use Firefox or Chrome.
squoosh  image  compression  compress  photo  artwork  svg  tool  google 
november 2018 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 
november 2018 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 
october 2018 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, not quite cheap enough to be a no-brainer
webdesign  web  design  tool  inspect  computed  css  copy  style 
september 2018 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 
september 2018 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 
september 2018 by piperh
Icon Transition Generator
online tool to generate code for a transition between two svg icons. Uses js.
Works well but hover effect uses mouseenter so you must leave and re-enter to get back to original shape. How to activate on mouseleave?
webdesign  web  design  icon  transition  two  2  svg  vector  animation  animate  morph  tool  online 
september 2018 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
Clippy — CSS clip-path maker
handy code generator for css clip-path. Live demo of result + copyable code. (Use this to generate polygons for css shape-outside?).
Says transitions are poss with 2 clip paths with same number of points. Also says you can svg source to generate path (I think u can't use beziers)
webdesign  web  design  code  coding  clip-path  image  css  generator  shape  points  path  clip  clipping  tool  animation 
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  share  sharing  sending  encryption 
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 - good for minimising FOUT / FOUC changes
webdesign  web  design  tool  font  webfont  @font-face  css  code  coding  compare  fout 
may 2017 by piperh
« earlier      
per page:    204080120160

Copy this bookmark:





to read