Anoduck’s Das Wiki

Contents:

Web Dev Tools

# __        __   _       ____               _____           _
# \ \      / /__| |__   |  _ \  _____   __ |_   _|__   ___ | |___
#  \ \ /\ / / _ \ '_ \  | | | |/ _ \ \ / /   | |/ _ \ / _ \| / __|
#   \ V  V /  __/ |_) | | |_| |  __/\ V /    | | (_) | (_) | \__ \
#    \_/\_/ \___|_.__/  |____/ \___| \_/     |_|\___/ \___/|_|___/
#

Web Dev Tools

Tools for web development found useful

Htmlboilerplates.com

Is a site that really deserves some praise, and a donation if you can afford it, as it provides the very useful service of allowing users to generate their own HTML boilerplates. Users can simply visit the site, toggle the features to use in generating the boilerplate, and then simply copy and paste the generated template into a file of their chosing. This service was once very popular during the days when writing your own html files by hand were common, but it still is a great way to kickstart an html project.

HTMLBoilerplates

Holder.js

Official Site: Holderjs.com

Official Repo: holder.js github

Holder CDN: cdnjs Holder Library

(Directly from the site)

Holder renders image placeholders entirely in browser.

Placeholders can have custom colors, fonts, resizing behavior, and rendering engine (Canvas/SVG).

Placeholders.js

Official Repo: placeholders.js @ github
Official Site: Placeholders @ github-pages

As of writing this entry, has not been updated in over eight years. :(

Example

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Placeholders.js Default Config</title>
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
    </head>
    <body class="placeholder-example">
        <input type="text" placeholder="I have a placeholder!"><br>
        <input type="password" placeholder="Password placeholders!"><br>
        <textarea placeholder="Textareas too!"></textarea>
        <script src="assets/js/placeholders.min.js"></script>
    </body>
</html>

Lorem Flickr

Website: Lorem Flickr

Always cool, and always a favorite. This site shows you how to use their image placeholder service to generate placeholders out of random images from flickr.

Base url is: https://loremflickr.com/
Then add your desired dimensions, using /width/length: https://loremflickr.com/400/600

If desired you can use a search query to generate images pertaining to something.

For images relating to cats or dogs: https://loremflickr.com/400/600/cats,dogs
For images relating to cats and dogs: https://loremflickr.com/400/600/cats,dogs/all

W3 Schools

Website: W3 Schools

Originally w3 schools specifically focused on providing information and reference material to educate others to allow them to build their won html webpages. Over the years the knowledge base has grown, and now includes numerous programming languages, web frameworks, and even database syntax. It may not be exactly what you want, but it is considered a standard.

Coolors.co

Website: coolors.co

Awesome pallette generation site. Can perform generation of color schemes from uploaded images. Awesome random color scheme generation engine. Allows the saving and modification of previous made themes.

leonardo

Website: leonardocolor.io

Leonardo is a one of a kind tool for creating and managing color scheme systems for ui design, data visualization, and user interaction. It provides tools for color scheme creation, analysis, control, design and management of colors. Created by Adobe.

Ye Large List of Lipsum.

https://www.broipsum.com/
https://placehodler.shapelabs.co/
https://trumpipsum.net/
https://loremipsum.io/ultimate-list-of-lorem-ipsum-generators/