본문 바로가기

전체 글380

CSSBattle | #9 큐브 CSSBattle 챌린지에 오신 것을 환영합니다! 이 짧은 글에서, 저는 CSSBattle - #9 큐브 챌린지에 대한 저의 해결책을 살펴봅니다. 나의 사고 과정과 구현 세부 사항에 대한 더 나은 통찰력을 얻으려면 아래의 코드 조각을 참조하세요. 언제나 그렇듯이, 저는 도전의 실행 세부사항에 대한 피드백이나 질문을 환영합니다. 그렇지 않다면, 이것이 유용했기를 바랍니다! 2022. 3. 2.
HTML로 Tailwind CSS를 설정하는 방법 이 글에서는 HTML 프로젝트로 Tailwind CSS를 설치하고 설정하는 방법을 보여드리겠습니다. 새 프로젝트 만들기 새 폴더 tailwind-html을 만들고 디렉토리를 새로 만든 폴더로 변경해 봅시다. mkdir tailwind-html cd tailwind-html 패키지를 만듭니다.json 파일 npm init -y Tailwindcss 종속성 설치 npm install tailwindcss@latest npm install autoprefixer@latest npm install @tailwindcss/forms 테일윈드 구성 파일 만들기 npx tailwindcss init 패키지를 업데이트합니다.json 파일 패키지를 엽니다.json 파일을 다음과 같이 변경합니다. "scripts": { .. 2022. 3. 2.
CSSBattle | #10 은닉된 정령 CSSBattle 챌린지에 오신 것을 환영합니다! 이 짧은 글에서, 저는 CSSBattle - #10 Clocked Spirits 도전에 대한 저의 해결책을 살펴봅니다. 나의 사고 과정과 구현 세부 사항에 대한 더 나은 통찰력을 얻으려면 아래의 코드 조각을 참조하세요. 언제나 그렇듯이, 저는 도전의 실행 세부사항에 대한 피드백이나 질문을 환영합니다. 그렇지 않다면, 이것이 유용했기를 바랍니다! 2022. 3. 2.
CSS 부품의 올바른 이름 CSS 섀도 파트는 웹 구성 요소의 섀도 루트 내부에 요소를 노출시켜 CSS를 가진 소비자가 스타일링할 수 있도록 하는 데 사용된다. 하지만 우리는 이 부분을 뭐라고 부를 수 있을까요? 유효한 CSS 부품 이름을 구성하는 문자는 무엇입니까? 알아내려면 스펙에 뛰어들어야 했어! 토큰이 정확히 뭐죠? 이 페이지에서는 명확하지 않지만 ::part() 의사 선택기에 대한 사양을 살펴보면 다음과 같은 힌트를 얻을 수 있다. ::part() = ::part( ) ``` 그것이 무엇이든 간에 그것은 동일성을 요구한다. 다행히도, 그것을 정의하는 페이지로 안내하는 링크가 있습니다. 완벽해! 그래서 부품 이름은 문법에 부합해야 하는데, 그게 무슨 뜻일까요? 명세서의 링크를 따라가 봅시다. 이 페이지에서: 별로 도움이 안.. 2022. 2. 23.
전체 플렉스박스 가이드 플렉스박스 플렉스박스의 도움을 받아 Response 웹 사이트를 개발하고 쉽게 구현할 수 있습니다. 플렉스박스는 속성과 주요 내용물이 있는 컨테이너 내부에 블록을 포함하는 컨테이너입니다. 플렉스박스 특성 1.표시 주어진 값에 따라 유동 컨테이너 인라인 또는 블록을 정의합니다. 모든 직계 자식들을 위한 유연한 컨텍스트를 가능하게 한다. .container { display: flex; } 2.가변 방향 플렉스 방향은 하위 항목의 방향을 정의합니다. 기본값은 열, 열 반전 및 행 반전 표시로 변경할 수 있습니다. .container { flex-direction: row | row-reverse | column | column-reverse; } 3.flex-defined 플렉스 워(flex-war) 방식의.. 2022. 2. 23.
리미탄도 문자 컴 3 폰틴호 올라, 페소알 네스테 아르티고 바모스는 레티엔시아(mais conhecido 3 pontinhos)로서 임포탄시아 데 유사르를 구별하며, HTML을 사용하지 않는다. 본보기, vow usar um 카드 responsivo com textinho em Mussum Ipsum. inicialmente o card tera largura maxima de 490px, porém, elle responsibo e poderá ter seu tamanho reduzido para는 퀄커티포 드 텔라를 적용했다. 참고로 팔라브라 케 나앙 카빔 마이스 엠 수아스 리스펙트라스 린하스 상 엠푸라다스 파라 상 엠푸라다스 린하스, 레티엔시아스 다이너마멘테 펠로 데베모스 아디시오나르를 참고한다. 리미탄도리냐우니카 Com o .. 2022. 2. 23.
Vanilla Extract CSS를 사용하여 설계 시스템 생성 나는 최근에 Vanilla Extract CSS를 확인하는 시간을 가졌습니다. 스타일링 라이브러리는 Styled Components 또는 Imotion과 같은 CSS-in-JS 프로젝트와 유사하지만 Stylex(Meta) 또는 Stitchs와 같은 라이브러리처럼 생산을 위해 번들 CSS를 생성하는 스타일링 라이브러리입니다. 그리고 물론 원자 CSS를 생성할 수 있기 때문에 본질적으로 자신만의 테일윈드 라이브러리를 만들 수 있습니다. 이 문서는 토큰, 테마, 변형과 같은 디자인 시스템의 기본 주제에 대해 자세히 설명합니다. 이 중 몇 가지가 무엇인지 잘 모르신다면, 이 내용을 다루는 가이드나 튜토리얼을 확인해보겠습니다. 그것은 어떻게 작동하나요? Style API(Style(CSObject))를 사용하여 .. 2022. 2. 23.
Cadastro de DEVs 2022. 2. 23.
스파이더맨 위키 교통 요즘 저는 리액트JS에서 마블 시네마틱 유니버스 스파이더맨에 관한 작은 위키 프로젝트를 하고 있었는데 스파이더맨 위키 몇 개를 완성했습니다. 이 위키 프로젝트는 메타의 도쿠사우르스-2 문서 템플릿으로 만들어졌다. 진보. 홈 페이지 Wiki 페이지 [x] 소개 [x] 샘 레이미의 스파이더맨 페이지 [x] 컬럼비아 사진 어메이징 스파이더맨 [x] MCU의 스파이더맨 악당들 [x] 초록도깨비 [x] 닥터 옥토퍼스 [x] 샌드맨 [x] 베놈 [x] 도마뱀 [x] 전기 [ ] 로드 중... 소개 샘 레이미의 스파이더맨 페이지 컬럼비아 사진 어메이징 스파이더맨 MCU의 스파이더맨 악당들 초록도깨비 닥터 옥토퍼스 샌드맨 베놈 도마뱀 전기 로드 중... 새로운 위키 페이지들도 곧 그곳에서 이용할 수 있을 것이다... 2022. 2. 23.
javascript를 사용한 단위 변환 github 페이지 링크:- https://shiju-g.github.io/javascript-unit-conversion/ repo 링크:- https://github.com/shiju-g/javascript-unit-conversion 2022. 2. 23.
어떤 언어 안녕하세요. 웹 사이트의 프런트엔드로 어떤 언어와 프레임워크를 사용하고 계십니까? 예: vue. (X. X = 프레임워크) 저는 때때로 현재 프런트엔드를 위한 프레임워크로 부트스트랩을 사용합니다. 2022. 2. 23.
모두 안녕하세요 모두 안녕하세요 나는 로샨이다. 저는 Facts Computer Software House L.L.C.라는 회사에서 근무하는 SEO 임원이에요. 저는 우리 회사 현장으로의 교통정리를 담당하고 있습니다. 저는 회사를 위해 워드프레스 사이트를 만들었습니다. 너희들의 수정 제안이 필요합니다. 여긴 내 사이트야 2022. 2. 23.
Angular와 함께 Tailwind CSS를 해봅시다. Tailwind CSS는 클래스를 만들지 않고도 사용자 인터페이스를 신속하게 사용자 정의할 수 있는 클래스로 구성된 유틸리티 우선 CSS 프레임워크이다. 찬성 부모 및 자식 구성 요소의 클래스 이름이 중복되어 스타일 충돌 문제가 발생하는 것을 방지합니다. 프로젝트에서 스타일링 요소의 방향을 동일하게 지정합니다. CSS 파일의 컴파일 크기가 기존 스타일링보다 작습니다(나중에 Tailwind 최적화에 대한 기사를 작성할 예정이며 광고 에 따라 파일 크기가 작아졌으면 합니다). Tailwind에 대해 이야기한 후, 우리의 프로젝트에 Tailwind를 설치하기 시작하겠습니다! 설치 Angular CLI를 npm 또는 실과 함께 설치합니다. // NPM npm install -g @angular/cli // Ya.. 2022. 2. 23.
후풍 CSS 각도 tailwind css คืออะไรกันนะ tailwind คือ utility-first css framework ตัวนึงที่จะช่วยทำให้เรา styling element ได้อย่างรวดเร็วโดยที่เราไม่ต้องไม่ต ข้อดี เพื่อป้องกัน ชื่อ class ซ้ำกันกับ parent component เป็นสาเหตุที่ทำให้เกิด style collision 스타일링 스타일링 ขนาดของ css ที่ compile ออกมามีขนาดที่เล็กมากๆ ( เดี๋ยวจะเขียนบทความเพิ่มเติมเกี่ยวกับการ optimization ของ tailwind ว่าเล็กตา 꼬리바람 각진 바람 การติดตั้ง ิ.. 2022. 2. 23.
하이 드론 안녕 친구들. 2022. 2. 23.

티스토리툴바