Skip to content

Instantly share code, notes, and snippets.

View nepsilon's full-sized avatar

James Pudson nepsilon

View GitHub Profile
@nepsilon
nepsilon / http-methods-it-s-not-only-about-get-and-post.md
Last active July 18, 2020 00:35
HTTP methods: It’s not only about GET and POST — First published in fullweb.io issue #76

HTTP methods: It’s not only about GET and POST

HTML forms let us only use GET and POST methods, but HTTP provides us with more:

  • HEAD It works like GET but will not return the body. Useful for checking if the resource is 404 or has been updated (via caching headers).

  • PUT A way for HTTP to tell "create or update if exist" the resource at this URL with my payload.

@nepsilon
nepsilon / understanding-http-status-codes.md
Created November 22, 2016 03:55
Understanding HTTP’s status codes — First published in fullweb.io issue #75

Understanding HTTP’s status codes

Following our series on HTTP, here is a quick note on HTTP status code, sent with the HTTP response. They are organized in 5 categories:

1xx Informational, ex:

  • 100 Continue used when doing a multi-part file upload
  • 101 Switching Protocol used when switching from HTTP to WebSocket

2xx Success, ex:

@nepsilon
nepsilon / understanding-http-transfer-encoding-chunked.md
Last active December 2, 2016 09:25
Understanding HTTP’s Transfer-Encoding: chunked — First published in fullweb.io issue #74

Understanding HTTP’s Transfer-Encoding: chunked

Simply put, Transfer-Encoding: chunked, in a HTTP response header, tells us the body will be received in several chunks.

This is ideal in 2 scenarios:

  1. When the size of the body isn’t known in advance, like when generating output from a database.
  2. When the size of the body is too big to be fully loaded in RAM before being sent to the client.

In practice, the body has each of its chunks separated with X\r\n, where X is the size of the chunk in hexadecimal. For instance:

@nepsilon
nepsilon / how-to-force-a-file-download-with-ningx.md
Last active January 10, 2022 05:29
How to force a file download with Nginx? — First published in fullweb.io issue #73

How to force a file download with Nginx?

In short:

add_header Content-Disposition 'attachment; filename="foo.txt"';

We’re just adding a Content-Disposition header in the response. You can specify the file name, here we’re using foo.txt.

@nepsilon
nepsilon / understanding-http-content-negotiation.md
Last active November 23, 2016 09:37
Understanding HTTP content negotiation — First published in fullweb.io issue #72

Understanding HTTP content negotiation

Content negotiation happens between the browser and the web server. It helps the server to know what content to send back.

It all works via different HTTP headers and can quickly become complex, but here is the gist of it:

1. Accept-Charset: Let the client set the charset (utf8, etc.) But isn't used in practice as all browsers supports most charsets and will just render the page based on the response.

@nepsilon
nepsilon / auto-backup-your-configuration-files-with-vim.md
Last active October 22, 2024 22:10
Auto-backup your configuration files with Vim — First published in fullweb.io issue #71

Auto-backup your configuration files with Vim

Not using versioning on your configuration files and editing them with Vim?

Use Vim’s backup option to automatically keep a copy of past versions. To put in your ~/.vimrc:

"Turn on backup option
set backup
@nepsilon
nepsilon / Use-$$()-not-$()-to-return-an-array-of-elements.md
Last active November 18, 2019 07:09
Use $$() not $() to return an array of elements — First published in fullweb.io issue #69

#Use $$() not $() to return an array of elements

A tip I read on Remy Sharp’s blog.

The Devtools console gives you access to the $() function (even if you don’t include jQuery/Zepto, etc). It’s nice but doesn’t help if you need to return a collection of elements.

That’s where you can use the $$() function, also provided by the console. And the best part is that it doesn't return a NodeList but a real Array.

@nepsilon
nepsilon / how-to re-attach-a-running-process-to-the-terminal.md
Last active October 11, 2016 09:30
How to re-attach a running process to the terminal 📺 — First published in fullweb.io issue #69

How to re-attach a running process to the terminal 📺

In short:

$ reptyr 123 will get the process with PID 123 and attach it to your terminal.

It will now accept input from stdin and output on stdout 👍.

Installation:




  


  




    


          
    

      

        
        

          

              @nepsilon
          

          

            
                nepsilon
                / 2-front-end-tips-to-keep-in-mind.md
            
            

              Last active
              May 28, 2024 22:29
            

              
                2 front-end tips to keep in mind — First published in fullweb.io issue #68
              
          

        

      

        

  

      

    
2 front-end tips to keep in mind


1. Stop using .innerHTML = ''; when removing children to a DOM element.


On modern browsers it seems to be about 400× (!!) slower than this DOM-friendly method:


while (el.firstChild)
    el.removeChild(el.firstChild);



  


  




    


          
    

      

        
        

          

              @nepsilon
          

          

            
                nepsilon
                / one-line-browser-notepad.md
            
            

              Created
              September 27, 2016 05:25
            

              
                 One-line browser notepad 📝 — First published in fullweb.io issue #67
              
          

        

      

        

  

      

    
One-line browser notepad 📝


Sometimes you just need to quickly take some notes.


A trick is to use the data: scheme with data:text/html to show just a piece of HTML in your browser.
Then using the mighty contentEditable to make the whole thing editable.


To copy/paste into your browser address bar:


data:text/html,<html contenteditable>