@heybran@mastodon.online
@heybran@mastodon.online avatar

heybran

@heybran@mastodon.online

Banner alt: A picture of Pabongka Hermitage located at the north side of Lhasa city, picture taken on April of year 2023 when we can see beautiful peach blossom around the hermitage. #HTML #CSS #WebComponents #Accessibility #WordPress #php #Photography #ChinesePoetry #普通话 #相声 #RemoteWork

This profile is from a federated server and may be incomplete. Browse more on the original instance.

markstos, to fediverse
@markstos@urbanists.social avatar

Why I prefer reading blogs to and am looking forward to their networking. I'm not sure if Medium authors remember this is the first impression that many of their blogs will see-- a good part of the page covered with a popover.

heybran,
@heybran@mastodon.online avatar

@markstos It’s a bit frustrating. This is the screenshot of me viewing an article on my phone earlier following a shortened url on Mastodon post. community, can we do BETTER?

heybran, to javascript
@heybran@mastodon.online avatar

Using inline events handlers inside vanilla side project is kinda nice, what do you think? Love the freedom and joy of writing vanilla .

https://heybran.cn/blog/web-components-inline-event-handlers/

heybran, to php
@heybran@mastodon.online avatar

Hello friends, do you have any book recommendations for software development with php?

heybran, to accessibility
@heybran@mastodon.online avatar

I see this statement: "zoom in up to 400% without the text spilling off the screen." and I tested my personal site on 400% and it looks horrible. What about yours? If your site looks good on 400%, please comment as I would love to see it.

heybran,
@heybran@mastodon.online avatar

@aardrian Hi Adrian, wow didn’t expect to see your reply here. My bad, I should’ve studied WCAG more before posting that. I will surely spend lots of time on your site.

heybran,
@heybran@mastodon.online avatar

@aardrian So so sorry, wrong wording, please ignore my last comment. What I meant (hope I get it right this time) was as a student of accessibility, I’m surprised to receive a comment from someone so renowned as you. Back to the original question, I was reading this 400% value from https://design-system.service.gov.uk/accessibility/ and I’m not sure what viewport that 400% is matching. So it is really irresponsible of me to post the question without providing more context.

noellemitchell, to webdev
@noellemitchell@mstdn.social avatar

deleted_by_author

    •
    heybran,
    @heybran@mastodon.online avatar

    @noellemitchell Yah, so much to learn, especially semantic HTML.

    heybran,
    @heybran@mastodon.online avatar

    @noellemitchell Glad you’re having fun. I would also recommend this axe DevTools chrome extension that can evaluate the accessibility of your markup, really useful.

    Jbasoo, to 11ty
    @Jbasoo@mastodon.social avatar

    I've just started learning and oh my days there seems to be a lot of ways to boilerplate this. Should I just use ? It looks like I'd need a bundler which seems overkill for my tiny site.

    Also, are there any good courses around?

    heybran,
    @heybran@mastodon.online avatar

    @Jbasoo Here’s few resources that I collected when I was starting to learn Web Components. https://github.com/heybran/web-components-resources

    joelanman, to CSS
    @joelanman@hachyderm.io avatar

    Doing a bit of from scratch for the first time in a while and remembering that form inputs do not inherit font styles by default. Very odd decision

    heybran,
    @heybran@mastodon.online avatar

    @joelanman Same goes for button element if I remember it correctly?

    heybran, to random
    @heybran@mastodon.online avatar

    Shameless Plug: Cucumber Components is an ongoing project I'm working on for the past few months. It is built with without TypeScript & any external dependencies so it’s super friendly to beginners to get involved. If you’re new to Web Components and also a fan of vanilla JavaScript like me, feel free to check out this project. Although, please note that there are probably a million things I did wrong on this project.

    https://github.com/heybran/cucumber-components

    leetNightshade, to random
    @leetNightshade@mastodon.social avatar

    made their Firefox extension require access to Private mode; they borked their extension in an attempt to invade our privacy.

    I will look for another VPN provider if they do not correct this action. I'm a customer of 6.5 years.

    heybran,
    @heybran@mastodon.online avatar

    @_benui @leetNightshade Same here, used Proton before. They’re privacy focused, like for real.

    ayo, (edited ) to random
    @ayo@ayco.io avatar

    Wrote a minimal base class for creating my custom elements easily, so I only have to define the template and observed attributes. :)

    https://git.sr.ht/~ayoayco/web-component-base

    heybran,
    @heybran@mastodon.online avatar

    @ayo Yay, love vanilla Web Components!

    horuskol, to accessibility
    @horuskol@phpc.social avatar

    It's , but I want to put a little twist on it:

    Do you have a blog with an feed?
    Do you write about ?

    Because I'd like to follow you and your feed :)

    heybran,
    @heybran@mastodon.online avatar

    @horuskol Previously worked with vanilla Web Components at my last job, currently working on vanilla Web Components projects and also actively seeking Web Components developer role. Also trying to implement Web Components on a Wordpress plugin, nah, need to learn some PHP first :welp:

    heybran, to random
    @heybran@mastodon.online avatar

    If you’re new to , I’ve written up a short blog showing 3 ways to preserve a correct this context inside web components methods without using bind(), it tripped me up when I was starting to learn web components in the beginning.

    https://heybran.cn/blog/an-interesting-fact-on-remove-event-listener/

    heybran,
    @heybran@mastodon.online avatar

    @tbroyer Awesome, haven't built web components with TS yet, would love to try it out soon.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • JUstTest
  • tacticalgear
  • DreamBathrooms
  • thenastyranch
  • magazineikmin
  • Durango
  • cubers
  • Youngstown
  • mdbf
  • slotface
  • rosin
  • ngwrru68w68
  • kavyap
  • GTA5RPClips
  • provamag3
  • ethstaker
  • InstantRegret
  • Leos
  • normalnudes
  • everett
  • khanakhh
  • osvaldo12
  • cisconetworking
  • modclub
  • anitta
  • tester
  • megavids
  • lostlight
  • All magazines
    •