SVG Daily Tip #19 You can make a safe area in an image that will never be cropped by adding your image in an SVG and defining the area in the viewBox 🐶

🚨With extreme ratios, the image may not cover 100% of the SVG.

Source code: https://codepen.io/Mamboleoo/pen/XWdKOQv

#SVGTipOfTheDay #SVG https://twitter.com/Mamboleoo/status/1295322229010501638

this is the best thing, ive ever seen, on twitter dot com

people who use spaces for indentation probably sleep on 4 thin pillows too because it’s more consistent across beds

“The Impossible Checkbox 🐻”

Now with sound! 🔊

⚒️ @reactjs && @greensock 💻 https://codepen.io/jh3y/pen/LYNZwGm via @CodePen

Dependency https://xkcd.com/2347/ https://m.xkcd.com/2347/

¿Sabías que el Homebanking apareció por primera vez en la FAMICOM de Nintendo? @facundomounes te cuenta esta insólita historia y cómo evolucionó a lo largo del tiempo

Video completo ➡️ https://www.youtube.com/watch?v=yDy8fgLbuF0

¡No te pierdas MundoG cada jueves desde las 20hs por @MTVLAargentina!

👉🏻 “Starboard brings cell-by-cell notebooks to the browser, no code is running on the backend here! It’s probably the quickest way to visualize some data with interactivity, do some prototyping, or build a rudimentary dashboard.”

🔗 https://starboard.gg/

coding moodily while listening to @billieeilish is my new vibe apparently

Theory: you can tell how terrifying a programming language is by Googling “[language] code” and seeing the distribution of dark mode to light mode screenshots.

Need to learn Python? Cool C? Hit or miss VHDL? Get a new career

One of my favorite software development practices is to wrap dependencies into custom abstractions.

I hate it when a third-party leaks all over my code and a refactor takes hours (if not days) because of it.

Did you know that you can tab between files when renaming in @Windows?

Because you can, and it saves a lot of time :)

~$ 2020 restart ~$ restart 2020 ~$ 2020 restart -f ~$ sudo 2020 restart

🤔

~$ sudo kill -9 2020 ~$ rm-rf ~/year/2020

I got nothin’… Anyone have any ideas?

Amazing cover of @radiohead’s “Creep” that should have a million views, but it has 15k. Watch it now so you can say you saw it before she blows up! https://youtu.be/U3MXv-jRvJM

🧙‍♂️I’ve put a spell on my computer and I can now use my wand to control light on websites!

🪄 See how I can switch to dark/light modes on @cassiecodes @jh3yy & @xdesro portfolios✨

(For those who don’t believe in magic, I made a #Chrome extension using the Web Speech API🎙️)

the older I get the more solidified is the idea that open communication is absolutely key to any interpersonal relationship

it’s so cliche but, mismatch of expectations seems to be like 99% of interpersonal issues

Only in America would Tik-Tok be banned before semi-automatic rifles

Own your audience – don’t rent it.

Owned audience = email, phone numbers, RSS subscribers https://twitter.com/web/status/1289419338915524609

My incomplete mental model for flexbox’s main axis

I’ve said this before, will say it again (and again):

Thank you to everyone who’s got an RSS feed set up on their blog/Website. Double thank you to those of you showing the whole article in the feed. 🌺

I’m always using percents in CSS, but often have to stop and ask: “% of what?”

hint: it’s probably not what you think.

hopefully this guide helps clear things up - there’s a fun exercise at the bottom, too:

http://wattenberger.com/blog/css-percents

A friend’s male assistant is a fake email account she runs because people called her “difficult” and “impossible” for having small windows of availability until “he” started running interference and then people just accepted she was fucking busy. I AM VERY INTO THIS.

Dark Ages of the Web https://css-tricks.com/dark-ages-of-the-web/

I’ll say it again the folks in the back - Medium is not a blog. It’s another walled garden like Facebook. Own your words or they can take them from you.

Images in Eye Reflections https://www.schneier.com/blog/archives/2020/07/images_in_eye_r.html

Working on code for a new project.

What I should do: learn the new state-of-the-art, figure out how to run this as a “serverless” system in The Cloud.

What I’m actually doing: fixing up decade-old PHP code, because it works, I trust it, and I know how to fix it if it breaks.

If you’re having a rough day please watch this cow singing Boehemian Rhapsody at a stop light.

Also, wear a mask…

What if, instead of creating AMP, Google used the site’s RSS feed to render a lite version of the page using some kind of RSS reading web app…

Herders in Lapland are spraying their reindeer with reflective paint to help drivers see them in the dark (https://www.npr.org/sections/thetwo-way/2014/02/20/280220511/these-reindeer-really-do-glow-and-its-for-their-own-good)

I made an SVG to show off Space Toggle as a state machine - no JS required! Vanilla #CSS binary logic goodness! Check it out here and lmk what you think! https://propjockey.github.io/bcd7sdd/

“Your blog doesn’t need a JavaScript framework” https://iainbean.com/posts/2020/your-blog-doesnt-need-a-javascript-framework/

Preach!

インターネット🌎

what the absolute heck

someone DMed me and straight-up offered to buy the ipad pro for me??

and they weren’t kidding - sent money to my paypal and everything, and so it’s shipping now?

aaaaaaaaa

they wanted to be anonymous but, you know who you are, thank you so so much 💖 https://twitter.com/FreyaHolmer/status/1283439526531268614

I missed the snowy mouse cursors on websites so I created a @googlechrome/@MicrosoftEdge extension to fix that✨

Now I’ve got my little bugs following my mouse and showing me the outlines of interactive elements 🐞 #fun

Biry, an argentinian, while playing a tournament of Age of Empires 2 DE wrote in the chat “Advanced to Castle Age”. His opponent thought it was a game notification and surrendered. Biry never passed to Castle Age. This is a typical and great example of “Argentineada”.

Normalizing being open about the fact that we don’t know everything is something I stand behind. There’s always something new to learn that we can share with others. And we shouldnt have our intelligence questioned because of it.

The entertainment manager in my nan’s care home decided to recreate album covers with some of the residents. This is my nan.

por dios el mate cocido niños de taragüi la mejor infusion creada de todo el planeta

I ♥ RSS

how to give good feedback

>KTLA illegal firework footage is trending >multiple comments about how “congratulations, we’ve literally become Blade Runner”

Me, a video editor with the soundtrack:

El que no conoce a Dios / A cualquier santo le reza

More of the whimsical web please. Let’s never lose the fun and playful side of web design! https://whimsical.club/

Pone un parlante, un microfono, y tirale mercurio y asi tenes memoria para la pc.

https://www.youtube.com/watch?v=TQCr9RV7twk&feature=youtu.be&t=1m55s

✍️ New Article: Aligning Logo Images in CSS

I put together an article about my process of aligning and centering logos. This is a common use-case in web design that worth its own write up. I hope you will find it useful!

🔗 https://ishadeed.com/article/aligning-logos-css/

Thanks for all the great questions during #webdevLIVE 😁

➡️ Check out http://1linelayouts.glitch.me (built for this talk!)

for some modern CSS layout and sizing techniques that highlight just how robust and impactful a single-line of code can be!

Video is coming soon 📽️

👉🏻 “Masks - a great interactive presentation on different masking techniques” 🔗 https://tdm.pw/masks/

By @t_dimartino

👉🏻 “Gotta Select’em all”

🔗 https://css.christmas/2019/5

Wow, I didn’t know about user-select:all in CSS.

Here’s a clever “pure CSS” implementation of that “should the text color be white or black on this particular background color for best contrast?” situation.

https://stackoverflow.com/questions/35969656/how-can-i-generate-the-opposite-color-according-to-current-color/60931880#60931880

Now that all modern browsers support SVG favicons, here’s how to turn any emoji into a favicon.svg:

<svg xmlns="http://www.w3.org/2000/svg" viewBox=“0 0 100 100”> <text y=".9em" font-size=“90”>💩</text> </svg>

Useful for quick apps when you can’t be bothered to design a favicon!

I built a bookmarklet that gives you console log output without opening devtools. I created it so I didn’t have to connect Mobile Chrome to a laptop to do basic debugging.

https://paul.kinlan.me/quick-console-bookmarklet-for-desktop-and-mobile/

It should work on Safari on IOS too (according to some blogs).

I wrote a bookmarklet that redirects you to the original tweet of the video that someone else used in their tweet

I wish Twitter could make it easier to track it down though

(m=>{m&&(window.location=m.slice(-1)[0])})(document.title.match(/(\bhttps?://t.co/[\w-.as]+)/g))

I’m going to draw at least 20 cats!!

reply with your cats in their most glorious poses and perspectives!

I’m starting with our Thor!!

PS3 emulator enthusiasts are downgrading the microcode on their Haswell CPUs, so that they can unlock the bugged implementation of TSX and get a big FPS boost on RPCS3

I just uploaded a 50 minute video about how rockets are made in a rocket factory. It’s amazing. https://youtu.be/o0fG_lnVhHw https://twitter.com/smartereveryday/status/1233207745240797185

A completely empty ferry terminal at night…

And the only object in the room is an artfully placed full page newspaper explaining what happened.

Because life is a video game.

It is clear there is going to be schism between pre-COVID19 world and post. https://twitter.com/Johnny_suputama/status/1258786799851376641

Si quieren bajarse ebooks en español GRATIS y directo para su kindle o lector de ebooks (ePub) y usan TELEGRAM es aquí la panacea de los lectores: sigan a @descargaEbooksBot (ese nombre en Telegram) que el bot les encuentra por libro/autor en su más de 75.000 títulos. RT wachis

I made this little thing @CodePen where you can check which blood group can donate to another blood group

https://codepen.io/RominaMartin/full/OJVdvRm

New article: Make your Progressive Web App not feel like a website, but like a “real” app, at the example of the Apple Podcasts app. https://web.dev/app-like-pwas/

Meanwhile in Russia.

I have extremely important news that requires your immediate attention https://haveyouseenthis.dog/

entr: rerun your build when files change https://jvns.ca/blog/2020/06/28/entr/

Dear Facebook ads: when I just bought something offering me 12 different other, similar products from other companies doesn’t mean I want them, too. The exchange has happened. We’re done here.

Dear websites,

Nobody wants to be forced to sign in to unsubscribe from your mailing list. Stop doing this.

The days go slow because nothing happens and the weeks fly by because nothing happened.

People will be like “i dont know a single person IRL who has had covid” and believe its not possible to get. Meanwhile, they dont know a single billionaire IRL and believe thats totally achievable

@bielsida Unos matrix, matrices, amaterasus, matesulis

This year sucks.

This

What are pointers, really? I will demonstrate by feeding my cat.

I’m old-fashioned.

I like my CSS seperated from my HTML; my HTML seperated from my JS; my JS separated from my CSS. I like my JS layer only added when I need it, usually progressively. CSS added progressively on top of semantic markup. I don’t fight the C in CSS, I embrace it.

Nos han hinchado las pelotas a morir con el libro 1984 de George Orwell, utilizándolo en cualquier momento y por cualquier cosa como sinónimo de “hey, estamos en una dictadura, MIREN, MIREN”. De forma nefasta, la derecha se adjudicó el patrimonio simbólico de 1984.

Abro hilo.

My new do-it-yourself dial-up ISP guide is finally ready, now with a modem pool for multiple clients!

https://dogemicrosystems.ca/wiki/Dial-up_pool

I’ve even got a USB modem this time :)

Hoy me levanto y encuentro mi pc asi. HASTA DONDE VA A LLEGAR LA DICTADURA DE ALBERTO FERNANDEZ?

Como dijo Orwell en 1984 Pag 22 Editorial Centro editor de cultura

“ABAJO EL GRAN HERMANO”.

No nos dejemos dominar por estos KOMUNISTASS

@AgustinAbadia96 @Pop_Aorta Ves? Por esto uno tiene que ser dueño de su data (?

on top of this - many students have questions they won’t ask because of the social pressure not to appear stupid in front of their classmates

this happens even when I literally tell students there’s no such thing as a stupid question, and that it’s super cool to ask

What absolute dystopian hell world are we living in.

A Priest giving social distance blessings with a squirt pistol and what, I’m assuming, is Holy water. 2020 folks.

@rockyugularrrr A ese le tenia desconfianza cuando vi la ambientacion, hasta que lo jugue y me parecio de los mejores juegos

@AgustinAbadia96 El Scooby Doo Universe thickens

https://www.youtube.com/watch?v=mxhbzR4TJmw

This is an amazing learning tool for any developer to get a sense of how fast various operations are. Something I think is increasingly lacking, with all the modern high-level abstractions

http://computers-are-fast.github.io

Props to @b0rk and @kamalmarhubi for this

@AgustinAbadia96 Laughs in public information

okay i mulled over this idea in my head for a month and then just sat down and wrote this in one pass without switching tabs so here it is, raw and extra spicy:

“Second guessing the modern web” https://macwright.org/2020/05/10/spa-fatigue.html

Don’t forget to sign the guestbook

Imagínate ser hija de Mary Wollstonecraft, de las primeras teóricas feministas, y de William Godwin, filósofo anarquista, además estar casada con Percy Shelley, ser amiga de Lord Byron y a tus 18 años escribir una de las novelas más importantes de la historia. Ídola Mary Shelley.

export PS1=" \w 👻 ->"

Gives you a Ghost in the Shell.

@StephanBruijnis @jimniod @markboulton https://thebestmotherfucking.website/

helping my parents with the internet 😐

Check out my new keyboard! It’s just got 7 switches and a button. You know binary, yeh? Just enter the binary value of the character you want to type, and then push the button. Nothing could be simpler!

Veamos a cuantos puedo hacer enojar. ¿Cuanto tenes que trabajar para estar en la elite?

https://pudymody.github.io/comparate-forbes-argentina/index.html

@Vinegar_Doppio1 @AgustinAbadia96 Pff, assembler? Yo uso una aguja imantada y toco la ram (https://xkcd.com/378/)

@AgustinAbadia96 @Vinegar_Doppio1 Cuando me salen las cosas si. Aunque a veces tambien la paso bien puteandome por el mismo motivo. En resumen, diria que si

This is so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so, so very good. https://mkorostoff.github.io/1-pixel-wealth/

a lot of people think Mega Man is 1,000,000 man but they are confusing them with Mebi Man

@AgustinAbadia96 @rockyugularrrr Maya admira y valida esta decision

These Reuters photos of a strip club in Oregon operating as a drive through takeaway service confirm that we have reached the neon anime sci fi part of our future dystopia.

Excited to be able to control my air-conditioner with a GameBoy Color, using my own ROM!

(How I built it: http://jg.sn.sg/ir/ )