CiviFirst

CRM & web consultants in the heart of London, specialising in CRM and web systems for SMEs.

[CiviFirst @CiviFirst]

Which of your authors is the most engaging? Find out who's discussing your #WordPress with Remarks plugin. Demo: https://t.co/z4lGQrKvND

[CiviFirst @CiviFirst]

@HP @HPUK
Buggy software. Just connected a new HP 2850e via USB now get this interminably when trying to log into HP "Smart". Does anyone else remember when printers used to just work?

[CiviFirst @CiviFirst]

@AmazonHelp @thedailywtf "This is definitely a scary message. Something has to be fixed" while confirming a refund on an item to return.

[CiviFirst @CiviFirst]

Russian bots leaping into action to quell #RussianBankCollapse and #RunawayRuble in real time.

[CiviFirst @CiviFirst]

In an excellent #DevSecOps presentation by @PaulaDubas!

[CiviFirst @CiviFirst]

@michaelbolton Loved your presentation at #GlobantNXT. It never ceases to amaze me how people project deep reliability and accuracy when presented with (sometimes superficial) sophistication. Turing test was disproved a while back... tech is great at hoodwinking us people!

[CiviFirst @CiviFirst]

#QuaNTANXT is among the best conferences I've been to. Great speakers on great topics they're clearly passionate about.

[jhey ʕ•ᴥ•ʔ @jh3yy]

CSS Tip! 🤙

You can create this magnetic :hover effect with CSS anchor positioning, :has, and zero JS 🔥

article { anchor-name: --develop; }
ul:has(li:hover) { --anchor: --develop; }
ul::after {
inset:
anchor(var(--anchor) top)
anchor(var(--anchor) right)
... ;
}

How do you keep it clean when entering/exiting the list? Use transition-delay ⭐️

ul:has(li:hover) { --active: 1; }
ul::after {
opacity: var(--active, 0);
transition: opacity 0.2s, inset 0.2s 0.2s;
}
ul:hover::after {
transition: opacity 0.2s 0.2s, inset 0.2s;
}

This is a cool trick you can use. Delay the opacity on enter and then delay the position on exit. That way you don't get a weird effect on enter/exit 🙏

This one's a "Future" CSS tip 🔮 But, the demo will work in all browsers in some way. The idea is to progressively enhance it.

1. No JavaScript and no Anchor Positioning? Highlight on hover ✏️
2. No Anchor Positioning? Use JavaScript with a single event listener to update the inset values using elementFromPoint and .closest 🫶
3. If there is Anchor Positioning support, use that and don't fire the JavaScript. You can check with CSS.supports('anchor-name: --anchor') ✨

That's it!

@CodePen link below! 👇

[Wolf Conservation Center 🐺 @nywolforg]

Your moment of peace 😊

[Marisa Marlow Brantley @MarisaBrantley]

Why does it have to be like this? 😖

[CiviFirst @CiviFirst]

@HPUK's software on their Deskjet 2720 contains a few baffling things (setup includes mandatory wireless connection). But this is my personal favourite.

[CiviFirst @CiviFirst]

When #AI algorithms design your outfits...

[Imagine if you actually met someone dressed like this though]

#MachineLearning

[CiviFirst @CiviFirst]

@github #CiviCRM, with a well stocked stack board, a great API browser, meetups, and coding sprints. Love Civi!

[Expedia Group Technology @ExpediaGroupEng]

A machine learning algorithm walks into a bar… The bartender asks, "What would you like to drink?" The algorithm replies, "What's everyone else having?" 😂

[CiviFirst @CiviFirst]

@digitalocean Automated testing suite

[CiviFirst @CiviFirst]

@jetbrains Found a bug causing horrendous indexing issues on Windows. This is even the case on 2021.3.2 < some of your caches are set to be read only on Windows upon creation. It seems to get in a constantly updating loop.

[CiviFirst @CiviFirst]

@wmortada @ArtfulRobot I build the automatic Email Address Corrector extension when this arose in my employer - helped us off the spam lists, as sending to invalid emails helps get on them.

https://t.co/6TcYi52p2n

[Raspberry Pi @Raspberry_Pi]

OMG NOW YOU’RE RETWEETING THIS!

[CiviFirst @CiviFirst]

@digitalocean SOLID principles in architecture services?

[Kaspersky @kaspersky]

Every time.