IT/Web 2023. 5. 2.
CSS HTML - Progressbar 로딩바 구현 예제 소개
로딩바나 프로그레스바를 찾아보면 다양한 소스가 나오긴 한다. 일단 내가 써본 예제를 킵!! 많아봐야 똥이다. 내가 골라둔 걸 일단 저장해두고 활용하는 것이 짱!! https://codepen.io/artboardartisan/pen/VLzKVN Loading Bar A quick and simple loading bar that provides the illusion of a working progress bar.... codepen.io 아주 간단하게 잘 정리된 예제입니다. 역시 능력자들이 많어요! HTML로 프로세스바(Process Bar) 만들어주기 (progress bar css) (tistory.com) HTML로 프로세스바(Process Bar) 만들어주기 (progress bar css) 웹..
IT/파이썬 2020. 12. 18.
파이썬 - Flask 사용법 - 틀 만들기
구글링을 열심히 해서, 좋은 한글 블로그 자료를 찾아 내었다. 여기 적힌 내용부터 완독하도록 하자. 파이썬 가상환경 venv 사용하기 (패키지 쉽게 관리하기) - 패키지 설치가 지저분 해지거나, 추후 환경을 바꿀때도 깔끔해 지도록 패키지 버전들이 충돌을 조금 없애기 위해 가상 환경으로 사용해라는 팁인데 머 구현 초기에는 일단 막 써라!! 파이썬 Flask 사용법 1 (완전 기초) - 기본적인 Flask 운영을 위한 기초 예제, route 를 하거나 페이지에 변수를 출력해 보거나 Hello World 를 해보거나 일단 이 과정을 격어 가야 한다. 파이썬 Flask 사용법 2 (Jinja2 템플릿, 변수, 조건문/반복문) - html template 를 이용하여 렌더링 할 수 있도록 설명 자료가 풍부하다. ..
IT/Web 2020. 2. 27.
CSS 지식 - em과 rem의 차이
em과 rem의 차이점 구글링 결과, 아래 2개의 사이트만 봐도 100% 이해할 듯 https://indivdot.github.io/css/2016/03/26/emrem.html 반응형 웹을 위한 rem 단위로 디자인하기 em과 rem은 무엇인가? w3c의 css3 스펙 중 distance unit을 살펴봤다. css의 거리 단위는 크게 상대적 길이와 절대적 길이가 있다. 상대적 길이는 em, ex, ch, rem, vw, vh, vmin, vmax가 있고 절대적 길이는 cm, mm, q, in, pt, pc, px가 있다. 대개 크로스 브라우징이나 쉬운 계산 때문에 강제적으로 길이를 px로 많이 사용한다. 여러 디바이스를 모두 대응해야 하는 문제 때문에 em을 사용하기도 indivdot.github.i..
IT/Web 2019. 4. 1.
웹사이트 개발을 위한 에디터 추천 - Brackets
웹사이트 개발을 위한 에디터라고 하네 #html #css #editor 방문해서 설치해 보더라고. Brackets - A modern, open source code editor that understands web design A modern, open source code editor that understands web design Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it. With new features and extensions released every 3-4 wee..
IT/Web 2019. 4. 1.
Html tag for Tumblr text post
아래 그림으로 충분~~ https://unwrapping.tumblr.com/post/97611392472/tumblr-text-formatting Unwrapping Tumblr Text Formatting for Tumblr's Dashboard: Add meaning and visual order to your text with these formatting styles that work on the Dashboard. Tumblr filters out some HTML tags, but these formatting... unwrapping.tumblr.com
IT/Web 2019. 3. 28.
html blockquote style
자료를 찾다보니 아래 링크에 몇가지 예제들이 잘 표현되어 있다. https://css-tricks.com/examples/Blockquotes/ Blockquote Examples by CSS-Tricks Better Blockquotes Blockquote examples By CSS-Tricks [DOWNLOAD EXAMPLE] Blockquotes are html elements that are meant to designate when a particular section of text is being taken from another website or other source. Different browsers have different built css-tricks.com 그중에 아래 제일 심..
