Search Linx
Search Linx by entering your search text above.
Font Awesome Icons [ Icons ] - CSS Bundle

Font Awesome Icons I have been using this awesome font library for so long now that i almos overlooked it as being such a stable web developer resource for an amazing set of icons and easy to..

10:39 pm, March 20, 2022

Daily Dev Tips

I write daily web development tips that help you become a more efficient software developer.

12:10 pm, January 18, 2022

CSS Background Patterns by MagicPattern

Patterns are everywhere! From your website to your favorite book cover. There're several pattern generators out there but most of them miss something. CSS background patterns come to the rescue with a..

4:17 am, November 16, 2021

GitHub - ganlanyuan/tiny-slider: Vanilla javascript slider for all purposes.

Tiny slider for all purposes, inspired by Owl Carousel[1]. Demos[2] Test results[3] Previous versions: v1, v0 Warning: tiny-slider works with static content and it works in the browser only. If th..

2:44 am, March 18, 2021

GitHub - jonasstrehle/supercookie: ⚠️ Browser fingerprinting via favicon!

Supercookie uses favicons to assign a unique identifier to website visitors.Unlike traditional tracking methods, this ID can be stored almost persiste..

1:02 am, February 7, 2021

URL-encoder for SVG

We can use SVG in CSS via data URI, but without encoding it works only in Webkit based browsers. If encode SVG using encodeURIComponent() it will work everywhere.SVG must have attribute..

5:25 am, December 11, 2020

Bootstrap Icons · Official open source SVG icon library for Bootstrap

For the first time ever, Bootstrap has its own icon library, custom designed and built for our components and documentation—and now available for any project. Bootstrap Icons are designed to work w..

11:48 pm, November 3, 2020

GitHub - kognise/water.css: A drop-in collection of CSS styles to make simple websites just a little nicer

🌊 A drop-in collection of CSS styles to make simple websites just a little nicer Goals Responsive Themeable Good browser support (works on my old kindle's browser :P) Tiny size Beau..

11:27 pm, November 1, 2020

Toggle light and dark themes in Bootstrap - DEV

In this article we will learn how we can easily toggle between light and dark theme. While theming in Bootstrap[1] can be done through it's built-in SASS variables, for this article we..

3:13 am, October 25, 2020

Deploy your Publish website for free on GitHub Pages - DEV

First things first, let's create a repository to host your website content. We'll call it mywebsite , which means it will be accessible at In..

12:32 am, August 31, 2020

Bootstrap · The most popular HTML, CSS, and JS library in the world.

Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, r..

1:28 am, August 26, 2020

GitHub - diegocard/awesome-html5: A curated list of awesome HTML5 resources

Sorry, Readability was unable to parse this page for content.

1:23 am, August 26, 2020

Fixing PHP SQLite database is locked warning - Unable to execute statement: database is locked [ php ] - KruXoR

Apparently this error is caused by not closing the database after using it.  Warning: SQLite3::query(): Unable to execute statement: database is locked. You can close the database using t..

1:14 am, August 26, 2020

free map embeds with markers

2:06 am, August 11, 2020

50 Developer tools to make your life a little easier

11:50 pm, July 27, 2020

12:40 am, July 15, 2020

GitHub - ForEvolve/bootstrap-dark: Bootstrap 4 dark theme that supports togging dark/light themes as well. There is no fluff, it changes the color of Bootstrap and that's it, no new thing to learn or unlearn, just Bootstrap, but Dark!

Bootstrap 4 dark theme that supports togging dark/light themes as well. There is no fluff, it changes the color of Bootstrap and that's it, no new thing to learn or unlearn, just Bootstrap, but Dark!..

5:59 am, July 10, 2020

Responsive Web Design Online Testing - isResponsive

These days, one is confronted with multiple browsers and device sizes whenever designing a website. Additional..

11:45 pm, June 16, 2020 · Low Poly Pattern Generator

Sorry, Readability was unable to parse this page for content.

5:32 am, June 12, 2020

Grid.js - Advanced table plugin

Sorry, Readability was unable to parse this page for content.

12:08 am, June 5, 2020

HEAD - A free guide to <head> elements

A list of everything that *could* go in the <head> of your document Table of Contents Recommended Minimum Below are the essential elements for any web document (websites/ap..

6:13 am, May 22, 2020

Roots | Modern WordPress Development Tools

Join over 6,000 subscribers on our newsletter to get the latest Roots updates, along with occasional tips on building better WordPress sites. Looking for WordPress plugin recommendati..

5:13 am, May 19, 2020

A Local Dev Tool For Every Project | Lando

Initialize a codebase to get a Landofile Here are a few examples... Interactively initialize your code Set up a mean recipe that runs on a particular port with a particular command Interactively c..

5:13 am, May 19, 2020


new.css Home[1] / GitHub[2] / Discord[3] This site is made from vanilla HTML and the default new.css theme. View Source[4] A classless CSS framework to write mo..

11:01 pm, May 18, 2020

Synchronized responsive testing, development, inspection | Vanamco

Ghostlab also supports you in developing your site. When you’re working on a local site, Ghostlab picks up any file changes and immediately refreshes the content on any connected device.You’re no ..

6:47 am, May 18, 2020

Gold Price Charts Widgets |

Bloggers and website editors, please find below our gold spot price widgets. Updated every minute and available in 119 currencies, they will allow your visitors to precisely monitor t..

10:21 pm, March 5, 2020 · Low Poly Pattern Generator

Sorry, Readability was unable to parse this page for content.

4:37 am, February 7, 2020

Special tags that Google understands - Search Console Help

3:43 am, December 11, 2019

404 Error Page Codepen

404 Error Page Codepen

10:17 pm, December 8, 2019

ScrollMagic ♥ Demo

ScrollMagic helps you to easily react to the user's current scroll position.It's the perfect library for you, if you want to ... ..

4:01 am, November 5, 2019

AOS - Animate on scroll library

AOS - Animate on scroll library Animate On Scroll Library Scroll down Fade <div data-aos="fade-up"></div> <div..

4:00 am, November 5, 2019

Font Awesome v4.7.0 - Icon Search Tool

Sorry, Readability was unable to parse this page for content.

12:02 am, November 4, 2019


Create and share beautiful images of your source code.Start typing or drop a file into the text area to get started.Sign in/upThemeLanguageBackground MenuSettings MenuTweetExportaboutsponsorfeedbackso..

2:23 am, October 28, 2019

Offers — LowEndTalk

Sorry, Readability was unable to parse this page for content.

1:48 am, October 23, 2019

Featherlight – The ultra slim jQuery lightbox.

Featherlight – The ultra slim jQuery lightbox. Featherlight is a very lightweight jQuery lightbox. Lightweight Featherlight is very, very ..

12:01 am, October 21, 2019

Tailwind CSS - A Utility-First CSS Framework for Rapidly Building Custom Designs

Utility-first They come with all sorts of predesigned components like buttons, cards, and alerts that might help you move quickly at first, but cause more pain than they cure when it ..

11:30 pm, October 7, 2019

HEAD - A free guide to &lt;head&gt; elements

A list of everything that *could* go in the <head> of your document Table of Contents Recommended Minimum Below are the essential elements for any web document (websites/..

10:49 pm, September 30, 2019

API Blueprint | API Blueprint

API Blueprint. A powerful high-level API description language for web APIs. API Blueprint is simple and accessible to everybody involved in the API lifecycle. Its syntax is concise yet expre..

3:26 am, September 30, 2019

Filtering Data Client-Side: Comparing CSS, jQuery, and React | CSS-Tricks

Say you have a list of 100 names: <ul> <li>Randy Hilpert</li> <li>Peggie Jacobi</li> <li>Ethelyn Nolan Sr.</li> <!-- and then..

5:50 am, September 25, 2019

CSS Quickies: CSS Variables - Or how you create a 🌞white/🌑dark theme easily - DEV Community 👩‍💻👨‍💻

What is CSS Quickes? I started to ask my beloved community on Instagram: "what CSS properties are confusing for you?" In "CSS Quickies" I will explain one CSS property in depth. T..

2:50 am, September 23, 2019

Responsive Slider Timeline

Responsive Slider Timeline

12:12 am, September 16, 2019

Colormind - the AI powered color palette generator

Colormind is a color scheme generator that uses deep learning. It can learn color styles from photographs, movies, and popular art. Different datasets are loaded each day, ..

5:36 am, September 11, 2019

Get Waves – Create SVG waves for your next design

4:09 am, September 11, 2019

Nuxt.js - The Vue.js Framework

Server Side Rendered (Universal) The most popular mode for Nuxt. With SSR, also called "universal" or "isomorphic" mode, a Node.js server will be used to deliver HTML based on your Vue components to t..

11:40 pm, September 5, 2019

CodeSandbox: Online Code Editor Tailored for Web Application Development

Live CollaborationEdit sandboxes together in real time, Google Docs style. Use Classroom Mode to control who can make edits.Jest IntegrationWe automatically run Jest tests and show the results with an..

11:39 pm, September 5, 2019

Hover.css - A collection of CSS3 powered hover effects

Fork me on GitHub[1] A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just u..

12:55 am, September 4, 2019

Live.js - One script closer to Designing in the Browser

Live.js - One script closer to Designing in the Browser one script closer to designing in the browser Say goodbye to Alt-Tab. Live.js makes sure you're alw..

12:15 am, September 4, 2019

Color this sofa! – SVG + Blend Mode trick

10:45 pm, August 27, 2019

You Might Not Need jQuery

jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application. If you're developing a library on the other hand,..

11:24 pm, August 18, 2019

CSS Wave Animation with a .png

CSS Wave Animation

1:34 am, August 6, 2019

Get the cursor location coordinates with jquery and javascript

Get mouse coordinates with... JS and Jquery

2:54 am, July 24, 2019 / Store your data just by sending us HTTP Requests

Sorry, Readability was unable to parse this page for content.

10:42 pm, July 15, 2019

How To Create a User Rating Scorecard

* {  box-sizing: border-box;}body {  font-family: Arial;  margin: 0 auto; /* Center website */  max-width: 800px; /* Max width */  padding: 20px;}.heading {  font-size: 25px; ..

4:20 am, July 10, 2019

Tips for rolling your own lazy loading | CSS-Tricks

You may have heard (or even issued the call) that “we can just use lazy loading!” when looking for a way to slim down a particularly..

11:47 pm, July 9, 2019

So you think you know JavaScript? - DEV Community 👩‍💻👨‍💻

JavaScript is an interesting language and we all love it because of its nature. Browsers are the home for JavaScript and both work together at our service.JS has a few concepts where people t..

5:45 am, July 8, 2019

Can I use... Support tables for HTML5, CSS3, etc

About "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers. ..

2:44 am, July 8, 2019

Play Stupid Games, Win Stupid Prizes: The Frontpage of /r/nba

As of writing this, the day before I launched a stupid little app[1] on Reddit, specifically on /r/nba[2], which has about 2.5million subscribers.It was disgustingly simple[3] to make, I didn't optimi..

4:24 am, July 5, 2019

HTML can do that? - DEV Community 👩‍💻👨‍💻

After witnessing some awesome things CSS can do[1], it's time for HTML to come in the same spotlight! It's amazing that you can do so much with just HTML. 1. Dropdown with searchab..

11:55 pm, June 30, 2019

Single Ticker Widget — Free and Powerful Tool — TradingView

5:28 am, June 24, 2019

SimpleBar - Custom scrollbars made simple

4:54 am, May 29, 2019

The ultimate favicon generator

Create a favicon in few simple clicks. Generate a favicon from text, from an image, or from an emoji. Download in .ico and .png formats.

11:32 pm, May 28, 2019

Flutter - Beautiful native apps in record time

4:04 am, May 8, 2019

Animated Underline Hover

1:58 am, May 1, 2019

Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!

12:05 am, April 29, 2019

Buefy: lightweight UI components for Vue.js based on Bulma | Buefy

11:42 pm, April 28, 2019


11:09 pm, April 16, 2019

PixiJS v4

5:11 am, April 9, 2019

How to Create Custom HTML Elements - Treehouse Blog

11:00 pm, March 25, 2019

Netlify: All-in-one platform for automating modern web projects.

4:00 am, March 25, 2019

Paletton - The Color Scheme Designer

10:47 pm, March 21, 2019

Responsive Table | Foundation 6

5:48 am, March 20, 2019


1:58 am, March 8, 2019

Toastr by CodeSeven

1:58 am, March 8, 2019

Source code beautifier / syntax highlighter &ndash; convert code snippets to HTML &laquo;

11:13 pm, February 5, 2019

Animated SVG / CSS clock face showing current time w/ transforms

12:58 am, January 30, 2019

Tailwind CSS - A Utility-First CSS Framework for Rapid UI Development

10:25 pm, December 9, 2018

Re-implementing jQuery methods in the HTMLElement prototype - DEV Community 👩‍💻👨‍💻

10:27 pm, December 6, 2018

Slick slider with animate.css

10:48 pm, November 12, 2018

You Might Not Need JavaScript

12:20 am, November 2, 2018

UI testing with Nightmare · Segment Blog

11:14 pm, October 28, 2018

Featherlight – The ultra slim jQuery lightbox.

12:03 am, October 22, 2018

How to Create Beautiful SVG Animations Easily - DEV Community 👩‍💻👨‍💻

4:07 am, October 16, 2018

Ease Visualizer for GSAP | HTML5 Animation | GreenSock

4:06 am, October 16, 2018

Plain JavaScript - Element Styles

1:35 am, October 9, 2018

Frontend Mentor | Curated front-end resources list

5:38 am, October 5, 2018

Facebook Posting to a Page

11:49 pm, September 20, 2018

vCard Maker - Free electronic business card generator

11:42 pm, September 17, 2018

Can I use... Support tables for HTML5, CSS3, etc

4:47 am, September 12, 2018

8 simple CSS3 transitions that will wow your users | Webdesigner Depot

6:59 am, August 15, 2018

Caddy - The HTTP/2 Web Server with Automatic HTTPS

11:21 pm, August 13, 2018

GitHub - umpox/TinyEditor: A functional HTML/CSS/JS editor in less than 400 bytes

4:11 am, August 8, 2018

The Zen of Programming

6:54 am, August 3, 2018

Surreal CMS: A Simple CMS For Your Clients.

1:58 am, July 13, 2018

Essential Chrome Developer Tools: Beginner to Master

10:54 pm, July 9, 2018

Introduction — Vue.js

11:40 pm, July 8, 2018

70,200 Free Icons (SVG, PNG)

11:11 pm, July 8, 2018

Learn these JavaScript fundamentals and become a better developer

3:42 am, July 2, 2018

How To Create a Slideshow

3:43 am, June 26, 2018

Software and technology stacks used by top companies | StackShare

10:38 pm, May 22, 2018

git - the simple guide - no deep shit!

3:56 am, May 21, 2018

GitHub - mourner/dead-simple-grid: Dead Simple Grid is a responsive CSS grid micro framework that is just that. Dead simple.

7:27 am, May 16, 2018

Text to ASCII Art Generator (TAAG)

1:15 am, May 9, 2018

Move.js - CSS3 animation framework for JavaScript

5:20 am, May 7, 2018

Freenom - A Name for Everyone

12:44 am, May 6, 2018

Remodal v1. The modal done right.

5:00 am, May 1, 2018

Reflex grid - a lightweight responsive flexbox grid with cross browser support, an inline-block fallback and no polyfills.

10:51 pm, April 30, 2018

Meshki: The most stylish CSS library on planet Earth!

11:01 pm, April 29, 2018

HEAD - A free guide to &lt;head&gt; elements

11:34 pm, April 26, 2018

Front End Wizard

11:11 pm, April 26, 2018

Freelancer - One Page Theme - Start Bootstrap

11:47 pm, April 17, 2018

Video wallpaper and css filters

3:05 am, April 16, 2018

Recap of Front-end Dev in 2017 · Front-End Developer Handbook 2018

7:10 am, April 10, 2018

miniPaint - image editor

5:14 am, April 10, 2018

Cloud Text-to-Speech - Speech Synthesis &nbsp;|&nbsp; Google Cloud

9:48 pm, March 27, 2018

Quick Guide: How to put Invisible reCaptcha on your website

11:00 pm, March 20, 2018

Codrops | Useful resources and inspiration for creative minds

5:03 am, March 7, 2018

Using CSS custom properties (variables) - CSS | MDN

10:40 pm, March 5, 2018

html2canvas- Take Screenshot of Web Page and Save It to Server (Javascript and PHP) &#8211; Kubilay Erdogan Home Page

5:07 am, March 5, 2018

Calm Ocean Waves

3:02 am, March 5, 2018

Slite: The note app for teams

2:15 am, February 28, 2018

Every Fucking Bootstrap Website Ever

3:26 am, February 27, 2018

Ace - The High Performance Code Editor for the Web

12:27 am, February 26, 2018

GitHub - kennethreitz/requests-html: HTML Parsing for Humans™

10:43 pm, February 25, 2018

Base64 Image Encoder

4:24 am, February 21, 2018

MJML - The Responsive Email Framework

10:14 pm, February 4, 2018


10:28 pm, January 30, 2018

How to Build a Million-Dollar WordPress Plugin Business - Indie Hackers

10:36 pm, January 22, 2018

Reason · Reason lets you write simple, fast and quality type safe code while leveraging both the JavaScript &amp; OCaml ecosystems.

5:20 am, January 15, 2018

GitHub - turbolinks/turbolinks: Turbolinks makes navigating your web application faster

10:41 pm, January 11, 2018

Gold Dashboard

5:07 am, January 10, 2018

Kitco Precious Metals Charts

4:26 am, January 10, 2018

Pushy - Off-Canvas Navigation Menu

12:02 am, January 9, 2018

10:33 pm, January 8, 2018

What Is AWS Lambda? - AWS Lambda

10:19 pm, January 8, 2018

GitHub - kristopolous/BOOTSTRA.386: A vintage 1980s DOS inspired Twitter Bootstrap theme

10:17 pm, January 8, 2018

CodeFlask.js -- Simple code editor for awesome web pages.

11:14 pm, December 12, 2017

Timeline - A responsive, jQuery-based timeline generator

5:11 am, December 8, 2017

How Stripe Designs Beautiful Websites - Lee Robinson

2:37 am, December 8, 2017

Online JSON Viewer

4:10 am, November 27, 2017

Grid by Example

12:34 am, November 27, 2017

Full-Screen Layout using Flexbox -

4:04 am, November 15, 2017

Lazy loading with inline SVG

11:07 pm, November 14, 2017

How to use SVG as a Placeholder, and Other Image Loading Techniques

10:14 pm, November 14, 2017


This is my test area for webdev. I keep a collection of code here, mostly for my reference. Also if i find a good link, i usually add it here and then forget about it. more...

Subscribe to weekly updates about things i have added to the site or thought interesting during the last week.

You could also follow me on twitter or not... does anyone even use twitter anymore?

If you found something useful or like my work, you can buy me a coffee here. Mmm Coffee. ☕


🪦 2000 - 16 Oct 2022 - Boots
Random Quote
The problem with hoarding is you end up living off your reserves. Eventually, you’ll become stale. If you give away everything you have, you are left with nothing. This forces you to look, to be aware, to replenish. . . . Somehow the more you give away, the more comes back to you.
Paul Arden
Random CSS Property


The <resolution> CSS data type, used for describing resolutions in media queries, denotes the pixel density of an output device, i.e., its resolution.
resolution#x css reference