본문 바로가기

{Programing}/Web Front11

Youtube 퍼가기 HTML 태그 분석 유튜브 영상을 나의 웹페이지에서 재생하고 싶다면 위의 퍼가기 버튼을 누르면 생성되는 아래 html 코드를 나의 html이나 js 코드에 삽입하면 된다.(별도의 js 함수를 하나 구현해야하긴 하지만 일단 넘어간다.) 사용하고자 하는 게시판에서 지원을 한다면 사용이 가능하다. 순서대로 폭, 높이. 영상의 URL, 태그 제목, 경계선 너비, 허용할 기능 목록, 풀스크린허용 필수적인 속성은 폭, 높이, 영상URL 정도가 되겠다. 테스트 해보면 이렇게 나온다. 자동재생은 막았으니 재생버튼을 눌러야 영상이 재생되고, 풀스크린을 허용했으니 재생후에 풀스크린으로 볼수 있게 된다. 아래의 두 링크에서 iframe 태그 삽입이나 이미 삽입된 js 플레이어에 url만 삽입할수 있게 하는 방법을 알려준다. 두방법은 추후 자세.. 2021. 5. 17.
HTML+CSS 토이프로젝트 목록 www.geeksforgeeks.org/top-10-projects-for-beginners-to-practice-html-and-css-skills/ Top 10 Projects For Beginners To Practice HTML and CSS Skills - GeeksforGeeks A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes and practice/competitive programming/company interview Questions. www.geeksforgeeks.org 1.. 2021. 5. 3.
javascript 토이프로젝트 목록 mikkegoes.com/javascript-projects-for-beginners/ 17 JavaScript Projects for Beginners to Perfect Your Coding Skills in 2021 Use these JavaScript projects to perfect your coding skills, achieve your coding goals faster, and find project ideas for your portfolio. mikkegoes.com 1. 스톱워치 2. 시계 3. 계산기 4. 드럼킷 5. 색맞추기 6. 행맨 7. 틱택토 8. 퐁 게임 9. 짝맞추기 게임 10. 미로 게임 11. 팁 계산기 12. 회문 검사기 - 앞으로 읽으나 뒤로 읽으나 같은 문장 .. 2021. 5. 3.
Tistory 스킨 분석 스킨 구성 필수 요소는 크게 5개의 영역으로 나뉨 index.xml : 스킨 구성의 필요정보를 담고 있음. 스킨의 모든 설정을 담당. skin.html : 메인 템플릿 파일. 치환을 통해 각 URL에 맞는 HTML로 변환. style.css : 스타일을 위한 css 분리. preview : 각 페이지의 미리보기 이미지. 112*84, 256*192, 560*420, 1600*1200 사이즈를 준비 images : 위 요소들을 제외한 모든 파일들. index.xml : 스킨의 이름, 버전, 설명, 저작권을 명시. : 스킨 제작자의 정보, 이름, 홈페이지, 이메일을 명시. : 각종 설정의 기본값. 자세한건 요기서 tistory.github.io/document-tistory-skin/common/index... 2021. 4. 30.