Creator(s)
Organisation(s)
Discipline(s)
Topic(s)
License
Media Format
Date Submitted
Submitted by
Export Resource Data
Ffrendi is an online, browser-based tool that makes it easier to learn and generate CSS visually. The name comes from the idea to provide a friendly frontend for learning and applying CSS.
Key Features
— Visual Object Creation
Add text, shapes, and other elements directly
onto the canvas.
— Live Styling Controls
•Fonts and typesetting (choose font families, adjust size, spacing, alignment).
•Filters like transparency, blur, &blend modes.
•Tools for size, rotation, X/Y coordinates.
— See the Code
See the code generate as you code.
Who is it for?
— Students & beginners learning CSS who want a more intuitive entry point.
— Educators who want to demonstrate CSS properties in real time.
Why use it?
— Removes the initial barrier of memorising syntax.
— Encourages experimentation — you can see the results of CSS changes instantly.
— Connects design skills with coding practice, making CSS less intimidating and more creative.
In short, Ffrendi is a sandbox for CSS, where you can play, learn, and then take your code straight into your project.
Creative Commons Zero (CC0)
This work has been dedicated to the public domain under a CC0 license, allowing unrestricted use, distribution, and adaptation without attribution.
https://creativecommons.org/publicdomain/zero/1.0/If you have modified or adopted this resource, share your version here. Tracking adaptations helps us measure impact and connects others with useful updates.
This toolkit draws on our experiences facilitating a SATLE-funded community-engaged learning project that brought students of the School of Languages, Literatures, and Cultures (UCC) together with people in Cork seeking international protection for a series of three wellbeing and creativity workshops.
This OER provides a practical Grammar translation and TBLT toolkit for Mandarin teaching, including 15 lesson plans and 50+ task kits. It helps educators in low-time contexts enhance students’ oral proficiency and plurilingual awareness through ready-to-use, adaptable resources.
This resource presents AVINA, an automated visual novel generator using large language models to transform multiple-choice questions into interactive learning narratives. Designed for educators and students, it supports gamified training in academic integrity and ethical decision-making through adaptive storytelling and experiential learning.
This resource provides an immersive look at the process of timber frame house construction in Ireland, captured through 3D scans, 360° photography, and video. Learners can virtually step inside a live build and explore each stage, from foundations and frame erection through to services and finishes.
[shortify_qr]
