The Wiert Corner – irregular stream of stuff

Jeroen W. Pluimers on .NET, C#, Delphi, databases, and personal interests

  • My badges

  • Twitter Updates

  • My Flickr Stream

  • Pages

  • All categories

  • Enter your email address to subscribe to this blog and receive notifications of new posts by email.

    Join 2,118 other followers

Archive for the ‘Web Development’ Category

Dimensions – Chrome Web Store

Posted by jpluimers on 2020/10/13

[WayBack/Archive.isDimensions – Chrome Web Store: A tool for designers to measure screen dimensions

This extension measures the dimensions from your mouse pointer up/down and left/right until it hits a border. So if you want to measure distances between elements on a website this is perfect. It doesn’t really work with images because there the colors change a lot pixel to pixel.

# Images & HTML Elements

Measure between the following elements: images, input-fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser.

# Mockups

Your designer handed you mockups as PNGs or JPEGs? Just drop them into Chrome, activate Dimensions and start measuring.

# Keyboard Shortcut

You can start and stop dimensions with the ALT + D shortcut.

# Area Boundaries

Wanna get the radius of a circle? Is text standing in your way? Press Alt to measure the dimensions of a connected area.

–jeroen

Via:

Posted in Chrome, Chrome, Development, Google, HTML, Power User, Software Development, Web Browsers, Web Development | Leave a Comment »

Peeking under the hood of redesigned Gmail – Boris – Medium

Posted by jpluimers on 2020/06/25

From a while back, but still relevant as the speed of the GMail web-UI still has not improved.

[WayBack/Archive.is] Peeking under the hood of redesigned Gmail – Boris – Medium

Via:

–jeroen

Read the rest of this entry »

Posted in CSS, Development, GMail, Google, HTML, JavaScript/ECMAScript, Power User, Scripting, Software Development, Web Development | Leave a Comment »

Squoosh: Compress and compare images with different codecs, right in your browser

Posted by jpluimers on 2020/06/10

Cool tool: [WayBack] Squoosh Compress and compare images with different codecs, right in your browser

Source at [WayBack] GitHub – GoogleChromeLabs/squoosh: Make images smaller using best-in-class codecs, right in the browser.

Via: [WayBack] Google releases an easy way to shrink and convert images for the internet — Mike Elgan

–jeroen

Posted in Development, Power User, Software Development, Web Browsers, Web Development | Leave a Comment »

GitHub – kzahel/web-server-chrome: An HTTP Web Server for Chrome (chrome.sockets API)

Posted by jpluimers on 2020/06/01

Cool: [WayBack] GitHub – kzahel/web-server-chrome: An HTTP Web Server for Chrome (chrome.sockets API)

This allows you to develop HTTP applications that live in Chrome:

[Archive.is1/Archive.is2Web Server for Chrome – Chrome Web Store: A Web Server for Chrome, serves web pages from a local folder over the network, using HTTP. Runs offline.

Of course you could to python -m SimpleHTTPServer 8888 or python -m http.server 8888, but this runs within chrome and can be used from inside JavaScript projects.

Features

  • serve local files
  • configure listening port
  • configure listening interface (e.g. localhost or all interfaces)
  • custom http handlers possible
  • websocket support available
  • works nice with chrome.runtime.onSuspend
  • options for autostart, start in background, etc etc.
  • handles range requests, HEAD, etc
  • options for CORS
  • optional PUT, DELETE request (for upload files)
  • sets MIME types
  • can render directory listing
  • See relevant options: https://github.com/kzahel/web-server-chrome/blob/master/polymer-ui/options.js

Via [WayBack] This is super useful: A# web #server that runs in #Chrome! Makes it super easy to do local web dev without the hassle of setting up a complex back end s… – Jason Mayes – Google+

–jeroen

Posted in Chrome, Development, Google, JavaScript/ECMAScript, Power User, Scripting, Software Development, Web Development | Leave a Comment »

Beyond console.log() – Matt Burgess – Medium

Posted by jpluimers on 2020/05/26

Not yet structured logging, but it brings more structure to your console.log() output:

There is more to debugging JavaScript than console.log to output values. It might seem obvious I’m going to pimp the debugger, but…

[WayBack]: Beyond console.log() – Matt Burgess – Medium

Via: [WayBack] Really useful article for #JavaScript developers: Going beyond #console.log for #debugging and #logging. Some gold i nthis article that may just save yo… – Jason Mayes – Google+

–jeroen

Posted in Development, JavaScript/ECMAScript, Scripting, Software Development, Web Development | Leave a Comment »

 
%d bloggers like this: