2월에 Nick Taylor와 저는 Twitch 스트림의 또 다른 멋진 달을 시작했습니다. 이것은 우리와 함께한 모든 훌륭한 손님을 모은 것입니다.

Dann Ott와의 짝 프로그래밍

Dann Ott는 오픈 프런트 엔드 문제를 해결하기 위해 우리와 함께했습니다.

Safari에서 `gap`이 `flex`와 함께 작동하지 않습니다. #12452

ludwiczakpawel
Jan 27, 2021에 게시됨



버그 설명
나는 gap (뿐만 아니라 grid-gap )가 flex 요소와 완벽하게 잘 작동한다고 생각하며 살아왔습니다. 오늘 저는 Safari에서 지원되지 않는다는 것을 알게 되었습니다. 즉, Safari에 누락된 공백이 있다는 것을 의미하며 이미 몇 가지 보기를 테스트한 것을 확인했습니다.
즉, 뷰(flex , gap-* , .html.erb )에서 두 유틸리티 클래스.js와 .jsx의 조합의 모든 인스턴스를 수정해야 하며 유사한 상황의 모든 인스턴스도 SCSS 파일에서 수정해야 합니다. ...
예, gap는 grid와 함께 작동하지만 grid is for layout and flex is for components 때문에 모든 flex 인스턴스를 grid로 단순히 대체해서는 안됩니다.
따라서 대부분의 경우 우리는 gap 속성을 제거하고 자식 요소에 대한 추가 여백으로 대체해야 합니다...
재현하려면
Safari에서 사이트를 테스트하십시오.
데스크톱(다음 정보를 작성하십시오):

브라우저: Safari.

스마트폰(다음 정보를 작성하십시오):

브라우저: Safari

View on GitHub


이 버그는 DEV에서 gap 속성을 사용할 때마다 Safari에서 발생했습니다.

CSS Grid, Flex-box 및 기타 대안을 언제 사용해야 하는지에 대해서도 이야기했습니다.

댄을 팔로우할 장소

개인 웹사이트:
https://www.dtott.com/
트위터:

가상 커피:
https://virtualcoffee.io/
클리블랜드 반응:
https://clereact.dev/

수잔과 케이티를 소개합니다

우리는 동료인 Katie Davis와 Suzanne Aitchison을 소개하고 이야기를 나눴습니다.
우리는 11y, JavaScript, 개발자 도구, Forem에서의 작업 등에 대해 논의했습니다.

수잔을 따라갈 곳

트위터:

개발:

A11y 업그레이드:
https://www.upyoura11y.com/

조노영과의 짝 프로그래밍

기사 제목에 나타나는 마크다운 버그를 해결하기 위해 Jono Young과 합류했습니다.

일부 기사 미리보기에서 꺾쇠 괄호와 같은 특정 문자가 잘못 표시됨 #2204

kenbellows
Mar 25, 2019에 게시됨





버그 설명
기사의 /comments 보기를 볼 때 기사의 첫 줄 반 정도가 표시됩니다. 첫 번째 비트에 꺾쇠 괄호가 있는 인라인 코드가 포함된 경우(예: 당신이 쓴 경우 :

this is an article about `<span>` tags

이것은 기사 미리보기에 "이것은 태그에 대한 기사입니다"로 나타납니다.
재현하려면
동작을 재현하는 단계:

' '(으)로 이동합니다.

최소한의 머리말을 입력하고 `published: true로 설정한 다음

를 입력합니다.

this is an article about `<span>` tags

기사를 저장합니다.

{기사 URL}/댓글로 이동합니다.

미리보기 텍스트에서 <span>를 확인하십시오.

예상되는 동작
미리보기에 "<span> 태그에 대한 기사입니다"라고 표시될 것으로 예상됩니다.
스크린샷
예:

데스크톱(다음 정보를 작성하십시오):

운영 체제: macOS Mojave 10.14.3

브라우저: Chrome 72.0.3626.121, Opera 58.0.3135.107

View on GitHub

Jono를 팔로우할 장소

트위터:

조나단 영의 블로그:
https://www.jonathanyeong.com/
개발자 프로필:

유튜브 채널:

뉴스 레터:
https://newsletter.jonathanyeong.com/


Todd Libby와 함께 수요일 연습🦞

우리는 Todd Libby와 함께 a11y, 웹 표준, 랍스터 롤 🦞 등에 대해 이야기했습니다.

Todd를 따라갈 곳

개인 사이트:
https://toddl.dev/
트위터:

경련:
https://twitch.tv/toddlibby
프런트 엔드 Nerdery 팟캐스트:
https://anchor.fm/frontendnerdery
프런트 엔드 Nerdery 팟캐스트 채널:
뉴스 레터:
https://buttondown.email/colabottles
링크드인:

이번 달 스트림에 참여하고 대화를 나눈 모든 시청자에게 감사드립니다!

ThePracticalDev Twitch 채널을 팔로우하여 이번 달 매주 수요일에 우리와 함께하는 모든 훌륭한 게스트를 확인하십시오.