👉🏻 “Centering in CSS - A guide to everything you need to know about centering in CSS”

🔗 https://ishadeed.com/article/learn-css-centering/

By Ahmad Shadeed - @shadeed9

for the past six months i’ve been secretly participating in the Do Not Get Arrested Challenge 2020 https://mango.pdf.zone/finding-former-australian-prime-minister-tony-abbotts-passport-number-on-instagram

#ad NEW VIDEO: About the time Kodak detected an atomic bomb before anyone else and kept it secret.

https://youtu.be/7pSqk-XV2QM

Part of this video was sponsored by @hbomax and their new series #RaisedByWolvesMax

We @citizenlab got quite the shoutout on @joerogan’s #jre podcast today by @Snowden. If you are concerned about your digital security, start basic & simple. Then build from there. We made a website to get you started: https://securityplanner.org

🚘 Array transformations 🚘

.forEach: everyone’s car gets a new paint job

.map(): everyone gets a newer model of the same car

.filter(): only people with station wagons get new cars

.reduce(): everyone’s car gets crushed into one super car

Soy estudiante de 1er año de derecho como te diste cuenta

I cant believe Mr. Grohl wrote a song about me!?! This is so so so #EPIC!! I think its the best song EVER, in the WORLD, EVER!!! Thank you so much Dave. You have raised the stakes to all instruments! I accept your next challenge! Thank you to the whole Grohl family! @foofighters

Modern web development: “If you just spin up an instance of Golden Goose on Elastic Clownshoes, then clone the flugelhorn inside a Bangwoosh container, connect to the Zonk using Zonk -commit -rj -hgs.plonk, you’re good to go. Chrome only of course”

In video meetings it’s a hassle to unmute just to say one word especially if someone else is speaking. I created a video lens that uses hand gestures to show comic-book style messages instead. So far it’s been pretty fun!

I’ve also pushed a very small update to my website, and its chaotic layout (please, don’t look at the code 🙈).

That green screen is starting to pay off (@marisamorby 💚).

Geese on the bus there’s geese on the bus people

Haha. I’ve just spent 5 minutes manually decoding this binary message from season 5 of Silicon Valley and it says, “FIND A HOBBY FOR GOD’S SAKE” 😂

@chriscoyier Maybe this https://itty.bitty.site/

i think everyone’s goal in life should be to be as happy as this lab at the playground (viralhog)

I’m sick of how over-engineered and bloated the web is.

Most websites could just be some html + css + a <form>

Someone put Blade Runner 2049 music to drone footage of San Francisco on 9/09/20 credit to Terry Tsai (YouTube) #BayArea #BayAreaFires

A new-gen Xbox console will be priced LOWER THAN a vial of insulin that keeps me alive for a week. $299 v. $324. Imagine having to buy an Xbox every week for the rest of your life, just to survive. This is my America. https://twitter.com/verge/status/1303174099074777088

When a guy says ‘She’s asking for it’

En fin, la hipocresía

Yesterday I had a lot of retweets and reddit posts and such for playing Doom on a pregnancy test. But as I explained then, it wasn’t really PLAYING on a pregnancy test, it was just a video being played back, not an interactive game.

Well, now it is. It’s Pregnancy Test Doom!

This is really really cool https://dev.to/sebastianstamm/this-image-is-also-a-valid-javascript-file-5fol

@NihilisticAlien @Tengoku Te esta mintiendo, es Billie Joe

The other day, I followed the SVG course by @sarah_edo and I’ve been having a blast with it since. Here’s a little animation of one of my cats. He follows your mouse (or tap on mobile) https://3e0tr.csb.app/

Mentally I’m here

<legend>Zelda</legend> <link href=“past.css”>

I saw a tweet recently that I wanted to confirm. Sadly I can’t find it right now, but it was about digital pregnancy tests. So, I went out and grabbed a 2-pack for 7 dollars: let’s tear it down!

In terms of perceived performance, I’ve said before that ‘More Weight Doesn’t Mean More Wait’. In other words, you can make a heavy page appear to load quickly by sorting your delivery priorities. But I should add that more weight often does mean more waste. https://twitter.com/gerrymcgovern/status/1301093367351304192

every time i think im doing some horrible frontend code that ‘works’ i think back to when fallout 3 wanted to animate a train but objects cant move in their engine so they gave an invisible guy a train-shaped-sized hat instead and made him run the tracks. thats the spirit

The Plus Four Wristlet Route Indicator, a British product from the 1920s, is a scroll-map navigator in the shape of a watch. It came with tiny interchangeable instructions that you scrolled manually to see which roads to take when driving.

my friends: you need to let it go and move on with your life

me:

Don’t we all women have this app anyway?

Number Scrubbing https://css-tricks.com/number-scrubbing/

I took an 85 megapixel shot of the moon last night by blending together 24,000 individual image frames. #astrophotography #opteam #space

“There’s more than meets the eye”

A good gentle reminder from ⁦@vanschneider⁩ to take it easy on yourself, don’t believe everything you see, and always remember that you only see what they want you to see. Social media is full of curated illusions. https://vanschneider.com/theres-more-than-meets-the-eye

http://metatags.io is really becoming my favorite tool to test social cards with an easy to remember URL (yeah I do type them quite often haha) and quick access to official debuggers in order to invalidate cache on their ends~

👉🏻 “CSS Zoo”

🔗 https://codepen.io/collection/AVVabV

Lots of lovely CSS animals by @s_aitchison

hate when mfs weave latin and shit into their arguments. “𝘲𝘶𝘪𝘥 𝘱𝘳𝘰 𝘲𝘶𝘰” well damn bro omelette du fromage to you too

👉🏻 “How a ‘NULL’ License Plate Landed One Hacker in Ticket Hell”

🔗 https://www.wired.com/story/null-license-plate-landed-one-hacker-ticket-hell/

Every time a ticket officer forgets to add the licence plate to a citation it goes to him, so far $12k.

CSS != design

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/