Ffrendi

[favorite_button]

Creator(s) (alphabetical)

Nina Lyons

Organisation(s)

Technological University Dublin

Discipline(s)

Arts and Humanities, Information and Communication Technologies

Topic(s)

Accessibility and Inclusion

License

CC 0

Media Format

Website

Date Submitted

Submitted by

Export Resource Data

Description

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.

Benefit of this resource and how to make the best use of it

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/
? This citation is automatically generated and may require adjustment. Always verify it against your style guide.
Lyons, N. (10/07/2023). Ffrendi. National Resource Hub (Ireland). Retrieved from: https://hub.teachingandlearning.ie/resource/ffrendi/ License: Creative Commons Zero (CC0).

Adapting this resource? Share your version!

If you have modified or adopted this resource, share your version here. Tracking adaptations helps us measure impact and connects others with useful updates.

Related OER

Enhancing Student Engagement and Belonging through Collaborative Partnership is a Higher Education Authority report prepared by a UCD research team led by Professor Barbara Dooley. The resource provides an evidence-informed framework for strengthening student belonging across Irish higher education institutions. Drawing on staff interviews, Healthy Campus survey responses, and analysis of Healthy Campus and NStEP case studies, it identifies practical approaches to improving student engagement, wellbeing and inclusion.

The report frames belonging as a multidimensional and co-constructed experience shaped by social, academic, personal and environmental factors. It highlights that student belonging is affected not only by relationships and participation, but also by structural issues such as housing, commuting, financial pressure, campus spaces, timetable design and access to supports.

The resource is particularly useful for staff and student partners working on Healthy Campus, student success, student engagement, access, inclusion, mental health promotion, orientation, peer support, student partnership and campus development initiatives.

An open educational resource that supports academic, professional, and support staff to build more neuro-inclusive teaching, services, and policies in higher education. This resource was conceptualised & developed through the experiences of neurodivergent students in third-level education, with co-creation at the heart of every stage of the process

This Pressbook features an interactive tool that helps you plan and structure your essay step by step. The book provides a clear starting point to reduce stress, prevent overwhelm, and support different learning preferences through examples, , quick guides, and PowerPoint videos with voiceover. This resource is a living document.