본문 바로가기

일상/소소한 꿀팁8

CSS 공부할 수 있는 게임 2개 추천! css를 공부하고 난 뒤 어느정도 알고 있는지 확인할 수 있는 게임들을 추천해드리겠습니다~! 1. Flexbox Froggy 개구리가 연잎에 올라갈 수 있도록 코드를 짜주면 됩니다! 첨엔 간단하지만 레벨이 올라갈 수록 난이도가 올라갑니다 https://flexboxfroggy.com/ Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 2. CSS Dinner 움직이고 있는 아이템의 선택자를 알맞게 적어주면 됩니다. https://flukeout.github.io/ CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io 두가지 게임을 수월하게 .. 2022. 9. 30.
레퍼런스 찾기 좋은 사이트 / 웹사이트 추천 / 웹사이트 모음 웹사이트를 디자인하거나 구현을 할 때 다양한 레퍼런스들을 참고하고 보면서 보는 눈을 키워야 한다고 생각합니다 그래서 오늘은 웹사이트 레퍼런스를 찾기 좋은 해외 사이트를 알려드리겠습니다 1. awwwards 가장 유명한 해외사이트! 전 세계 모바일 & 웹사이트를 공유합니다. 그리고 어워드에서 수상한 사이트도 홈페이지에 달아놓으니 참고가 많이 되더라고요! https://www.awwwards.com/ Awwwards - Website Awards - Best Web Design Trends Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web .. 2022. 9. 27.
[CSS] Gradient, Box shadow 사이트 추천 css를 하면서 그라디언트나, box shadow를 사용해서 더 풍푸한 디자인적 요소를 주기도 합니다. 제가 소개해드릴 사이트는 전에 https://cheese-donut.tistory.com/13?category=931174 어플을 만들 때 필요한 것 - 1. Gradient Site (그라데이션 사이트 추천) 어플을 만들 때 고급스러운 느낌을 주기위해 그라데이션을 사용하는 경우가 많습니다. 그래서 제가 자주 애용하는 사이트를 추천하고자 합니다. 1. uiGradients - show all gradients를 통해 자신이 원하 cheese-donut.tistory.com 전 포스팅에도 다양한 그라디언트 사이트가 많이 있습니다! 그럼 바로 gradient 사이트를 알려드리도록 하겠습니다 1. CSS G.. 2022. 5. 31.
(사이트 추천) gif, free animations - 무료 애니메이션 사이트 어플을 만들 때 gif나 짧은 애니메이션을 이용하면 조금 더 고급스러운 어플을 만들 수 있습니다. 하지만 그러려면 디자인부터 - 영상을 제작할 수 있는 프로그램을 배워야하고 그럴땐 곤란하더라구요 그래서 제가 이번에 다양한 애니메이션을 받아올 수 있는 사이트를 소개하고자 합니다. 바로 로티입니다! (글 하단에 링크가 있습니다) 저는 심심할 때마다 Discover에서 Free Animations를 눌러 새로 올라온 애니메이션을 둘러봅니다 ** 가끔 애니메이션을 통해 어플을 영감받기도 합니다 :) 무료이지만 생각보다 퀄리티는 훌륭해요! 그냥 프로그램에서 주는 기본 이미지를 사용하는 것 보다 이렇게 생동감 넘치는 애니메이션을 통해 퀄리티도 높히고 완성도 있는 어플을 만들 수 있습니다. 가장 좋은건 Downloa.. 2021. 9. 9.
(Textures) 텍스쳐 사이트 추천 - 무료 텍스쳐 사이트 디자인을 하다보면 텍스쳐를 사용해야 할 때가 많습니다. 그 중에서도 제가 많이 사용하고 상업적 이용 가능한 무료 텍스쳐 사이트를 알려주려고 합니다! www.transparenttextures.com/ Transparent Textures www.transparenttextures.com 바로 이 사이트인데 가장 큰 특징은 선택한 컬러를 직접 텍스쳐에 넣을 수 있어서 한 눈에 쉽게 알아볼 수 있습니다! 왼쪽에 컬러를 선택하면 사이트 백그라운드에 원하는 텍스쳐를 알아볼 수 있습니다~ 그리고 Download를 클릭하면 빠르게 다운로드를 받을 수 있고 Create Wallpaper를 누르면 더 상세하게 텍스쳐 사이즈를 선택할 수 있습니다. 원하는 텍스쳐 사이즈와 컬러, 질감까지 한눈에 볼 수 있어서 좋아요! 추.. 2021. 4. 28.
어플을 만들 때 필요한 것 - 2. icon Site (아이콘 사이트 추천) 아이콘을 직접 디자인하는 경우도 있지만 (보통 디자인을 한다면 핀터레스트를 리서치하곤 합니다.) 간단하게 어플을 만드는 경우는 따로 만들지 않고 다운로드하여 사용합니다. 많은 분들이 아시는 사이트겠지만 저는 추천을 받아 알게 된 사이트라 생소했습니다. 그래서 많은 분들께 이 사이트를 알려드리고자 합니다. fonts.google.com/icons?selected=Material+Icons Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 구글에서 주는 아이콘 입니다. 그 새 웹사이트 분위기가 바뀌었네요! 위 5가지 중에 아이콘의 type을 고를 수 있고, 아이콘을 선택한 뒤, .. 2021. 4. 3.
어플을 만들 때 필요한 것 - 1. Gradient Site (그라데이션 사이트 추천) 어플을 만들 때 고급스러운 느낌을 주기위해 그라데이션을 사용하는 경우가 많습니다. 그래서 제가 자주 애용하는 사이트를 추천하고자 합니다. 1. uiGradients - show all gradients를 통해 자신이 원하는 색을 선택한 뒤 다양한 그라데이션을 볼 수 있습니다. uigradients.com/#EveningSunshine uiGradients - Beautiful colored gradients uiGradients is a handpicked collection of beautiful color gradients for designers and developers. uigradients.com 2. cssgradient - 그라데이션에 관련된 사이트 모음이라 한눈에 보기 편합니다 (대신 색.. 2021. 4. 3.
맞춤법 사이트 추천 (교수님이 추천해 주신 사이트) 이메일을 보내거나, 자소서를 쓸 때, 카톡을 할 때 등 맞춤법에 신경을 많이 씁니다. 자칫 맞춤법을 틀리면 인상이 달라 보입니다. (안 좋은 쪽으로 말이죠) 가장 충격적인 맞춤법은 ex) 우리 예기해야지 (번역 : 우리 얘기해야지) ex) 애워컨 (번역 : 에어컨) 거짓말 같지만 이렇게 쓰는 사람을 봤습니다... (아직도 믿기지가 않습니다) 학교에 다닐 때 교수님들이 가장 열심히 보시고 당부하시는 것이 바로 맞춤법이었는데 그중에서도 추천해 주신 사이트가 있습니다. 부산대 맞춤법 (한국어 맞춤법/문법 검사기) speller.cs.pusan.ac.kr/ 한국어 맞춤법/문법 검사기 Copyrightⓒ2001 AI Lab & Narainfotech. All Rights Reserved 한국어 맞춤법/문법 검사기.. 2021. 4. 3.