#dev 2018-07-25
2018-07-25 UTC
# 
KartikPrabhu bootstrap--
# 
gRegorLove Generally it's incorrect Bootstrap if you see something like `<div class="col-md-6">... <div class="col-md-6">`... columns nested inside each other without an intervening `<div class="row">`
# gRegorLove Eh, CSS Grid would have a similar number of elements
# KartikPrabhu no not really
# KartikPrabhu but it also avoids horrible div soups
# KartikPrabhu anyway
# gRegorLove [citation]?
# KartikPrabhu not my hill to die on
# gRegorLove KartikPrabhu: Wasn't trying to argue. I'm pretty new to CSS Grid so would love to see how I can simplify a grid like that.
# KartikPrabhu gRegorLove: give me an example and I'll modify it
# gRegorLove dmcweeney, I'm not sure you want/need to.
# KartikPrabhu yeah that already tells you. you don't need the box classes for anything
# KartikPrabhu dmcweeney: that is common when learning new things, not to worry
# gRegorLove .box may be extraneous, but what about the divs? I thought you were saying the divs aren't necessary.
# KartikPrabhu yeah those <div> can be an actualy semantic element like <article> or <button>
# KartikPrabhu or <p>
# gRegorLove So, back to what I said about similar number of elements :)
# KartikPrabhu ok go on then
# KartikPrabhu again not my hill to die on
# gRegorLove We're not disagreeing :)
# KartikPrabhu also that happens ^
# KartikPrabhu you have fix the floating nonsense
# gRegorLove Great!
# gRegorLove Did you write the CSS for boxLA and such, or is that from a starting template?
# gRegorLove Ah, can we see the starting page this is based on?
# gRegorLove The boxLA classes use "float" CSS property, which does weird stuff to the visual display of elements.
# gRegorLove Not sure, I'd need to dig into this further which I can't right this moment unfortunately.
snarfed joined the channel
[jgmac1106] joined the channel
# 
[jgmac1106] @dmcweeney you are using an older template of mine and I didn't have a long time when we met today, sorry, but I am happy to not ever really use floats anymore. Moved on to stinking at something else. First bootstrap and now CSS Grid.
# [jgmac1106] Yeah, horribly not responsive on my phone, and that's my bad.
# [jgmac1106] I have a better template on Glitch
# [jgmac1106] It's just the human addiction to a pattern of threes
# [jgmac1106] Yes but that is layout. Not really a code, and in what I recall it was floats mixed in with bootstrap or skeleton... I have a lot of residue out there
# [jgmac1106] In the end content always matter first. The simplest layouts have the lowest overhead, but whitespace is always your friend.
# [jgmac1106] No I meant more from my instructional design, the eurocentric named holy grail of web design, and the five paragraph essay. Three things
# [jgmac1106] The float left and float right between boxLA and BoxLA2 are your problem. That is css I haven't cleaned up since https://networkedlearningcollaborative.com
# KartikPrabhu floats are hard, specially for new learners
# [jgmac1106] And it's its littered with my new learner mistakes
# [jgmac1106] And I was trying to style within a WordPress theme...Then carried bad stylesheets with me like a drunken tattoo
# [jgmac1106] Stamped forever.. A little off centered
[ryan339] joined the channel
# 
@ChrisAldrich ↩️ @A11YForAll @twynn92 @MarcoInEnglish I wrote a short introduction about Webmention last week for @alistapart:
https://alistapart.com/article/webmentions-enabling-better-communication-on-the-internet (twitter.com/_/status/1021918995677687808)
# [jgmac1106] Yeah my Glitch tutorial is better. Broken CSS Grid rather than broken floats.
# [jgmac1106] It's basically three choices, use well groomed silos, stick to a text only approach, or accept the weird and broken on to your path towards beautiful
# [jgmac1106] But if you take the instructional design of your lessons, and don't touch the html and CSS for now you should be fine
[kevinmarks] joined the channel
# 
[kevinmarks] if you want things alingedn ina . row, flexbox is easier
# [kevinmarks] put style="display:flex" on the element around them, done.
# KartikPrabhu no! don't use styles in HTML :|
# [jgmac1106] @drewmcsweeny has a stylesheet
# [kevinmarks] OK, do it with a class if you want
# KartikPrabhu specially for new learners who don't know specificity stuff
# [jgmac1106] no inline
# KartikPrabhu yes! thank you
# [jgmac1106] Agreed, Thimble did get a lot right for new learners
# [kevinmarks] the actual thing I do is use the inspector, put the styles on until it looks right, then copy that to the css
# KartikPrabhu yeah, that is also confusing because specificity
# [jgmac1106] I love the new Inspector in FF Dev edition, especially the CSS grid
# KartikPrabhu things you put inline do not work in the same way in a stylesheet
# [jgmac1106] @drewmcsweeny I will take in a few. Wrapping presents and working on post comparing technical debt to dirty diapers
zoglesby joined the channel
# 
@MarcoInEnglish ↩️ Yup, that was the article that finally got me going with my sites. Webmentions are better than pingbacks or trackbacks, and they are a W3C standard. http://Micro.blog implements them, too. But I don‘t know to what extent. Am no longer with the service. (twitter.com/_/status/1021923355144937472)
# @ChrisAldrich ↩️ .@pfefferle, @dshanske, and 700+ others have been self-dogfooding Webmention for a while. Feel free to join us in the IndieWeb #WordPress chat to talk about some remaining work and support it might require to do so.
https://chat.indieweb.org/wordpress/
https://boffosocko.com/2018/07/24/reply-to-morten-rand-hendriksen-about-webmention-and-wordpress-core/ (twitter.com/_/status/1021923613916581888)
snarfed, [chrisaldrich], strugee, mblaney, renem, [dougbeal], [matpacker] and [kevinmarks] joined the channel
# [kevinmarks] I think I've fixed svgshare.com now, and guarded against that style of image attack
# [kevinmarks] also, chrome is breaking profile images from twitter now https://bugs.chromium.org/p/chromium/issues/detail?id=867300
# [jgmac1106] @mblaney how does Indiepay.me work now? Thinking of endorsements and badging... A third party..or domain as a ledger.. I would love for a learner to "request a payment".. A badge.. And then I can then "make a payment" award a badge.
# [jgmac1106] Sounds like just changing currency from money to gold stars
# [jgmac1106] [eddie] I could see endorsements being done the same way. Any given community to keep their own ledger.
# 
@khurtwilliams Chris Aldrich wrote an introduction to Webmentions on ALA. (Island In The Net) https://t.co/03hB2tIh1n (twitter.com/_/status/1021960975027720192)
tantek, strugee and eli_oat joined the channel
# 
@megarush1024 ↩️ It's gonna be amazing. Go sign into http://brid.gy with Twitter and you can collect webmentions, retweets, and likes on your posts from here as well. (twitter.com/_/status/1021991607275606016)
# @megarush1024 ↩️ @MarcoInEnglish IMHO webmentions and the rest of indieweb are the best things since sliced bread. (twitter.com/_/status/1021991765644070912)
cweiske and leg joined the channel
# 
@cathy_dutton Webmentions: Enabling Better Communication on the Internet · An A List Apart Article https://alistapart.com/article/webmentions-enabling-better-communication-on-the-internet (twitter.com/_/status/1022033403296792578)
# 
@jackysee Webmentions: Enabling Better Communication on the Internet · An A List Apart Article https://alistapart.com/article/webmentions-enabling-better-communication-on-the-internet (twitter.com/_/status/1022045316592398336)
tantek__, [kevinmarks], KevinMarks, strugee and jgmac1106 joined the channel
# 
@kpodnar Webmentions as a specification has only recently become a broad recommendation for use on the internet, but it could make the business of digital + #digitalmarketing a cross-platform conversation that reaches more people in an easier way. https://kpodnar.link/better-comm (twitter.com/_/status/1022062919171891200)
# jgmac1106 can anybody peak at this to make sure I made no mistakes before it ends up in a video? http://jgregorymcverry.com/about-me-2/
# 
Loqi [john] Hi Greg,
Not sure how you want the image to display, but I had a quick pass at this:
http://johnjohnston.info/blog/flickr-faves/
iasai joined the channel
# 
@andrewsreading ✌ @Reading "Webmentions: Enabling Better Communication on the Internet" http://ing.am/p/529v (twitter.com/_/status/1022079158262919168)
KevinMarks, iasai and leg joined the channel
# 
@pstuifzand Today I improved the flow when logging in from micropub clients to Ekster. Now you continue with the Indieauth when you aren't logged in. Also now the app name and logo are shown when you login with a Micropub client. https://p83.nl/p/813 (twitter.com/_/status/1022105175283191813)
KevinMarks joined the channel
# 
@_marcusherrmann @marcthiele Hi Marc - 'tschuldige die Störung. Nutzt Du auf http://marcthiele.com Bastians oder Sebastiaans Webmention-@getkirby-Plugin, & hast du irgendwelche besonderen Einstellungen vorgenommen? Webmentions kommen bei mir (https://marcus.io/blog/a-webmention-linklist) nach dem Zufallsprinzip an (twitter.com/_/status/1022108142946136064)
# 
@hallo_marcus Webmention Leben Tanzen Welt #ITSchlager #ITDeutschPop (twitter.com/_/status/1022111433193123840)
KevinMarks, iasai, leg and [jgmac1106] joined the channel
# [jgmac1106] @drewmcweeney I was right, the template you are using uses bootstrap, you can remove the floats totally
# [jgmac1106] think about bootstrap like a row with up to twelve boxes https://www.w3schools.com/bootstrap/ for review
# [jgmac1106] to get a row of three boxes just do <div class="row"><div class="col-md-3">box 1</div><div class="col-md-3">box 1</div><div class="col-md-3">box 1</div></div>
# [jgmac1106] You can style each box in you css, sorry I never wrote a good tutorial file for that, but I think you found it on GitHub and imported into Thimble
# [jgmac1106] Been putting more time into Glitch, though I like some of the learning tools in Thimble better
# [jgmac1106] and you would use off sets not spaces to center something in bootstrap, not like what I did here: <div class="col-md-4">   </div>, don't have time to fix that but will remix project and build a bootstrap row for you to copy
dmcweeney joined the channel
# [jgmac1106] yeah i suck at math
# [jgmac1106] remixing now, two minutes...and I taught math, it fades fast
# [jgmac1106] need to go to some regression analysis as punishment, or hand calculate an eigenvalue
# [jgmac1106] try that
# [jgmac1106] I only did the readings in module 1
# [jgmac1106] looking at how big your participation div is you may want to put the read and write in a <col-md-6> and the participation in its own row with <col-md-12>
# [jgmac1106] there is a ton of inline styling, especially centers that should be moved into the stylesheet but that isn't critical
# [jgmac1106] one box per row
# 
@lovelocaldesign We all know how to mention other users on #SocialMedia using the @ symbol, but what about across websites? #Webmentions were recommended by the #W3C over a year ago, and here's a good piece on how they work. http://ow.ly/PiCf30l5e1O (twitter.com/_/status/1022121886216597505)
# [jgmac1106] it will go horizontal on mobile, Thimble has a mobile preview
leg joined the channel
# [jgmac1106] @mblaney some thoughts on indiepay.me as a ledger for webmention badges: http://jgregorymcverry.com/5021-2/
[eddie] joined the channel
# 
[eddie] !tell jgmac1106 I guess I’m not totally convinced that a third party ledger is needed for endorsements. For example what “Community” would keep track of my job skills? I can see how having a third party ledger for a school would be useful, but I think it should be optional and not required
KevinMarks joined the channel
KevinMarks joined the channel
# [eddie] The good news for bridgy is: https://twitter.com/palmin/status/1021855495177596928
# 
@palmin @Fahrni I think looks like a anti spam measure and this won’t hit Twitter clients that post on behalf of real user activity. https://pbs.twimg.com/media/Di5cJviXcAAE8rB.jpg (twitter.com/_/status/1021855495177596928)
snarfed, KevinMarks_, KartikPrabhu, KevinMarks, jgmac1106 and [snarfed] joined the channel
# 
@A11YForAll ↩️ Is it a complicated process? I'm all about this webmentions thing, have enjoyed playing with it a bit on http://micro.blog. (twitter.com/_/status/1022148410030338053)
[jsorge], [cleverdevil], [jgmac1106] and renem joined the channel
# 
@jaspervoskuilen Webmentions: Enabling Better Communication on the Internet https://buff.ly/2NtLGgp (twitter.com/_/status/1022157031183134720)
KevinMarks_, KevinMarks and tantek__ joined the channel
# 
@nilshauk Great article on webmentions, a tool to dismantle the walled-gardens of the internet: https://alistapart.com/article/webmentions-enabling-better-communication-on-the-internet (twitter.com/_/status/1022159287441874944)
KevinMarks, eli_oat, jackjamieson, gRegorLove and KartikPrabhu joined the channel
# 
@hsianghui Webmentions: Enabling Better Communication on the Internet #communication #webmentions #webdesign #web #websites http://alistapart.com/article/webmentions-enabling-better-communication-on-the-internet (twitter.com/_/status/1022170878405107712)
calumryan and KevinMarks joined the channel
[snarfed] joined the channel
# gRegorLove dougbeal might
[eddie], jackjami_, KartikPrabhu, [cleverdevil] and [kim_landwehr] joined the channel
# 
[kim_landwehr] let me know if you solve the location header problem [jsorge] I am having the same problem
snarfed joined the channel
# [kim_landwehr] oh okay [dougbeal] thanks for the heads up
# 
@purplehayz Webmentions: Enabling better communication on the internet http://dld.bz/gUDvA (twitter.com/_/status/1022195032831537154)
[eddie] joined the channel
# [kim_landwehr] Logging into Quill using my domain connected to micro.blog, http://wrke.online/ and I noticed that the Editorial option is not available, does anyone know what might be causing this @manon, [aaronpk]
# [kim_landwehr] sorry that should have said [manton]
[pfefferle] and [jgmac1106] joined the channel
# [jgmac1106] But isn't [manton] going for that short post microblog vibe? Might be feature and not bug
# Loqi [jgmac1106]: [eddie] left you a message 4 hours, 41 minutes ago: I guess I’m not totally convinced that a third party ledger is needed for endorsements. For example what “Community” would keep track of my job skills? I can see how having a third party ledger for a school would be useful, but I think it should be optional and not required
# 
[cleverdevil] [jgmac1106] nope, Micro.blog has become a full website hosting platform.
# [cleverdevil] He migrated his whole site over even 🙂
[manton] joined the channel
snarfed joined the channel
# [eddie] I don’t think the name is used super often. Micro.blog and Indigenous create a long post if content > 280 characters and you enter a title. So essentially once I add support if a server didn’t support Articles, I would just never show the Title field in Indigenous. Quill primarily uses the paper icon. You might see what config string if you hover on top the icon
# [kim_landwehr] 👌 [manton]
snarfed, eli_oat, KartikPrabhu and bradenslen joined the channel
# snarfed interesting anecdotal measurements on migrating bridgy from mf2py 1.0.4 to head (1.1.1 plus bug fixes): https://snarfed.org/mf2py_104_to_head.png
# [cleverdevil] Hm, interesting.
# KartikPrabhu might be from all this new fangled copy and textcontent bits
# KartikPrabhu yup
# KartikPrabhu I do think that it is good not to modify user-provided soups
[kevinmarks] joined the channel
# KartikPrabhu default=make copy, otherwise not?
# KartikPrabhu oh then it might be the copies made by backcompat or the new textContent things
# KartikPrabhu the textContent part is pretty inefficient with all the whitespace removal stuff
# KartikPrabhu no the final loops which collapse spaces and new lines
# KartikPrabhu each loop is more than O(n) I think
# KartikPrabhu I use O ;)
# KartikPrabhu ok this is a good use case for a "copy" flag or something
[matpacker] joined the channel
# KartikPrabhu yeah, good luck :P
# KartikPrabhu snarfed: yes I read that when I added the option to parse the alt of an image, maybe I shouldn't have done that ;)
# [cleverdevil] Hah, that's one way to do it I suppose.
# KartikPrabhu very few things are wrong!
# KartikPrabhu ok so. should we just not make a copy and warn the user in the docs that things get modified?
# snarfed i think there are good profiling tools in https://cloud.google.com/stackdriver but i've never tried them
tantek and jgmac1106 joined the channel
# 
loqi.me created /this_day_in_history (+24) "prompted by tantek and redirect added by tantek" (view diff)
[jgmac1106] and [cleverdevil] joined the channel
# [cleverdevil] Interesting, I am downloading my wife's facebook data export, and now you can export JSON data and request high resolution photos.
# [cleverdevil] May not need to use the Graph API after all, which it turns out may be necessary, because I just tried using fb-export and Facebook started rejecting requests after only 10 pages of data were fetched.
# [cleverdevil] (Indicates to me that they're trying to make this harder...)
# [cleverdevil] facebook-- for making using the Graph API shittier.
leg joined the channel
# KartikPrabhu what is architeture astronomy?
# Loqi It looks like we don't have a page for "architeture astronomy" yet. Would you like to create it? (Or just say "architeture astronomy is ____", a sentence describing the term)
# KartikPrabhu hmmm oh well nice tweet about it https://twitter.com/jensimmons/status/1022203343475748864
# 
@jensimmons Design solves a problem. If you don’t know what that problem is, or who is having it, you aren’t designing. You are chasing your own fantasies. Maybe you’ll get lucky and create something for people just like you. Or you could get customer-focused and have more of a sure thing. (twitter.com/_/status/1022203343475748864)
# KartikPrabhu aah yes plumbing-first makes more sense
[snarfed], [matpacker], snarfed, KevinMarks_, tantek__ and [dougbeal] joined the channel
# @ChrisAldrich ↩️ @dangillmore, @froomkin and other journos have played around with @hypothes_is (which has private group functionality): https://twitter.com/dangillmor/status/889148750781960193
@dwhly et al have started discussing adding webmentions as well: https://twitter.com/dwhly/status/1021764682963546112
https://boffosocko.com/2018/07/25/reply-to-kevin-marks-et-al-on-webmention-and-annotations/ (twitter.com/_/status/1022267194015547392)
[cleverdevil] joined the channel