mirror of https://gitlab.com/octtspacc/OcttKB
43 lines
2.2 KiB
Plaintext
43 lines
2.2 KiB
Plaintext
created: 20230209150101862
|
|
creator: Octt
|
|
icon: 💅
|
|
modified: 20240202000036873
|
|
modifier: Octt
|
|
page-cover: https://images.unsplash.com/photo-1523437113738-bbd3cc89fb19
|
|
tags: Web Frontend
|
|
title: CSS
|
|
|
|
<<^wikipediaframe CSS en>>
|
|
|
|
* [[Temani Afif|https://dev.to/afif]] --- //Your favorite CSS Hacker// --- <<[# "GitHub Profile" "https://github.com/Afif13">>
|
|
** [[CSS Tip|https://css-tip.com/]] --- // A micro blog to share CSS Tips & Tricks// --- <<[# Git "https://github.com/Afif13/CSS-Tip">>
|
|
|
|
!!! ''References''
|
|
|
|
* [[CSS Attribute Selectors|https://www.w3schools.com/css/css_attribute_selectors.asp]]
|
|
* [[CSS Borders [w3s]|https://www.w3schools.com/css/css_border.asp]]
|
|
** <<MDNLink Web/CSS/border-style border-style>> --- all ways to style a border, not only colors
|
|
* [[CSS @import Rule|https://www.w3schools.com/cssref/pr_import_rule.php]] --- `@import "style.css";` or `@import url("style.css");`
|
|
|
|
!!! ''Tips''
|
|
|
|
* [[How to disable a link using only CSS|https://stackoverflow.com/questions/2091168/how-to-disable-a-link-using-only-css]] --- essentially, `pointer-events: none;` for the functional side, + other rules for styling
|
|
|
|
!!! ''Frameworks''
|
|
|
|
* [[Bulma|https://bulma.io/]] --- //modern CSS framework that just works//
|
|
* [[PaperCSS|https://www.getpapercss.com/]] --- //the less formal CSS framework//
|
|
* [[W3.CSS|https://www.w3schools.com/w3css/default.asp]] --- //A Quality Alternative to Bootstrap, is Smaller, Faster and Easier to Use.//
|
|
|
|
!!! ''Amazing''
|
|
|
|
* [[CSS Zen Garden|https://csszengarden.com/]] --- //The Beauty of CSS Design//
|
|
* [[25 CSS Paper Effects|https://freefrontend.com/css-paper-effects/]]
|
|
* [[Reusable CSS "Sticker" Effect|https://dev.to/5t3ph/reusable-css-sticker-effect-44lc]]
|
|
* [[26 Impressive web projects built with CSS only.|https://medium.mybridge.co/26-impressive-web-projects-built-with-css-only-4a4c2f773a21?gi=c96d73b5b5d2]]
|
|
|
|
* [[Pure CSS Minesweeper|https://codepen.io/bali_balo/pen/BLJONZ?editors=1100]]
|
|
* [[Spinning Diagrams with CSS|https://x.st/spinning-diagrams-with-css]]
|
|
* [[Bubble Sort...in PURE CSS? [No JS] 😱|https://dev.to/grahamthedev/bubble-sortin-pure-css-no-js-3bb1]]
|
|
* [[CSS-only Calendar App Concept|https://codepen.io/davidkpiano/pen/wBGjMr]]
|