User:Kiara/Code - Revision history

Kiara: /* CSS-print */

2024-12-03T10:58:35Z

CSS-print

← Older revision		Revision as of 12:58, 3 December 2024
Line 94:		Line 94:
	*** [https://gitlab.com/nicolastaf/pagedjs-reload-in-place/-/blob/master/reload-in-place.js paged.js plugin: Reload in place] <br>		*** [https://gitlab.com/nicolastaf/pagedjs-reload-in-place/-/blob/master/reload-in-place.js paged.js plugin: Reload in place] <br>
	*** [https://gitlab.coko.foundation/pagedjs/book-of-cook/-/blob/main/public/examples/map.html paged.js plugin: Add a map to your book]		*** [https://gitlab.coko.foundation/pagedjs/book-of-cook/-/blob/main/public/examples/map.html paged.js plugin: Add a map to your book]
			*** [https://codeberg.org/da/text-balancer paged.js plugin: Text-balancer]

	* Other layout tools		* Other layout tools

Kiara: /* Getting started */

2024-12-03T10:56:13Z

Getting started

← Older revision		Revision as of 12:56, 3 December 2024
Line 55:		Line 55:
	=== HTML ===		=== HTML ===
	==== Getting started ====		==== Getting started ====
	[https://webaim.org/resources/htmlcheatsheet/ HTML tags cheatsheet]		[https://webaim.org/resources/htmlcheatsheet/ HTML tags cheatsheet] <br>
			[https://ribozone.github.io/artsite/ How to make a free & handmade portfolio site]

	==== Go further ====		==== Go further ====

Kiara: /* CSS-print */

2024-12-03T10:55:02Z

CSS-print

← Older revision		Revision as of 12:55, 3 December 2024
Line 107:		Line 107:
	** [https://developer.mozilla.org/en-US/blog/getting-started-with-css-container-queries/ Container queries] <br>		** [https://developer.mozilla.org/en-US/blog/getting-started-with-css-container-queries/ Container queries] <br>
	** [https://maketypework.com/web-typography-baseline-grids-made-easy/ Baseline grids] <br>		** [https://maketypework.com/web-typography-baseline-grids-made-easy/ Baseline grids] <br>
	** [https://gitlab.constantvzw.org/osp/tools.pdfutils Colour ~~speration~~ when exporting to PDF] <br>		** [https://gitlab.constantvzw.org/osp/tools.pdfutils Colour separation when exporting to PDF] <br>
	** [https://meyerweb.com/eric/thoughts/2023/09/12/nuclear-anchored-sidenotes/?utm_source=pocket_shared Nuclear Anchored Sidenotes] <br>		** [https://meyerweb.com/eric/thoughts/2023/09/12/nuclear-anchored-sidenotes/?utm_source=pocket_shared Nuclear Anchored Sidenotes] <br>
	** [https://codeberg.org/da/text-balancer Text-balancer] <br>		** [https://codeberg.org/da/text-balancer Text-balancer] <br>

Kiara: /* CSS-print */

2024-12-03T10:53:43Z

CSS-print

← Older revision		Revision as of 12:53, 3 December 2024
Line 88:		Line 88:
	** [https://ateliers.esad-pyrenees.fr/web/pages/ressources/ctrl-alt-print/pagedjs/ <span style="color: #5F9EA0;">Introduction à paged.js par Julien Bidoret (FR)</span>] <br>		** [https://ateliers.esad-pyrenees.fr/web/pages/ressources/ctrl-alt-print/pagedjs/ <span style="color: #5F9EA0;">Introduction à paged.js par Julien Bidoret (FR)</span>] <br>
	** [https://bookolab.coalitioncyborg.org/?utm_source=pocket_saves <span style="color: #5F9EA0;">Bookolab (FR)</span>] <br>		** [https://bookolab.coalitioncyborg.org/?utm_source=pocket_saves <span style="color: #5F9EA0;">Bookolab (FR)</span>] <br>
	** [https://gitlab.coko.foundation/pagedjs/pagedjs-plugins/booklet-imposition paged.js plugin: Booklet imposition] <br>		** Hooks (plugins, even more hacky)
	** [https://gitlab.com/pagedjs-plugins/full-page paged.js plugin: Full page elements] <br>		*** [https://gitlab.coko.foundation/pagedjs/pagedjs-plugins/booklet-imposition paged.js plugin: Booklet imposition] <br>
	** [https://gitlab.com/nicolastaf/pagedjs-reload-in-place/-/blob/master/reload-in-place.js paged.js plugin: Reload in place] <br>		*** [https://gitlab.com/pagedjs-plugins/full-page paged.js plugin: Full page elements] <br>
	** [https://gitlab.coko.foundation/pagedjs/book-of-cook/-/blob/main/public/examples/map.html paged.js plugin: Add a map to your book]		*** [https://gitlab.com/nicolastaf/pagedjs-reload-in-place/-/blob/master/reload-in-place.js paged.js plugin: Reload in place] <br>
			*** [https://gitlab.coko.foundation/pagedjs/book-of-cook/-/blob/main/public/examples/map.html paged.js plugin: Add a map to your book]

	* Other layout tools		* Other layout tools

Kiara: /* Getting Started – The basis of basis */

2024-09-17T12:44:36Z

Getting Started – The basis of basis

← Older revision		Revision as of 14:44, 17 September 2024
Line 10:		Line 10:

	==== Getting Started – The basis of basis ====		==== Getting Started – The basis of basis ====
			* [https://pzwiki.wdka.nl/mediadesign/HTML_%2B_CSS The XPUB page about HTML and CSS!]<br>
	* [https://www.w3schools.com/ W3 Schools] <br>		* [https://www.w3schools.com/ W3 Schools] <br>
	* [https://developer.mozilla.org/fr/ <span style="color: #5F9EA0;">MDN (FR)</span>] or [https://developer.mozilla.org/fr/ MDN (EN)] <br>		* [https://developer.mozilla.org/fr/ <span style="color: #5F9EA0;">MDN (FR)</span>] or [https://developer.mozilla.org/fr/ MDN (EN)] <br>

Kiara: /* Nice tools to help you code */

2024-09-17T10:29:02Z

Nice tools to help you code

← Older revision		Revision as of 12:29, 17 September 2024
Line 24:		Line 24:
	** [https://validator.w3.org/nu/ HTML Validator] – HTML checker, to see if your code is well written :) <br>		** [https://validator.w3.org/nu/ HTML Validator] – HTML checker, to see if your code is well written :) <br>
	** [https://outils-css.aliasdmc.fr/convertir-unites-de-longueurs-css.php#bloc-content <span style="color: #5F9EA0;">Convertisseur d'unités (FR)</span>]		** [https://outils-css.aliasdmc.fr/convertir-unites-de-longueurs-css.php#bloc-content <span style="color: #5F9EA0;">Convertisseur d'unités (FR)</span>]
			** [https://devdocs.io DevDocs] – Documentation about different languages

	* About fonts and type		* About fonts and type
Line 44:		Line 45:
	** [https://toolness.github.io/accessible-color-matrix/?n=white&n=FF3F59&n=FBE929&n=Color%204&n=Color%205&n=Color%206&v=FFFFFF&v=FF3F59&v=FBE929&v=47FFE0&v=082771&v=0E0E10 Accessible color palettes builder] <br>		** [https://toolness.github.io/accessible-color-matrix/?n=white&n=FF3F59&n=FBE929&n=Color%204&n=Color%205&n=Color%206&v=FFFFFF&v=FF3F59&v=FBE929&v=47FFE0&v=082771&v=0E0E10 Accessible color palettes builder] <br>
	** [https://accessible-colors.com/ Accessible colors] – Do you meet the WCAG criteria? <br>		** [https://accessible-colors.com/ Accessible colors] – Do you meet the WCAG criteria? <br>
	** [https://www.toptal.com/designers/colorfilter Colorblind webpage filter] – To see how a website displays		** [https://www.toptal.com/designers/colorfilter Colorblind webpage filter] – To see how a website displays

	==== Not coding but really nice ====		==== Not coding but really nice ====

Kiara: /* PHP */

2024-09-12T19:15:56Z

PHP

← Older revision		Revision as of 21:15, 12 September 2024
Line 180:		Line 180:
	----		----

	==== PHP ====		=== PHP ===
	Before starting with PHP you will need a server runner like XAMMP or MAMMP. Don't worry, everything is pretty much listed and detailed in the tutorials below.		Before starting with PHP you will need a server runner like XAMMP or MAMMP. Don't worry, everything is pretty much listed and detailed in the tutorials below.

Kiara: /* OPTIMISATION */

2024-09-12T19:15:40Z

OPTIMISATION

← Older revision		Revision as of 21:15, 12 September 2024
Line 239:		Line 239:
	[https://scribouilli.org/ <span style="color: #5F9EA0;">Scribouilli (FR)</span>]		[https://scribouilli.org/ <span style="color: #5F9EA0;">Scribouilli (FR)</span>]

	==== OPTIMISATION ====		=== OPTIMISATION ===
	[https://www.julienpradet.fr/tutoriels/optimiser-le-chargement-des-fonts/ <span style="color: #5F9EA0;">Optimiser le chargement des fontes (FR)</span>]		[https://www.julienpradet.fr/tutoriels/optimiser-le-chargement-des-fonts/ <span style="color: #5F9EA0;">Optimiser le chargement des fontes (FR)</span>]

Kiara: /* BLOGS & CMS */

2024-09-12T19:15:34Z

BLOGS & CMS

← Older revision		Revision as of 21:15, 12 September 2024
Line 232:		Line 232:
	[https://matthewstrom.com/writing/how-to-pick-the-least-wrong-colors/ How to pick the least wrong colors]		[https://matthewstrom.com/writing/how-to-pick-the-least-wrong-colors/ How to pick the least wrong colors]

	==== BLOGS & CMS ====		=== BLOGS & CMS ===
	[https://www.11ty.dev Eleventy website] <br>		[https://www.11ty.dev Eleventy website] <br>
	[https://anhvn.com/posts/2024/my-eleventy-site-setup/ Setting up Eleventy] <br>		[https://anhvn.com/posts/2024/my-eleventy-site-setup/ Setting up Eleventy] <br>

Kiara: /* RESPONSIVE DESIGN */

2024-09-12T19:15:17Z

RESPONSIVE DESIGN

← Older revision		Revision as of 21:15, 12 September 2024
Line 193:		Line 193:

	== ADDITIONAL SKILLS ==		== ADDITIONAL SKILLS ==
	==== RESPONSIVE DESIGN ====		=== RESPONSIVE DESIGN ===
	[https://www.freecodecamp.org/learn/2022/responsive-web-design/ Responsive webdesign]		[https://www.freecodecamp.org/learn/2022/responsive-web-design/ Responsive webdesign]

	=== ACCESSIBILITY ===		=== ACCESSIBILITY ===