David Brown

Video game designer eeking out a living building websites for the man.

[Scottish Youth Film Foundation @thisissyff]

SYFF are now proud members of the @CCScotland Green Arts Initiative🌱
We're delighted to join a movement that will help us remain accountable, find new ways to reduce our impact on the environment, & join in the discourse to ensure a sustainable future for the arts in Scotland🌍

[jhey ʕ•ᴥ•ʔ @jh3yy]

CSS Trick! 🤙

I got you! You can create this Disney-inspired loading animation with a single element and some CSS ⚡️

The "trick" is to create the ring part with a pseudo-element and offset it against the element 😎

Start with the element, this creates an offset white dot

.loader {
width: var(--size);
aspect-ratio: 1;
background: white;
border-radius: 50%;
position: absolute;
/* Rely on transform order to spin it */
--y: calc(var(--size) * -4.5));
transform:
rotate(0deg)
translateY(var(--y));
animation: spin 1s infinite linear;
}

@ keyframes spin {
to { transform: rotate(-360deg) translateY(var(--y);
}

The ring part is an offset circle that gets masked 😷

.loader::after {
content: "";
width: calc(var(--size) * 10);
aspect-ratio: 1;
position: absolute;
top: 0%;
left: 50%;
translate: -50% 0px;
/* Create a conic-gradient */
background: conic-gradient(
white,
hsl(var(--hue), 100%, 70%),
hsl(var(--hue), 100%, 10%),
transparent 65%
);
border-radius: 50%;
/* Mask it to leave a border. That 1px difference helps with making it look less rough */
mask: radial-gradient(transparent 39px, white 40px);
}

The last piece is the "glow". Use the other pseudo-element and set the offset to -50% and give it a blur filter 😎

.loader::before {
content: "";
position: absolute;
inset: -50%;
border-radius: 50%;
background: white;
filter: blur(10px);
z-index: -1;
}

Why didn't we create the ring with the main element? We didn't want to mask out the blur of the ::before element so we had to work around that limitation and use the offset ✨

Happy animating!

@CodePen link below! 👇

[Scottish Youth Film Foundation @thisissyff]

Calling all future animators!Are you a budding animator taking the next steps in your career?Or just interested in finding about more about the world of animation?
Join Will Adams, Co-Founder of @WildChild_Anim at this year's Scottish Youth Film Festival! https://t.co/SQKj9dJMVD

[Scottish Youth Film Foundation @thisissyff]

Tickets are now available for this year's Scottish Youth Film Festival in Perth! 📷
Are you:
📷Aged 12+
📷Interested in learning more about the world of film?
Then join us for a free day of exciting workshops, panels, talks, screenings and film awards!
https://t.co/8fhGkn6l1j

[Scottish Youth Film Foundation @thisissyff]

It's just over a month until this year's Scottish Youth Film Festival in Perth... & that means it's time to announce the programme!
Keep an eye on our socials this week for timetable and ticket info. We've got an exciting lineup of free workshops, panels, film screenings & more!

[Namya @ Supafast @namyakhann]

Fonts can make or break your brand.

The only 7 fonts designers need. Forget the rest:

→ Boska
→ Switzer
→ Satoshi
→ Cabinet
→ Supreme
→ General Sans
→ Space Grotesk

[Astro @astrodotbuild]

🧑‍🚀⭐ Calling all aspiring astronauts—Astro 3.0 touches down next week. We're giving away 10 of these official Astro hats to celebrate!

Retweet for your chance to win.

[freeCodeCamp.org @freeCodeCamp]

As a developer, you'll always be learning new things. So you'll need to practice a lot.

And building projects is a great way to solidify your knowledge.

In this guide, you'll learn how to use APIs in your projects to practice your coding skills.

https://t.co/gEKVdAxOGL

[Peoplebank.com @peoplebank_com]

We are proud to be sponsoring the first annual OPRA’s awards by @Otoloworld held in recognition of the hardworking, incredible people in #hospitality. Find out more here and join us in central London on September 14th 2023: https://t.co/ucfyNQjcss

[Peoplebank.com @peoplebank_com]

We're proud to be joining @catererdotcom as partners for the #walkforwellbeing, powered by mum. Promote health and #wellbeing while raising vital funds to support those in the #hospitalityindustry facing challenging times: https://t.co/Clkq51eObI
#mentalhealthawarenessweek

[Peoplebank.com @peoplebank_com]

Had a brilliant time catching up with Hannah Bray and Joe Cuthbert from our partners @S4labour yesterday.. To make it even better, David Beveridge met them at Arcade Food Hall - our awesome mutual client. Great to have a chance to catch up on our integration and future plans.

[Scottish Youth Film Foundation @thisissyff]

Calling all Scottish filmmakers aged 19 and under!
The Scottish Youth Film Festival 2023 will be held in Perth on 29th-30th Sept and is officially open for submissions! 🎬

For further info, please see our website: https://t.co/RDuX2mhlhM

We look forward to seeing your films 😊

[Peoplebank.com @peoplebank_com]

We're delighted to announce @indeed has awarded Peoplebank Silver ATS Partner status. We're proud to be recognised in Indeed's inaugural class of ATS partners for providing a seamless experience with Indeed. Learn more about our Indeed integration > https://t.co/YUoF9qVOi0

[Peoplebank.com @peoplebank_com]

Can't believe it's the last day of March already! We've had a busy month and signed some amazing new clients, including @valeriecafe, Arcade Food Hall and @bbs_bakers. We've started work on setting up their custom systems and can't wait to roll these out to their teams!

[David Brown @dugbus]

See this Instagram photo by @dugbus https://t.co/cRGPn9tODu

[David Brown @dugbus]

See this Instagram photo by @dugbus https://t.co/TuhZwIL6db

[David Brown @dugbus]

See this Instagram photo by @dugbus https://t.co/yU13gtmn4n

[David Brown @dugbus]

#christmasatthebotanics @ Royal Botanic Garden Edinburgh https://t.co/MpCjveWme4

[Dan Hollick @DanHollick]

Ever heard of a shader but too afraid to ask what it even means at this point?

Lets fuck around and find out 👇

[Peoplebank.com @peoplebank_com]

Happy holidays from everyone at Peoplebank! We’ve had a wonderful year working with our colleagues, clients, and partners and sincerely thank you for the support and opportunities you have given us. We hope you have a wonderful festive season, and wish you a fantastic New Year.