Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and flexibility.
At its core, Feather is a collection of SVG files. This means that you can use Feather icons in all the same ways you can use SVGs (e.g. img, background-image, inline, object, embed, iframe).
Fontshare is a free fonts service launched by the Indian Type Foundry (ITF). It’s a growing collection of professional grade fonts that are 100% free for personal and commercial use. Our mission is to make high-quality and technically sound fonts accessible to everyone.
Apart from ITF’s own fonts, Fontshare also distributes free fonts from the other publishers. We identify-top notch open-source fonts, review their quality, fix any design or technical bugs and publish their latest versions on Fontshare. We ensure that these fonts are of the same quality as ITF’s own free fonts on offer.
All Fontshare fonts are 100% free for personal and commercial use.
htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext
htmx is small (~10k min.gz'd), dependency-free, extendable & IE11 compatible.
Simple.css is a classless CSS template that allows you to make a good looking website really quickly. By classless I mean that there are no CSS classes anywhere in the CSS or the HTML. So your website can look just like this using plain old vanilla HTML.
When starting a new project, I wanted a CSS framework that would get me up and running quickly, and give me something I could hack on. I got sick of all these giant frameworks that include everything but the kitchen sink, 90% of which I’ll never use. For example, the minified CSS for the Bootstrap framework is 144KB in total. By comparison, Simple.css is around 4KB.
Includes a good looking sans-serif local font stack, typographic best practices, automatic flipping to dark mode, and sensible defaults.
As it turns out, Bionic Reading isn't all that special, it's just a bunch of CSS hackery. This is an open source version that, theoretically, could be turned into a browser plugin or added to a website.
Minimal snippets for modern CSS layouts and components. With visible, tweakable examples.
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, please take a moment to consider if you actually need jQuery as a dependency. Maybe you can include a few lines of utility code, and forgo the requirement. If you're only targeting more modern browsers, you might not need anything more than what the browser ships with.
At the very least, make sure you know what jQuery is doing for you, and what it's not. Some developers believe that jQuery is protecting us from a great demon of browser incompatibility when, in truth, post-IE8, browsers are pretty easy to deal with on their own.
JavaScript is great, and by all means use it, while also being aware that you can build so many functional UI components without the additional dependancy.
Maybe you can include a few lines of utility code, or a mixin, and forgo the requirement. If you're only targeting more modern browsers, you might not need anything more than what the browser ships with.
This site is fully copied from youmightnotneedjquery.com, an excellent resource for vanilla JavaScript created by @adamfschwartz and @zackbloom. But this time, we take a look at the power of modern native HTML and CSS as well as some of the syntactic sugar of Sass. Because, you might not need scripts for that task at all!
Material Design Icons' growing icon collection allows designers and developers targeting various platforms to download icons in the format, color and size they need for any project. 26,000 icons and counting.
In a single collection, Fork Awesome is a pictographic language of web-related actions. Completely free for commercial use. Originally designed for Bootstrap, Fork Awesome works great with all frameworks (even plain HTML). Doesn't require JavaScript. Easily style icon color, size, shadow, and anything that's possible with CSS. Scalable vector graphics means every icon looks awesome at any size. Accessibility minded and aware.
Lunr.js works on the client-side through JavaScript. Instead of sending calls to a backend, Lunr looks up search terms in an index built on the client-side itself. This avoids expensive back-and-forth network calls between the browser and your server. There are plenty of tutorials online to showcase Lunr's website search functionality. But you can actually use Lunr.js to search any array of JavaScript objects.
I just got the pun. Heh.
A library of almost 2000 animated, scalable icons. Only about 300 are free, the rest require payment. Log in, pick the ones you want, tweak them a bit, download them to use with your own site.
Surprisingly affordable on a monthly basis.
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 use for inspiration. Available in CSS, Sass, and LESS.
Github: https://github.com/IanLunn/Hover
Maybe I can use this for links?
A small but highly customisable site template, ideal for a project documentation homepage.
Might be addable to my website's theme.
A lightweight CSS framework for personal sites.
With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!
Use this starter kit to create a viable, good looking, production-ready website whose entire size does not exceed 2 KB compressed when opened in a browser. Ideally, the total size of all assets (HTML, CSS, favicon, etc.) downloaded by the browser when opening the page will be under 2 KB. You need npm and gulp installed to assemble it, but once you have it everything you need will be in the dist/ subdirectory.
A data visualization framework written in CSS. Uses the semantic HTML5 tags to identify data to process, the data goes inside the HTML markup in the form of tables. No Javascript is needed to pull data out of APIs for processing (unless you want to roll that way, I guess). The core CSS file can be downloaded and put to use more or less immediately.
Semantic HTML elements are those that clearly describe their meaning in a human- and machine-readable way. Elements such as <header>, <footer> and <article> are all considered semantic because they accurately describe the purpose of the element and the type of content that is inside