현재 위치: > 기술 기사 > 웹 프론트엔드

  • UI 응답 성을위한 CSS 디버깅
    UI 응답 성을위한 CSS 디버깅
    이 기사는 Tiffany Brown이 쓴 "The Master of CSS"라는 책에서 발췌 한 것입니다. 이 책은 전 세계 주요 서점에서 구입할 수 있으며 여기에서 전자 책 버전을 구입할 수도 있습니다. CSS 특정 속성 및 값은 비싸고 사용자 인터페이스의 응답 속도를 줄일 수 있습니다. PAGE 렌더링, 애니메이션 유창성 및 스크롤 성능은 특히 낮은 수준의 휴대 전화 및 평면 스크린 TV에서 영향을받습니다 장비. 재 배열 란 무엇입니까? {.제목} 재 배열은 페이지의 일부 또는 전부를 변경하는 모든 동작을 나타냅니다. 예를 들어, 요소의 크기를 변경하거나 왼쪽 위치를 업데이트하십시오. 브라우저가 문서의 다른 요소의 높이, 너비 및 위치를 다시 계산하게합니다. 리 페인트는 리페인트와 유사하며 브라우저가 다시 페인트되도록 강요합니다.
    CSS 튜토리얼 . chrome 697 2025-02-18 13:13:14
  • Vivaldi 1.0 릴리스 : 새로운 기본 브라우저?
    Vivaldi 1.0 릴리스 : 새로운 기본 브라우저?
    Vivaldi 1.0 : 브라우저 세계에서 신선한 공기의 숨결 새로운 브라우저 출시는 일상적인 이벤트가 아닙니다. 시장은 새로운 참가자들의 가뭄을 보았지만 Vivaldi 1.0이 도착하여 Windows, Mac 및 Linux에서 사용할 수 있습니다. 주요 기능 : 개발하다
    IT산업 . chrome 1005 2025-02-18 13:12:10
  • webix 프레임 워크로 양식 작성
    webix 프레임 워크로 양식 작성
    이 기사는 Simon Codrington과 Mallory van Achterberg가 검토 한 동료입니다. SitePoint 콘텐츠를 최대한 활용 한 Sitepoint의 동료 검토 자 덕분에! 웹 디자이너로서 FAI에서 웹 양식을 만들어야 할 가능성이 있습니다.
    JS 튜토리얼 . chrome 522 2025-02-18 12:50:14
  • HTML5 비디오 및 오디오 : 마크 업 -Sitepoint
    HTML5 비디오 및 오디오 : 마크 업 -Sitepoint
    HTML5 비디오 및 오디오 태그에 대한 자세한 설명 : 반응 형 비디오 플레이어 구축 이 기사는 Alexis Goldstein, Louis Lazaris 및 Estelle Weyl이 공동 저술 한 "Real World, 2nd Edition for the Real World, 2nd Edition"이라는 책에서 발췌 한 것입니다. 이 책은 전 세계 주요 서점에서 구입할 수 있으며 여기에서 전자 책 버전을 구입할 수도 있습니다. 핵심 포인트 HTML5의 비디오 및 오디오 태그를 사용하면 외부 플러그인이나 플레이어가 필요하지 않고 HTML 코드로 직접 내장 된 비디오 및 오디오 요소를 직접 허용합니다. HTML5 비디오 및 오디오 태그에는 자동 재생과 같은 이러한 요소의 동작을 제어하기위한 여러 속성이 포함되어 있습니다.
    CSS 튜토리얼 . chrome 189 2025-02-18 12:49:11
  • 바닐라 JavaScript를 사용하여 Atom 패키지를 작성하는 방법
    바닐라 JavaScript를 사용하여 Atom 패키지를 작성하는 방법
    이 기사는 Vildan Softic이 검토 한 동료입니다. SitePoint 콘텐츠를 최대한 활용 한 Sitepoint의 동료 검토 자 덕분에! Atom은 현대적인 핵심 해킹 가능한 편집기입니다. 이것은 훌륭하지만 Coffe에 유창하지 않은 개발자에게는
    JS 튜토리얼 . chrome 795 2025-02-18 12:43:10
  • 전자로 크로스 플랫폼 데스크톱 노드 앱을 만듭니다
    전자로 크로스 플랫폼 데스크톱 노드 앱을 만듭니다
    주요 테이크 아웃 GitHub에서 개발 한 도구 인 Electron을 통해 개발자는 JavaScript 및 웹 기술을 사용하여 크로스 플랫폼 데스크탑 앱을 만들 수 있습니다. Flash, Air, Java 및 Silve와 같은 이전 옵션보다 더 안정적이고 안전한 솔루션을 제공합니다.
    JS 튜토리얼 . chrome 919 2025-02-18 12:26:10
  • 서비스 근로자와 함께 시작합니다
    서비스 근로자와 함께 시작합니다
    서비스 작업자 : 오프라인 웹 앱 및 그 이상 이 기사는 네트워크 요청을 가로 채서 푸시 알림 및 오프라인 기능과 같은 기능을 활성화하는 서비스 작업자, 배경 스크립트를 탐색합니다. 등록, 캐싱, 업데이트,
    JS 튜토리얼 . chrome 354 2025-02-18 12:24:13
  • Progressive Web Apps : 웹과 모바일 간의 격차를 해소
    Progressive Web Apps : 웹과 모바일 간의 격차를 해소
    PWAS (Progressive Web Apps) : 웹 사이트와 모바일 앱 간의 격차를 해소 주요 장점 : PWA는 기존 웹 사이트 및 기본 모바일 앱에 대한 강력한 대안을 제공합니다. 오프라인 기능, 빠른 업데이트 및 앱을 우회합니다.
    IT산업 . chrome 376 2025-02-18 12:23:11
  • Webrtc & Twilio와 함께 실시간 화상 채팅방 만들기
    Webrtc & Twilio와 함께 실시간 화상 채팅방 만들기
    이 기사는 Wern Ancheta와 Tim Severien의 Peer Review의 혜택을 받았습니다. 컨텐츠를 향상시킨 Sitepoint의 동료 검토 자에게 감사드립니다! 이전 기사 인 "The Dawn of Webrtc"를 바탕으로 간단한 사진 부스 앱인 T를 보여주었습니다.
    JS 튜토리얼 . chrome 395 2025-02-18 12:20:09
  • Chrome '의 데이터 세이버로 대역폭을 저장합니다
    Chrome '의 데이터 세이버로 대역폭을 저장합니다
    Chrome의 데이터 저장 기능 : 모바일 데이터 사용량을 크게 줄입니다 핵심 포인트 : Chrome의 데이터 절약 기능은 이미지 및 기타 요소를 자동으로 압축, 수축 및 변환하여 모바일 데이터 사용량을 크게 줄여 대역폭을 절약합니다. 데이터 저장 기능의 작동 원리는 사용자의 장치 대신 Google 서버를 통해 Chrome의 네트워크 트래픽을 전송하고 HTTP 대신 HTTP/2를 통해 서버의 요청 된 컨텐츠를 최적화하여 서버와 향후 리소스 간의 라운드 트립 수를 줄이는 것입니다. 즉각적인 로딩. 크롬의 모바일 및 데스크탑 버전 모두에서 데이터를 절약 할 수있는 것은 간단하므로 속도를 늦추지 않고 총 페이지 크기가 30-40% 줄어 듭니다.
    IT산업 . chrome 679 2025-02-18 11:52:09
  • VR보기로 웹 전체에 가상 현실을 포함시킵니다
    VR보기로 웹 전체에 가상 현실을 포함시킵니다
    주요 테이크 아웃 웹에 대한 가상 현실 경험의 개발은 빠르게 발전하고 있으며 Google의 임베드 가능한 VR 뷰는 최근 추가되었습니다. VR보기는 개발자가 360도 가상 현실 이미지 및 비디오를 웹 사이트에 포함시킬 수 있습니다.
    JS 튜토리얼 . chrome 589 2025-02-18 11:46:10
  • JavaScript가있는 3D 엔진 구축
    JavaScript가있는 3D 엔진 구축
    이 기사는 Tim Severien과 Simon Codrington이 검토 한 Peer입니다. SitePoint 콘텐츠를 최대한 활용 한 Sitepoint의 동료 검토 자 덕분에! 웹 페이지에 이미지 및 기타 평평한 모양을 표시하는 것은 매우 쉽습니다. 그러나 c
    JS 튜토리얼 . chrome 454 2025-02-18 11:45:10
  • 텍스트 음성 변환 크롬 확장을 만듭니다
    텍스트 음성 변환 크롬 확장을 만듭니다
    핵심 포인트 이 기사에서는 HTML5 음성 합성 API 또는 타사 API를 사용하여 강조 표시된 텍스트 또는 클립 보드 컨텐츠를 음성으로 변환하는 Chrome 브라우저 텍스트 음성 (TTS) 확장자를 만드는 방법에 대해 설명합니다. Chrome Extensions에는 일반적으로 매니페스트 파일 (메타 데이터 파일), 이미지 (확장 아이콘), HTML 파일, JavaScript 파일 및 기타 리소스 (예 : 스타일 시트)가 포함됩니다. TTS Extension은 사용자가 아이콘을 클릭하거나 특정 핫키 (Shift Y)를 누른 다음 강조 표시된 텍스트 또는 클립 보드 컨텐츠를 음성으로 변환 할 때까지 기다립니다. 확장 코드에는 배경 스크립트 및 컨텐츠 스크립트, 활성 태그에 액세스 할 수있는 권한 및 사용자 클립 보드가 포함됩니다.
    JS 튜토리얼 . chrome 848 2025-02-18 11:30:16
  • JavaScript SDK와 함께 SoundCloud API 사용
    JavaScript SDK와 함께 SoundCloud API 사용
    주요 테이크 아웃 SoundCloud API를 사용하면 개발자가 필요한 거의 모든 데이터에 액세스 할 수 있습니다. API는 SoundCloud 서버의 데이터에 대한 액세스를 제공하는 URL 모음이며 SDK (Software Development Kit)는 Quer의 사전 작성된 라이브러리입니다.
    JS 튜토리얼 . chrome 396 2025-02-18 11:20:10
  • 바닐라 JavaScript에서 부드러운 스크롤을 구현하는 방법
    바닐라 JavaScript에서 부드러운 스크롤을 구현하는 방법
    핵심 포인트 JUMP.JS 라이브러리를 사용하여 기본 JavaScript 스무드 스크롤을 구현하여 외부 종속성없이 스크롤 애니메이션을 단순화하십시오. JUMP.JS 원본 코드를 수정하여 ES6에서 ES5로 변환하여 다른 브라우저와의 더 넓은 호환성을 보장합니다. RequestAnimationFrame 메소드를 사용하여 부드러운 애니메이션 업데이트를 수행하고 성능을 최적화하며 더 부드러운 사용자 경험을 제공하십시오. 사용자 정의 자바 스크립트를 구현하여 기본 내부 링크 동작을 가로 채고 갑작스런 점프를 부드러운 스크롤 애니메이션으로 바꿉니다. 이 기능을 인식하는 브라우저에서 기본 스무드 스크롤링을 지원하기 위해 CSS 스크롤-행동 속성을 통합하고 브라우저가 지원하지 않으면 Java를 제공합니다.
    JS 튜토리얼 . chrome 535 2025-02-18 10:49:09

도구 권장 사항

jQuery 기업 메시지 양식 연락처 코드

jQuery 기업 메시지 양식 연락처 코드는 간단하고 실용적인 기업 메시지 양식이자 문의 소개 페이지 코드입니다.
양식 버튼
2024-02-29

HTML5 MP3 뮤직 박스 재생 효과

HTML5 MP3 뮤직 박스 재생 특수 효과는 귀여운 뮤직 박스 이모티콘을 만들고 전환 버튼을 클릭하는 HTML5+css3 기반의 MP3 뮤직 플레이어입니다.

HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과

HTML5 멋진 입자 애니메이션 탐색 메뉴 효과는 탐색 메뉴를 마우스로 가리키면 색상이 변경되는 특수 효과입니다.
메뉴 탐색
2024-02-29

jQuery 시각적 양식 드래그 앤 드롭 편집 코드

jQuery 시각적 양식 드래그 앤 드롭 편집 코드는 jQuery 및 부트스트랩 프레임워크를 기반으로 하는 시각적 양식입니다.
양식 버튼
2024-02-29

유기농 과일 및 야채 공급업체 웹 템플릿 Bootstrap5

유기농 과일 및 채소 공급업체 웹 템플릿-Bootstrap5

Bootstrap3 다기능 데이터 정보 배경 관리 반응형 웹 페이지 템플릿-Novus

Bootstrap3 다기능 데이터 정보 배경 관리 반응형 웹 페이지 템플릿-Novus
백엔드 템플릿
2023-02-02

부동산 자원 서비스 플랫폼 웹 페이지 템플릿 Bootstrap5

부동산 자원 서비스 플랫폼 웹 페이지 템플릿 Bootstrap5

간단한 이력서 정보 웹 템플릿 Bootstrap4

간단한 이력서 정보 웹 템플릿 Bootstrap4

귀여운 여름 요소 벡터 자료(EPS+PNG)

이것은 태양, 태양 모자, 코코넛 나무, 비키니, 비행기, 수박, 아이스크림, 아이스크림, 차가운 음료, 수영 반지, 슬리퍼, 파인애플, 소라, 조개, 불가사리, 게를 포함한 귀여운 여름 요소 벡터 자료입니다. , 레몬, 자외선 차단제, 선글라스 등 자료는 JPG 미리보기를 포함하여 EPS 및 PNG 형식으로 제공됩니다.
PNG 소재
2024-05-09

4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG)

이것은 빨간색 2023년 졸업 배지 벡터 자료로, 총 4개이며 JPG 미리보기를 포함하여 AI, EPS 및 PNG 형식으로 사용할 수 있습니다.
PNG 소재
2024-02-29

노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)

노래하는 새와 꽃이 가득한 수레로 디자인된 봄 배너 벡터 자료입니다. JPG 미리보기를 포함하여 AI 및 EPS 형식으로 제공됩니다.
배너 그림
2024-02-29

황금 졸업 모자 벡터 자료(EPS+PNG)

이것은 JPG 미리보기를 포함하여 EPS 및 PNG 형식으로 제공되는 황금 졸업 모자 벡터 자료입니다.
PNG 소재
2024-02-27

가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿

가정 장식 청소 및 유지 관리 서비스 회사 웹 사이트 템플릿은 가정 장식, 청소, 유지 관리 및 기타 서비스 조직을 제공하는 홍보 웹 사이트에 적합한 웹 사이트 템플릿 다운로드입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

신선한 색상의 개인 이력서 가이드 페이지 템플릿

신선한 컬러 매칭 개인 구직 지원 이력서 가이드 페이지 템플릿은 신선한 컬러 매칭 스타일에 적합한 개인 구직 이력서 작업 표시 가이드 페이지 웹 템플릿 다운로드입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

디자이너 크리에이티브 작업 이력서 웹 템플릿

디자이너 크리에이티브 작업 이력서 웹 템플릿은 다양한 디자이너 직위에 적합한 개인 작업 이력서 표시를 위한 다운로드 가능한 웹 템플릿입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

현대 엔지니어링 건설 회사 웹사이트 템플릿

현대 엔지니어링 및 건설 회사 웹 사이트 템플릿은 엔지니어링 및 건설 서비스 산업 홍보에 적합한 다운로드 가능한 웹 사이트 템플릿입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.