tiny-helpers-–-collection-of-free-online-tools-for-web-developers
  • Screenshot of Accessible Brand Colors

    Accessible Brand Colors

    Evaluate the ADA compliance of your brand’s color palette.

    Go to Accessible Brand Colors

  • Screenshot of AST explorer

    AST explorer

    Explore the ASTs generated by various parsers

    Made by

    • GitHub profile image of fkling

    Go to AST explorer

  • Screenshot of BA Rows To Columns

    BA Rows To Columns

    Transform rows to columns and viceversa

    Made by

    • GitHub profile image of brakon

    Go to BA Rows To Columns

  • Screenshot of Base64 Converter

    Base64 Converter

    Base64 encode everything

    Made by

    • GitHub profile image of progers

    Go to Base64 Converter

  • Screenshot of Batch 301

    Batch 301

    Validate a collection of urls redirect chain and status codes

    Made by

    • GitHub profile image of moshie

    Go to Batch 301

  • Screenshot of carbon

    carbon

    Create and share beautiful images of your source code

    Go to carbon

  • Screenshot of Clippy

    Clippy

    Create CSS clip paths

    Made by

    • GitHub profile image of bennettfeely

    Go to Clippy

  • Screenshot of Color.review

    Color.review

    Check your color contrast

    Go to Color.review

  • Screenshot of Contrast Checker

    Contrast Checker

    Check your color palette for accessible combinations

    Made by

    • GitHub profile image of crgeary

    Go to Contrast Checker

  • Screenshot of Eightshapes Contrast Grid

    Eightshapes Contrast Grid

    Test many foreground and background color combos for compliance with WCAG 2.0 minimum contrast.

    Go to Eightshapes Contrast Grid

  • Screenshot of cryptii.com

    cryptii.com

    Convert and encode text quickly

    Made by

    • GitHub profile image of ffraenz

    Go to cryptii.com

  • Screenshot of CSS Cursors

    CSS Cursors

    Have a look at all these CSS Cursors

    Made by

    • GitHub profile image of wesbos

    Go to CSS Cursors

  • Screenshot of CSS Grid Generator

    CSS Grid Generator

    Define and generate code for CSS Grid layouts

    Made by

    • GitHub profile image of sdras

    Go to CSS Grid Generator

  • Screenshot of CSS Scroll Shadows

    CSS Scroll Shadows

    Create CSS scroll shadows

    Made by

    • GitHub profile image of stefanjudis

    Go to CSS Scroll Shadows

  • Screenshot of CSS Stats

    CSS Stats

    Analytize and visualize your stylesheets

    Go to CSS Stats

  • Screenshot of CSS Triangle Generator

    CSS Triangle Generator

    Create CSS-only triangles

    Go to CSS Triangle Generator

  • Screenshot of cubic-bezier

    cubic-bezier

    Create and compare different animation bezier settings

    Made by

    • GitHub profile image of LeaVerou

    Go to cubic-bezier

  • Screenshot of Explain Shell

    Explain Shell

    Write down a command-line to see the help text that matches each argument

    Made by

    • GitHub profile image of idank

    Go to Explain Shell

  • Screenshot of extractCSS

    extractCSS

    Extract CSS from HTML with ease

    Made by

    • GitHub profile image of adnantopal

    Go to extractCSS

  • Screenshot of Fancy-Border-Radius

    Fancy-Border-Radius

    Build organic shapes with CSS border-radius

    Made by

    • GitHub profile image of enbee81

    Go to Fancy-Border-Radius

  • Screenshot of Favicon Generator. For real.

    Favicon Generator. For real.

    Generate favicons for all platforms

    Go to Favicon Generator. For real.

  • Screenshot of favicon.io

    favicon.io

    Create a facivon in a few clicks

    Go to favicon.io

  • Screenshot of Flexy Boxes

    Flexy Boxes

    Play with flexbox and generate code

    Made by

    • GitHub profile image of peteboere

    Go to Flexy Boxes

  • Screenshot of Font Squirrel Webfont Generator

    Font Squirrel Webfont Generator

    Modify, improve, trim, change and export your fonts in modern formats

    Go to Font Squirrel Webfont Generator

  • Screenshot of FontDrop!

    FontDrop!

    View the content of a font file

    Made by

    • GitHub profile image of raphaelbastide

    Go to FontDrop!

  • Screenshot of Fonty

    Fonty

    Test web fonts directly on live sites

    Go to Fonty

  • Screenshot of google-webfonts-helper

    google-webfonts-helper

    Self host your Google Fonts

    Made by

    • GitHub profile image of majodev

    Go to google-webfonts-helper

  • Screenshot of Hero Patterns

    Hero Patterns

    Find SVG background patterns for you to use on your web projects.

    Made by

    • GitHub profile image of sschoger

    Go to Hero Patterns

  • Screenshot of HTTProfile

    HTTProfile

    Profile HTTP servers and endpoints

    Made by

    • GitHub profile image of tommyschaefer

    Go to HTTProfile

  • Screenshot of JavaScript Array Explorer

    JavaScript Array Explorer

    Find the array method you need without digging through the docs

    Made by

    • GitHub profile image of sdras

    Go to JavaScript Array Explorer

  • Screenshot of Json Web Token (jwt.io) Debugger

    Json Web Token (jwt.io) Debugger

    Debug, Validate Json Web tokens (jwt)

    Go to Json Web Token (jwt.io) Debugger

  • Screenshot of Let's Enhance.io

    Let’s Enhance.io

    Improve colors, remove compression and upscale your image

    Go to Let’s Enhance.io

  • Screenshot of Maskable.app

    Maskable.app

    Preview and create maskable icons in the browser

    Made by

    • GitHub profile image of NotWoods

    Go to Maskable.app

  • Screenshot of Meta Tags

    Meta Tags

    With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!

    Made by

    • GitHub profile image of moeamaya

    Go to Meta Tags

  • Screenshot of Mocky

    Mocky

    Mock your HTTP responses to test your REST API

    Made by

    • GitHub profile image of julien-lafont

    Go to Mocky

  • Screenshot of Nicen

    Nicen

    Make your code look nicer

    Made by

    • GitHub profile image of akx

    Go to Nicen

  • Screenshot of Postwoman

    Postwoman

    Create and make requests faster and save time on your development

    Made by

    • GitHub profile image of liyasthomas

    Go to Postwoman

  • Screenshot of RegExr

    RegExr

    Learn, build, & test Regular Expressions

    Made by

    • GitHub profile image of gskinner

    Go to RegExr

  • Screenshot of regular expresssions 101

    regular expresssions 101

    Learn, build, & test Regular Expressions

    Made by

    • GitHub profile image of firasdib

    Go to regular expresssions 101

  • Screenshot of removebg

    removebg

    Remove backgrounds 100% automatically in 5 seconds with zero clicks

    Go to removebg

  • Screenshot of Responsive Breakpoints

    Responsive Breakpoints

    Create responsive breakpoints for your images and get the adequate HTML them

    Go to Responsive Breakpoints

  • Screenshot of Shadows

    Shadows

    Create smooth CSS shadows

    Made by

    • GitHub profile image of brumm

    Go to Shadows

  • Screenshot of shapecatcher.com

    shapecatcher.com

    Draw a character and get the Unicode character glyph

    Go to shapecatcher.com

  • Screenshot of Shapy

    Shapy

    Discover and explore the power of CSS gradients

    Made by

    • GitHub profile image of vicbergquist

    Go to Shapy

  • Screenshot of Smart Swatch Generator

    Smart Swatch Generator

    Generate smart unique color palette without pain

    Made by

    • GitHub profile image of ivan-dalmet

    Go to Smart Swatch Generator

  • Screenshot of snippet generator

    snippet generator

    Generate snippets for VSCode, Sublime Text and Atom

    Made by

    • GitHub profile image of pawelgrzybek

    Go to snippet generator

  • Screenshot of Squoosh

    Squoosh

    Make images smaller using best-in-class codecs, right in the browser

    Go to Squoosh

  • Screenshot of SSL Server Test

    SSL Server Test

    Perform a deep analysis of the configuration of any SSL web server on the public Internet

    Go to SSL Server Test

  • Screenshot of SVGOMG

    Made by

    • GitHub profile image of jakearchibald

    Go to SVGOMG

  • Screenshot of Tailwind CSS Cheat Sheet

    Tailwind CSS Cheat Sheet

    Quick search through Tailwind classes and styles

    Made by

    • GitHub profile image of nerdcave

    Go to Tailwind CSS Cheat Sheet

  • Screenshot of tanaguru contrast finder

    tanaguru contrast finder

    Find good constrasts between two colors

    Made by

    • GitHub profile image of Tanaguru

    Go to tanaguru contrast finder

  • Screenshot of Tint & Shade Generator

    Tint & Shade Generator

    Display tints and shades of a given hex color in 10% increments

    Made by

    • GitHub profile image of edelstone

    Go to Tint & Shade Generator

  • Screenshot of Transform

    Transform

    Transform code into something else

    Made by

    • GitHub profile image of ritz078

    Go to Transform

  • Screenshot of type-scale

    type-scale

    Calculate your type scale visually

    Made by

    • GitHub profile image of jeremychurch

    Go to type-scale

  • Screenshot of Unicode Character Search

    Unicode Character Search

    Seach a Unicode Character

    Go to Unicode Character Search

  • Screenshot of Unicode Code Converter

    Unicode Code Converter

    Convert Unicode symbols into other formats

    Go to Unicode Code Converter

  • Screenshot of unilist

    unilist

    Have a look at the Unicode character list

    Made by

    • GitHub profile image of raphaelbastide

    Go to unilist

  • Screenshot of URL-encoder for SVG

    URL-encoder for SVG

    URL-encode your SVGs

    Made by

    • GitHub profile image of yoksel

    Go to URL-encoder for SVG

  • Screenshot of Wakamai Fondue

    Wakamai Fondue

    Inspect what your fonts can do

    Made by

    • GitHub profile image of RoelN

    Go to Wakamai Fondue

  • Screenshot of WhoCanUse

    WhoCanUse

    Check you color contrast ratio

    Made by

    • GitHub profile image of coreyginnivan

    Go to WhoCanUse

  • Screenshot of ⌘ C

    ⌘ C

    Copy special characters to your clipboard

    Go to ⌘ C

  • a-brilliant-collection-of-neon-designs-to-illuminate-your-creativity

    If you’re waiting for a lightning bolt of inspiration to hit, look no further—these neon inspired designs might just spark the creativity you were longing for. With the holiday season in full swing, we thought it’d be nice to bring you the bright festive lights in digital fashion. We hope you enjoy these neon vibes as much as we do, and that you shine bright like these Shots in the new year!

    1. Lucky You Lounge

    2. Craftsman neon

    3. Sun Barf

    4. RP Logo Usage

    5. All I peel is sadness

    6. Shades of the Blues

    7. Crystal Ball

    Row 1:
    Karli Ingersoll,
    Keith Davis Young,
    Vincent Conti for WeWork.
    Row 2:
    Drew Lakin for Guerilla Suit,
    Ryan Putnam,
    Danielle Bonnet.
    Row 3:
    Eder A Enciso,
    Sidney Howard for WeWork,
    Ryan Wattaul.

    1. Neon sign

    2. HOLA neon

    3. Nyc Sign

    4. Sonoma Brands Neon Sign

    5. Neon Rainbows

    6. EF Neon Signs

    7. Eastside Tech Hub - Installations

    Row 1:
    Jonathan Ball,
    Jake Dugard,
    Eric Friedensohn for WeWork.
    Row 2:
    Nick Slater for Asana,
    Jeanette Pidi,
    Lauren Dickens.
    Row 3:
    𝔐𝔞𝔱𝔱𝔦𝔢𝔩 𝔅𝔯𝔬𝔴𝔫 for Mailchimp,
    Jonathan Schubert,
    Chris Rogge for Favor Delivery.

    1. Warsaw Marmaid Neon

    2. Touch

    3. The Future is Bright!

    4. 25 Neon Monogram

    5. psychic neon sign

    6. Lightwell Neon Logo

    7. City Neon Collection

    8. Abstract Art Design

    9. Honey Neon Sign

    Row 1:
    Bartosz Włodarczyk,
    Diana Stoyanova,
    Viet Huynh for Slack.
    Row 2:
    Laura Dillema,
    Amy Liu,
    Lightwell.
    Row 3:
    Mauro Gatti,
    danjazzia,
    Patty Johnson.

    1. California Dreamin'

    2. Pizza is LIT

    3. Inktober- Day 15- Koala Neon Sign

    4. Open Neon Sign

    5. Pink Gorilla Neon Sign

    6. ' Pride ' Neon Sign

    7. Sungazer

    8. Electric Beast

    Row 1:
    Nick Brito,
    Daniel Crane,
    Alexandru Antonie.
    Row 2:
    Tad Kimball,
    Mainstay Graphic Design,
    NingZk V. for rawpixel.
    Row 3:
    Eric Friedensohn for WeWork,
    Petrick,
    Danielle Bonnet.

    1. Interstellar Saloon

    2. Neons

    3. Home of the Brave Neon Sign

    4. Subway Seats Neon

    5. Corgis in Space

    Row 1:
    Nhi Nguyen for Tilted Chair,
    Kyle Letendre,
    Tsuriel ☰.
    Row 2:
    Bifurk,
    Jon Contino,
    Stephanie Liang.
    Row 3:
    Sidney Howard for WeWork,
    Shannon Lamb,
    Elsa Jenna.


    Find more Inspiration stories on our blog Courtside.
    Have a suggestion? Contact stories@dribbble.com.

    collection:-graphic-design-resources

    Inspiration design resource. Design publications, graphic design inspiration, graphic design publications, photographic publications, cinema publications, art publications, culture and art publications, typography publications, font publications, font publications. Logo publications, emblem publications, logo design publications, visual identity publications, visual identity design publications, corporate identity publications, brand identity publications. Color information broadcasts, stock visual broadcasts, stock visual broadcasts, stock photo broadcasts, stock photo broadcasts, stock picture broadcasts, stock picture broadcasts, stock video broadcasts. Stock video broadcasts, designer publications, photographer publications, artist publications, image publications, illustration publications, illustrator publications, illustrator publications, music broadcasts. Radio broadcasts, photography publications, cinema broadcasts, designer publications, photographer publications, graphic designer publications, designer publications. Design sites, graphic design samples, graphic design sites, photo sites, cinema sites, art sites, culture and art sites, typography sites, font sites, font sites, logo sites, emblem sites. Logo design sites, visual identification sites, graphic design samples, visual identity design sites, corporate identity sites, brand identity sites, color information sites, stock visual sites, stock visual sites. Stock photo sites, stock photo sites, stock image sites, stock image sites, stock video sites, stock video sites, designer sites, photographer sites. Painter sites, image sites, illustration sites, illustrator sites, draws sites, music sites, radio sites, photography sites, cinema sites, designer sites, photographer sites, graphic designer sites, designer sites. Design archive, graphic design archive, photo archive, cinema archive, art archive, culture and art archive, typography archive, font archive, font archive, logo archive, emblem archive, archive design archive, visual identity archive. Visual identity design archive, corporate identity archive, brand identity archive, color information archive, stock visual archive, stock image archive. Stock Images Archive, stock images archive, stock images archive, stock images archive, stock video archive, stock video archive, designer archive, photographer archive, painter archive, image archive. Illustration archive, illustrator archive, illustrator archive, music archive, radio archive, photography archive, archive archive. Designer archive, photographer archive, graphic designer archive, designer archive.

    a-versatile-collection-of-fonts

    The Typographer’s Versatile Collection

    Meet The Typographer’s Versatile Collection a curated selection of 16 beautiful typefaces, each one featuring an endless selection of styles and weights to suit any design scenario. If you have been holding out it’s time to get yourself an extra something that will take your work to a new level with some of the most popular and versatile fonts available in today’s market. At least that’s what I try to tell myself when I buy it 🙂 All kidding aside it’s pretty interesting selection. Some of my favorites are:

    TT Tsars

    TT Tsars is a collection of serif display titling fonts that are stylized to resemble the fonts of the beginning, the middle and the end of the XVIII century. The TT Tsars font family consists of 20 fonts: 5 separate subfamilies, each of which consists of 4 fonts.

    TT Tsars font family consists of 20 fonts: 5 separate subfamilies, each of which consists of 4 fonts.

    TT Tsars font family consists of 20 fonts: 5 separate subfamilies, each of which consists of 4 fonts.

    Kristopher

    Elegant serif with contrast lines and balanced curves. A lot of stylish alternates will give you many useful variations for use. Try to play with compositions of curves/alternates letters with basic. It will good for Theatre or Art posters and the same good for Modern music web-pictures or vinyl covers. Of course it also will be well for coffee shops, cafe’s, restaurants, magazine’s headers, signs or gift/post cards and weddings.

    A lot of stylish alternates will give you many useful variations for use.

    A lot of stylish alternates will give you many useful variations for use.

    Riley

    Riley is a modern typeface inspired by vintage typography, making this typeface perfect for creating eye-catching headlines, striking editorials, and branding with personality. Riley brings a unique aesthetic to logos, invitations, graphic quotes, and more.

    Add style to your designs with Riley, a modern typeface with sweeping, bold letterforms and clean lines.

    Add style to your designs with Riley, a modern typeface with sweeping, bold letterforms and clean lines.

    These are only a few personal picks as there are a bunch of other styles included too. This font bundle from Designcuts is very versatile, from modernclassic stylish, to elegantboldstrong or playful. Chances are big you’ll find a good fit for your design. This collection is available for a limited time only at 99% off its original price. It’s only $29!

    Make sure you don’t miss it!