Bookmarks
Tag cloud
Picture wall
Daily
RSS Feed
  • RSS Feed
  • Daily Feed
  • Weekly Feed
  • Monthly Feed
Filters

Links per page

  • 20 links
  • 50 links
  • 100 links

Filters

Untagged links
page 1 / 2
29 results tagged webdesign  ✕   ✕
SmolCSS https://smolcss.dev
Sun 15 May 2022 11:50:10 AM PDT archive.org

Minimal snippets for modern CSS layouts and components. With visible, tweakable examples.

css minimalist snippets webdesign
You might not need jQuery https://youmightnotneedjquery.com/
Mon 07 Mar 2022 03:42:23 PM PST archive.org

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.

html5 javascript jquery examples webdesign
You Might Not Need Javascript http://youmightnotneedjs.com/
Mon 07 Mar 2022 03:40:58 PM PST archive.org

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!

html5 css javascript examples howto lightweight webdesign
Material Design Icons https://materialdesignicons.com
Tue 04 Jan 2022 05:14:47 PM PST archive.org

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.

Github: https://github.com/Templarian/MaterialDesign

webdesign icons fonts css free svg
Fork Awesome https://forkaweso.me/
Wed 01 Dec 2021 09:54:53 AM PST archive.org

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.

icons free webdesign awesome webfonts
Implement client-side search on your website with this JavaScript tool https://opensource.com/article/21/11/client-side-javascript-search-lunrjs
Tue 30 Nov 2021 02:37:04 PM PST archive.org

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.

javascript webdesign search clients json
Lord Icon https://lordicon.com/
Sun 31 Oct 2021 06:49:42 PM PDT archive.org

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.

icons graphics webdesign scalable animated library service
hover.css https://ianlunn.github.io/Hover/
Mon 13 Sep 2021 01:20:56 PM PDT archive.org

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

webdesign css animation
Creative Menu Hover Effects https://codepen.io/abdelRhman345/pen/PXMmdv
Mon 13 Sep 2021 01:19:11 PM PDT archive.org

Maybe I can use this for links?

webdesign html5 css animation
Lissy93/voronoi-site-template https://github.com/Lissy93/voronoi-site-template
Wed 05 May 2021 03:37:05 PM PDT archive.org

A small but highly customisable site template, ideal for a project documentation homepage.

Might be addable to my website's theme.

Demo: https://lissy93.github.io/voronoi-site-template/

webdesign html5 css javascript webshit backgrounds interactive geometry
https://picnicss.com/ https://picnicss.com/
Tue 23 Feb 2021 10:46:10 PM PST archive.org

A lightweight CSS framework for personal sites.

css webdesign html5 lightweight
Meta Tags — Preview, Edit and Generate https://metatags.io/
Fri 08 Jan 2021 08:27:27 PM PST archive.org

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

webdesign tags metadata exocortex
GitHub - zeplia/minwiz https://github.com/zeplia/minwiz
Wed 30 Dec 2020 09:17:48 PM PST archive.org

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.

webdesign css html5 lightweight framework
Charts.css https://chartscss.org/
Mon 21 Dec 2020 06:23:52 PM PST archive.org

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.

Github: https://github.com/ChartsCSS/charts.css

webdesign css charts graphs utility visualization html5
Semantic HTML5 Elements Explained https://www.freecodecamp.org/news/semantic-html5-elements/
Thu 17 Dec 2020 11:50:57 AM PST archive.org

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

html5 tags semantics semanticweb webdesign
GitHub - marella/material-icons https://github.com/marella/material-icons
Thu 10 Dec 2020 12:37:31 PM PST archive.org

Material design icon font and CSS framework for self hosting the icons.

Demo and visual directory of icons: https://marella.me/material-icons/demo/

webdesign icons fonts css free
GitHub - theonion/fartscroll.js https://github.com/theonion/fartscroll.js
Fri 04 Dec 2020 11:05:17 PM PST archive.org

You want fart noises as you scroll? We've got you covered.

Courtesy of The Onion.

webdesign javascript funny
Prism.js https://prismjs.com/
Sun 29 Nov 2020 04:47:16 PM PST archive.org

Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind. vIt’s used in thousands of websites, including some of those you visit daily. Simple to use. Lightweight. Customizable downloads, just like Bootstrap. Surprisingly easy to use: Include the files in your HTML and it does the rest for your <code> blocks. Extremely fast.

javascript css webdesign customization highlighting html5
Pure CSS https://purecss.io/
Wed 02 Sep 2020 07:28:35 AM PDT archive.org

A set of small, responsive CSS modules that you can use in every web project. Pure is ridiculously tiny. The entire set of modules clocks in at 3.7KB minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes. Has all of the primitives that you'd expect from a CSS framework.

Github: https://github.com/pure-css/pure/

css framework lightweight webdesign responsive
lindelof/awesome-web-effect https://github.com/lindelof/awesome-web-effect
Sun 02 Aug 2020 03:23:45 PM PDT archive.org

A series of awesome little special effects for websites. Not limited to any framework (react, vue, angular, etc). Effects can be simply inserted into the page.

webdesign javascript css effects addons animation backgrounds
page 1 / 2
4030 links, including 257 private
Shaarli - The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community - Theme by kalvn