프론트 엔드

IP 정보, SSL, DNS 레코드, 보안 기능 등 다양한 체크를 지원합니다.

– 요약 내용
– URL 입력
– 지원되는 체크사항
– IP 정보
– SSL 체인
– DNS 레코드
– 쿠키
– 크롤 규칙
– 헤더
– 품질 지표
– 서버 위치
– 관련 호스트
– 리디렉션 체인
– TXT 레코드
– 서버 상태
– 열린 포트
– Traceroute
– 탄소 발자국
– 서버 정보
– Whois 조회
– 도메인 정보
– DNS 보안 확장
– 사이트 특징
– HTTP Strict Transport Security
– 스크린샷
– DNS 서버
– 기술 스택
– 목록화된 페이지들
– Security.txt
– 기타 정보들!

Web Check

Web site created using create-react-app

htmlcss.tools는 프런트엔드 개발자들을 위한 최고의 HTML & CSS 코드 생성기입니다. 이 서비스를 사용하면 웹사이트를 만들 때 필요한 다양한 HTML & CSS 코드를 쉽고 빠르게 생성할 수 있습니다.

htmlcss.tools는 다음과 같은 기능을 제공합니다.

– 버튼, 폼, 테이블, 카드, 내비게이션 등의 UI 요소를 원하는 스타일로 만들 수 있는 HTML & CSS 코드 생성기
– 그라디언트, 애니메이션, 트랜지션, 트랜스폼 등의 효과를 적용할 수 있는 CSS 코드 생성기
– HTML & CSS 코드를 정리하고 최적화할 수 있는 미니파이어와 포매터
– HTML & CSS 코드를 실시간으로 미리 보고 수정할 수 있는 에디터와 뷰어
– HTML & CSS 코드를 다른 사람과 공유하고 저장할 수 있는 스니펫 기능

htmlcss.tools는 웹사이트 개발을 쉽고 재미있게 만들어줍니다. 이 서비스는 무료로 사용할 수 있으며, 회원가입 없이도 모든 기능을 이용할 수 있습니다.

htmlcss.tools를 사용하려면 https://htmlcss.tools 에 접속하면 됩니다. 원하는 기능을 선택하고, 옵션을 조절하고, 코드를 복사하면 됩니다.

htmlcss.tools는 프론트엔드 개발자들의 필수 도구입니다. 지금 바로 htmlcss.tools를 사용해 보세요!

HTML & CSS code generators

The best HTML & CSS code generators for web developers! Use our FREE online tool to generate code for your next project!

templatesjungle.com은 무료 웹 디자인 리소스를 제공하는 온라인 컬렉션입니다. 경험 많은 디자이너와 개발자 팀이 관리하고 있습니다. templatesjungle.com에서는 프리미엄 품질의 Figma 템플릿, PSD 템플릿, HTML CSS 템플릿을 무료로 다운로드할 수 있습니다.

templatesjungle.com은 다양한 분야와 목적에 맞는 웹 디자인 템플릿을 제공합니다. 예를 들어, NFT 마켓플레이스, 요가 스튜디오, 크리에이티브 에이전시, 건축 회사, 인테리어 디자이너 포트폴리오 등의 템플릿을 찾아볼 수 있습니다. 각 템플릿은 세련되고 현대적인 디자인으로 제작되었으며, 사용자 친화적이고 반응형입니다.

templatesjungle.com은 웹 디자인에 관심이 있는 사람들에게 유용한 자료가 될 것입니다. 웹 디자인의 기본적인 원리와 실습을 배울 수 있으며, 자신의 프로젝트에 적용할 수 있습니다. 또한 templatesjungle.com은 웹 디자인의 최신 트렌드와 영감을 얻을 수 있는 곳입니다. templatesjungle.com을 방문하여 다양한 무료 웹 디자인 리소스를 확인해 보세요.

TemplatesJungle.com

Give Your Project a Kick Start with these Free Templates! Download Free Figma, PSD, and HTML5 CSS Templates for your personal or commercial projects.

api를 활용할 때 살펴보면 좋은 사이트입니다.

The Public APIs List, a curated list for the public web Apis

The Public APIs List, a curated list for the public web Apis

API 사양, 개발자 경험, API 문서, SDK, 개발자 문서, IDE 지원, 플랫폼 강점, 인증 및 API 스타일 추적 등을 할 수 있는 사이트 소개합니다.
개발자분들에게 유용한 내용이라서 소개해 봅니다.

Discover the best APIs and SaaS products

Tracking 1200 APIs and SaaS products across different +30 data points like available API specs, developer experiences, API docs, OpenAPI support, SDKs, GraphQL, developer docs, IDE plugins, API pricing, authentication, and API styles.

개발하면서 필요한 도구들을 한곳에서 살펴보는 사이트 소개합니다.
도구들은 크립토, 컨버터, 웹, 개발, 텍스트 등으로 구분되어 있습니다.

IT-Tools

Aggregated set of useful tools that every developer may need once in a while.

기존 SaaS 제품에 대한 훌륭한 오픈 소스 스타트 업 대안 목록입니다.

GitHub - RunaCapital/awesome-oss-alternatives: Awesome list of open-source startup alternatives to well-known SaaS products 🚀

Awesome list of open-source startup alternatives to well-known SaaS products 🚀 - GitHub - RunaCapital/awesome-oss-alternatives: Awesome list of open-source startup alternatives to well-known SaaS p...

사이트에 방문해서 버튼, 체크박스, 스위치 등 소스를 자신에게 맞게 변형해서 사용하세요.

CSS buttons, checkboxes, and more!

Choose from numerous UI components and get the CSS & HTML. Everything is open-source and free to use.

여기에 소개된 프레임 워크들은 현재 실무에서도 많이 사용되고 있고, 최근에 사용 빈도가 높아지고 있는 프레임 워크들입니다.
글을 보실 때 사용하고 계신 브라우저에 있는 사이트 번역 기능을 사용하시면 편리합니다.
사이트에 소개된 목차는 아래와 같습니다.
1. Tailwind CSS
2. Bulma
3. Pure CSS
4. Ant Design
5. Materialize
6. Tachyons
7. Skelton
8. Semantic UI
9. UIkit
10. BootStrap
11. Spectre.css
12. Primer
13. Foundation
기타 CSS 프레임 워크 new.css
MVP.css
Milligram
Base
Mini.css

2021年版！おすすめのCSSフレームワーク総まとめ。特徴や比較も！

CSSのコード記述量を減らして、効率的にスピード感を持ってWeb制作を行う助けとなるのがCSSフレームワークで…

프리랜서에서 필요한 도구들을 모아 놓은 사이트입니다.
개인적으로 알고 있었던 사이트도 있지만, 모르던 사이트나 서비스도 있어서 유용한 모음 사이트입니다.
추후에도 리스트는 업그레이드된다고 합니다.

Freelancer Tools | Pathpages

A curated list of the best tools that you may need as a freelancer on your journey. The list will be regularly updated with new links that are worth checking out.