If you're a web developer, you've probably had to make a user account system. The most important aspect of a user account system is how user passwords are protected. User account databases are hacked frequently, so you absolutely must do something to protect your users' passwords if your website is ever breached. The best way to protect passwords is to employ salted password hashing. This page will explain why it's done the way it is.

There are a lot of conflicting ideas and misconceptions on how to do password hashing properly, probably due to the abundance of misinformation on the web. Password hashing is one of those things that's so simple, but yet so many people get wrong. With this page, I hope to explain not only the correct way to do it, but why it should be done that way. //

To make it impossible for an attacker to create a lookup table for every possible salt, the salt must be long. A good rule of thumb is to use a salt that is the same size as the output of the hash function. For example, the output of SHA256 is 256 bits (32 bytes), so the salt should be at least 32 random bytes.

Quickly generate your favicon from an image by uploading your image below. Download your favicon in the most up to date formats.

Button Maker
Call it a badge, sticker, button, or whatever you'd like. Create yours below. Pick some colors, enter some text, and you'll get a button you can download for your site.

Every small-business owner should have a domain name and website—they are the foundation of your brand and your method to communicate with potential customers.

Your domain name and website are one of the primary ways that people find your business, discover what products and services you offer, find your contact details, and even transact business with you (e-commerce transactions).

If you're only starting your business now, then you're not expecting very much traffic, so you want to host a simple website. You can do that in Google Cloud, which makes the process very quick, easy, and inexpensive.
What you'll learn

• How to Create a CNAME record
• How to point that CNAME record to Cloud Storage
• How to create a Cloud Storage bucket named like your domain
• How to upload and set permissions on the static files for your website
• How to test your website

Prerequisites

• You need to be the owner/administrator of your domain.
• You need a Google Account.

A step-by-step guide to hosting a static website on Google Cloud Storage for better performance at a lower cost.

If you are hosting a static website (HTML/CSS/JS/Images), then you don’t need to bother about the cPanel web hosting plan to manage your site. Instead, you can use Google Cloud Storage (GCS), which will be cheaper, faster & easy to maintain.

A static site is suitable for personal, corporate, information page, or anything where you don’t expect to generate a transaction or dynamic content. It doesn’t need any server-side processing or database connectivity.

Why Google Cloud Storage?

It performs better at a lower cost.

You can host 10 GB of sites at multi-regional for high-availability for less than $1 per month.

SSG Site Pros

• Developer-Focused: Hand-coding websites is a pain in the Lance Bass. It's fun to be artisanal for a second, but once you get into dozens (hundreds, thousands) of pages, it becomes frustrating and confusing. On the dynamic side, manipulating WordPress and Squarespace to do all you know is possible can be frustrating (I know that the folks who work on these teams work very hard to improve dev experience as it's a weak spot in most dynamic site generators).
• Separation of Concerns: SSG sites maintain the separation of visual presentation and content. You can continue to write new content as Markdown files without manually applying styling to it as you would with a hand-coded static site.
• Reusable: Global changes to templates (e.g., blog post template) and components (e.g., navigation) are made by editing one file instead of many.
• Metadata: One of the most powerful aspects of SSGs is that it surfaces the metadata: the title of the page, published date, site taxonomy, hero image, etc, can be defined and changed without touching the templates themselves, reinforcing the separation of concerns. Metadata is surfaced in something called front matter, which allows the content maintainer to add and customised data to the literal front of their file. (I'll talk more about this and show examples when we dive into Eleventy's structure in part II.)
• Lean: As with a static site, the delivered files are what they are. It takes up less room on the internet, which is minimalist and aligns with our designer ways (rerolls turtleneck collar).
• Fast: Lessening the number of server requests means your site will be faster, which improves your SEO and user experience, providing better access to more users.
• Economic: Most SSGs are free to set up.
• Asset Management: On static sites, asset management is largely manual; you might run individual photos and CSS files through some processes. On dynamic sites, image handling is automated and quite dialed in by way of plug-ins and platform-wide support. Most SSGs include some sort of process for assets, including compiling, transpiling, minifying, and bundling assets. SSGs provide build processes for anything from photo management (serving appropriately sized images) to CSS minification (rewriting your CSS into what the browser needs to read rather than what's optimal for developers to read).
• Build Customisation: Most SSGs allow you to manipulate how the build process happens. So, if you want to see the site refresh live as you make edits, that's usually possible. If you want to check for specific linting processes, that's possible too.

This article was originally published in the July 1945 issue of The Atlantic Monthly. It is reproduced here with their permission.

As Director of the Office of Scientific Research and Development, Dr. Vannevar Bush has coördinated the activities of some six thousand leading American scientists in the application of science to warfare. In this significant article he holds up an incentive for scientists when the fighting has ceased. He urges that men of science should then turn to the massive task of making more accessible our bewildering store of knowledge. For many years inventions have extended man's physical powers rather than the powers of his mind. Trip hammers that multiply the fists, microscopes that sharpen the eye, and engines of destruction and detection are new results, but the end results, of modern science. Now, says Dr. Bush, instruments are at hand which, if properly developed, will give man access to and command over the inherited knowledge of the ages. The perfection of these pacific instruments should be the first objective of our scientists as they emerge from their war work. Like Emerson's famous address of 1837 on ``The American Scholar,'' this paper by Dr. Bush calls for a new relationship between thinking man and the sum of our knowledge.

• The Editor

This proposal concerns the management of general information about accelerators and experiments at CERN. It discusses the problems of loss of information about complex evolving systems and derives a solution based on a distributed hypertext system.

Overview

Many of the discussions of the future at CERN and the LHC era end with the question - ªYes, but how will we ever keep track of such a large project?º This proposal provides an answer to such questions. Firstly, it discusses the problem of information access at CERN. Then, it introduces the idea of linked information systems, and compares them with less flexible ways of finding information.

It then summarises my short experience with non-linear text systems known as ªhypertextº, describes what CERN needs from such a system, and what industry may provide. Finally, it suggests steps we should take to involve ourselves with hypertext now, so that individually and collectively we may understand what we are creating.

Losing Information at CERN

CERN is a wonderful organisation. It involves several thousand people, many of them very creative, all working toward common goals. Although they are nominally organised into a hierarchical management structure, this does not constrain the way people will communicate, and share information, equipment and software across groups. //

A problem, however, is the high turnover of people. When two years is a typical length of stay, information is constantly being lost. The introduction of the new people demands a fair amount of their time and that of others before they have any idea of what goes on. The technical details of past projects are sometimes lost forever, or only recovered after a detective investigation in an emergency. Often, the information has been recorded, it just cannot be found. //

The problems of information loss may be particularly acute at CERN, but in this case (as in certain others), CERN is a model in miniature of the rest of world in a few years time. CERN meets now some problems which the rest of the world will have to face soon. //

A solution: Hypertext
Personal Experience with Hypertext

In 1980, I wrote a program for keeping track of software with which I was involved in the PS control system. Called Enquire, it allowed one to store snippets of information, and to link related pieces together in any way. To find information, one progressed via the links from one sheet to another, rather like in the old computer game "adventure". I used this for my personal record of people and modules. It was similar to the application Hypercard produced more recently by Apple for the Macintosh. A difference was that Enquire, although lacking the fancy graphics, ran on a multiuser system, and allowed many people to access the same data. //

"Hypertext" is a term coined in the 1950s by Ted Nelson [...], which has become popular for these systems, although it is used to embrace two different ideas. One idea (which is relevant to this problem) is the concept: "Hypertext": Human-readable information linked together in an unconstrained way. //

We should work toward a universal linked information system, in which generality and portability are more important than fancy graphics techniques and complex extra facilities.

The aim would be to allow a place to be found for any information or reference which one felt was important, and a way of finding it afterwards. The result should be sufficiently attractive to use that it the information contained would grow past a critical threshold, so that the usefulness the scheme would in turn encourage its increased use.

The passing of this threshold accelerated by allowing large existing databases to be linked together and with new ones. //

I imagine that two people for 6 to 12 months would be sufficient for this phase of the project.

A second phase would almost certainly involve some programming in order to set up a real system at CERN on many machines. An important part of this, discussed below, is the integration of a hypertext system with existing data, so as to provide a universal system, and to achieve critical usefulness at an early stage.

(... and yes, this would provide an excellent project with which to try our new object oriented programming techniques!)

TBL March 1989, May 1990 //

Nelson, T.H. "Getting it out of our system" in Information Retrieval: A Critical Review", G. Schechter, ed. Thomson Books, Washington D.C., 1967, 191-210

Generative Placeholders

Use generative art as your image placeholders.
Choose the style

• cellular-automata: A pattern made up of colored cells. This is the default style and will be used if no other style is chosen.
• mondrian: Art in the style of Piet Mondrian.
• triangles: A colorful triangle mesh.
• circles: Circles packed together.
• tiles: A maze created using the 10 PRINT Commodore 64 generative art program.
• cubic-disarray: Inspired by the art of Georg Nees.
• joy-division: Inspired by Joy Division's Unknown Pleasures album cover.
• 123: Inspired by Vera Molnar's Un Deux Trois artwork.

A demonstration of what can be accomplished through CSS-based design. Select any style sheet from the list to load it into this page.

The Zen Garden aims to excite, inspire, and encourage participation. To begin, view some of the existing designs in the list. Clicking on any one will load the style sheet into this very page. The HTML remains the same, the only thing that has changed is the external CSS file. Yes, really.

CSS allows complete and total control over the style of a hypertext document. The only way this can be illustrated in a way that gets people excited is by demonstrating what it can truly be, once the reins are placed in the hands of those able to create beauty from structure. Designers and coders alike have contributed to the beauty of the web; we can always push it further.

We Host Web Sites

For as little as $0.25, you can set up web sites at NearlyFreeSpeech.NET, the masters of only pay for what you use hosting since 2002.

Social Bookmarking for Introverts

• Pinboard is a fast, no-nonsense bookmarking site for people who value privacy and speed.
• There are no ads and no third-party tracking. You pay a few bucks a year, and that's it.
• Pinboard lets you bookmark from any browser, connect up to three Twitter accounts (and favorites), and sync with popular services like Instapaper or Pocket.
• For a few more bucks a year, Pinboard offers an archiving service which saves a copy of everything you bookmark, gives you full-text search, and automatically checks your account for dead links.

ArchiveBox
The open-source self-hosted web archive.

ArchiveBox takes a list of website URLs you want to archive, and creates a local, static, browsable HTML clone of the content from those websites (it saves HTML, JS, media files, PDFs, images and more).

You can use it to preserve access to websites you care about by storing them locally offline. ArchiveBox imports lists of URLs, renders the pages in a headless, authenticated, user-scriptable browser, and then archives the content in multiple redundant common formats (HTML, PDF, PNG, WARC) that will last long after the originals disappear off the internet. It automatically extracts assets and media from pages and saves them in easily-accessible folders, with out-of-the-box support for extracting git repositories, audio, video, subtitles, images, PDFs, and more.

Your Daily Science Fiction, Fantasy & Entertainment Fixborg is the short form of cyborg, itself a shortened combination of the term “cybernetic organism.” At its core a cybernetic organism is the juxtaposition between the present and the future—the evolved organic meets future technology, usually technology meant to enhance, improve or replace a biological function.

Make any web page
Print Friendly & PDF

Gumroad helps
creators do more of
what they love.
We have sent over $208M to artists, designers, educators, writers, influencers and more.
Super-simple e-commerce and
audience-building software for creators.

Random User Generator

A free, open-source API for generating random user data. Like Lorem Ipsum, but for people.

minBlock.js

Is a Pure Javascript Canvas Implementation of Matrix Grid ( Primary Application was to Generate Github Like Random Avatar or Pixel Pattern)

using one php file to generate random avatar

• avater.php?hash=c4ca4238a0b923820dcc509a6f75849b&size=50

See https://www.metatek.org/avatar.php?hash=&size=50

Need to add a hash to the url parameter to generate random

Random Avatar Service.

Usage

http://avatar.3sd.me/size

size: image size(default: 30),limit size<=100

Example

http://avatar.3sd.me
http://avatar.3sd.me/40