분류 전체보기70 구글 머티리얼 아이콘을 알아보자! 구글에서 제공해 주는 아이콘은 어떻게 쓸까 알아볼까요? 폰트어썸과 더불어 많이 사용하는구글 머티리얼 아이콘을 알아 볼게요. 폰트어썸이 유니코드(unicode) 번호를 제공하는 메릿트가 있다면, 구글 머티리얼 아이콘(Google Material Icons)의 메릿트는 png 형태와 더불어 svg 형태의 파일을 제공한다는 점이죠. 물론, 태그형태의 소스도 제공하구요. 구글 머티리얼 아이콘은 어느 사이트에서 제공할까요? 아래 url을 따라 들어가면 짜잔 하고 나온답니다. https://material.io/resources/icons/?style=baseline 여기 사이트에서 아래로 스크롤 하면서 원하는 아이콘 모양을 선택을 해도 되고, 검색창에서 영어로 해당하는 아이콘을 검색해도 된답니다. 폰트어썸 사이트.. 2020. 9. 23. 눈이 내리는 효과도 내는 파티클 효과 particle.js 점점이 흩어지는 효과를 내는 파티클제이에스 라이브러리 코딩을 배우면서 라이브러리라는걸 알게 되었습니다. 라이브러리를 통해 나의 보잘 것 없는 코딩실력으로도 멋진 효과를 낼 수 있다는 걸 알게 되었습니다. 라이브러리 참 멋진 녀석들이에요. 지금 알아볼 것은 이런 라이브러리 중 파티클 제이에스(particle.js)입니다. 우선 소스를 가지로 이동합니다. 파티클 제이에스 사이트로 갑니다. 사이트에서 우선 소스를 다운로드 받고, 압축을 풀어서 html에서 링크를 연결합니다. https://vincentgarreau.com/particles.js/ 그런 다음 Github로 가셔 사용방법을 알아 봅니다. https://github.com/VincentGarreau/particles.js/ 깃허브에서 알아본 사용방.. 2020. 9. 23. 웹디자이너 칼라 참고 사이트 헥스 칼라 소셜 칼라 웹디자인을 할 때 참고할 만한 사이트를 소개합니다. 웹디자인을 하면서 칼라를 참고할 때 자주 이용하던 사이트를 소개합니다. 스타일 가이드를 준비하면서도 어떤 칼라를 주색으로 할지, 어떤 칼라를 보조색으로 할지 정할 때도 도움이 됩니다. 하나, 칼라 헥스 칼라 코드 사이트 https://www.color-hex.com/ Color Hex Color Codes Got it! This website uses cookies to collect information about how you interact with our website. We use this information in order to improve and customize your browsing experience and for analytic.. 2020. 9. 23. CSS 말줄임표(...)를 코딩하기 게시판에서 말줄임표를 CSS에서 코딩하기 메인페이지에 노출되는 뉴스의 요약내용에 보이는 말줄임표 (...)를 CSS에서 아래와 같이 코딩하세요. 영역에서 벗어나는 글자들은 "..." 표시해 줍니다. 간단하지만 코딩으로 표현하기에는 한편으로 어렵기도 해서 정리해 보았습니다. { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 2020. 9. 22. <하북성 탕산> 만두를 찔 때 얼마나 높게 하고 찔까? 중국 출장 중에 보았던 색다른 것들 중 하나! 여기는 하북성 탕산. 이전에 대지진이 났던 그 곳. 그당시 지진이 남긴 충격과 후유증이 커서 영화로도 만들어졌답니다. 막 배가 고프던 참에 옆을 보니 왜 커다란 탑? 기둥? 이게 다 만두를 찌고 있는 것들. 이렇게 높게 해서 만두를 찌는 것도 놀라운데 더 놀라운 것은 이 많은 만두가 순식간에 막 팔린다는거~~~~ 사실 이게 금방 막 팔린다는게 더 놀라웠다. 중국인의 주식 중에 하나가 바로 이 만두이니 이해는 가지만, 그래도 저렇게 많은 것들이 순식간에 팔려서 없어지는 것을 보니 대단하다는 느낌입니다. 3~4개씩 사가는 사람들도 있고, 집에서 식구드링 저녁에 먹기 위해서 10 몇개씩 사가는 사람들도 있고, 공장이나 회사에서 직원들 식사를 위해 몇 십개씩 사가는.. 2019. 9. 4. <하남성 주주> 땅만 밟아 본 이곳은 株洲 여기는 어디? 나는 누구? 다른 지역으로 출장을 가는 길에 비행기도 타고 고속버스도 타고 우리나라 KTX 같은 고속열차도 타보았지만 그래도 교통수단 중 제일 좋아하는건 기차, 바로 보통기차~~~~ 왜? 편히 앉아서 가면서 미처 끝나지 않은 출장자료도 정리할 수도 있고, 사무실에 전화를 하면서 필요한 업무지시도 할 수 있고, (비행기를 타고 갈 때는 사무실 직원이 전화도 못하고 내가 전화를 할 때까지 해당 업무를 처리도 못하고 그냥 시간만 낭비하는 것 같구) 기차 안에서만의 독특한 맛을 지닌 컵라면도 음미를 할 수 있으니까요. 군대에서 훈련할 때 먹던 라면의 맛이 사회에서 다르듯, 기차를 타면서 먹는 컵라면은 별미랍니다. 사진의 이곳은 株洲 주주(주죠우) 네이버 카페 중에서 언급되었던 이곳을 한 번 가보고.. 2019. 9. 4. 나는 왜 말을 좋아하나? 나는 많은 동물 중에서 말을 좋아한다. 내가 말띠라서 그런 것도 있지만 말 자체가 가지고 있는 매력이 좋다. 드넓은 초원을 힘차게 바람을 맞으며 달리는 모습이 멋있고 달릴 때 온 몸의 근육이 살아 움직이는 역동적인 모습도 좋고 말 자체가 갖고 있는 자신감 있는, 뭔가 있어 보이는 카리스마도 좋다. 그래서 그런지 다니면서 말과 관련된 것들을 보면 나도 모르게 휴대폰의 카메라를 누르게 된다. 이제 업무가 끝나고, 출장이 끝나고 가족이 기다리는 집으로 돌아가기를 바라면서. 2019. 9. 4. <복건성 하문> 전설의 황금으로 만든 빌딩인가? 샤먼의 황금빛 건물 출장을 다닌 중국의 여러 도시 중에서 샤먼은 인상에 남는 곳 중 하나이다. 시내의 중심가를 지나가면서, 그때 본 특이한 건물 중에 하나가.... 바로 이것. 내가 지난간 길 반대편에서 햇빛에 반사되어서 더 멋져 보였다. 시간이 오후때 시간이라 건물 전체가 햇빛에 반사되면서 더 한층 황금빛을 더해갔다. 호수의 물이 가벼운 바람에 가벼운 물결을 치듯, 오후의 햇빛에 황금빛 물결이 치는 듯 했다. 건물 전체에서 잔잔한 황금빛 물결이 이는 것 처럼~~~ 샤먼이 남방이어서 북경이나 상해와는 다른 것 중에 한가지는 바로 가로수들.... 첨에는 가로수에 수염이 난 줄.... 워낙 비가 자주 내리고, 습기가 높아서 이렇다는데..... 너무 많아서, 너무 길어서 걸어 가다가 가끔 나무의 수염이 얼굴에.. 2019. 9. 2. <산동성 청도> 아름다운 칭다오의 석양 가족들과 함께 청양의 세기공원을 산책하면서 찍은 석양. 퇴근하고 나서 저녁식사를 하고 나면 아내가 밖으로 산책을 나가자고 종종 보챈다. 지금은 다이어트에 성공해서 뱃살을 다 빼었지만 그때는 배만 볼록하게 나와서, 정말로 배만 볼록~~~ 그때는 내가 팔다리는 얇은데 배만 볼록 나온걸 많이 걱정했다. 아내는 내가 우리 엄마처럼 당뇨병에 걸릴까봐 늘 걱정을 해서, 내 뱃살을 무조건 빼겠다는게 아내의 목표 중 하나였던 시절도 있었다. 그러면서 이촌에 있을 때는 아파트에서 이촌공원까지 왔다갔다 산책을 다녔고, 청양으로 이사를 오고 나서는 세기공원으로 산책을 다녔다. 이촌공원도 나름대로 괜찮았지만, 크기나 자연경관을 보아서는 세기공원이 훨씬 낫다. 하지만 세기공원이 넓어서 일이 많이 피곤한 날은 산책나가기 망설여지.. 2019. 9. 2. <복건성 하문> 병맥주 중에 박카스병 사이즈만 한게 있다? 가장 작은 맥주병의 사이즈는 얼마나 작을까? 중국에서 판매되는 제품 중에는 한국과는 다른 포장 사이즈의 제품들이 종종 있다. 우리가 흔하게 마시는 베지밀 두유의 1/2만한 종이팩으로 된 망고쥬스도 있다. 그래도 그중에서 내가 느낀 것 중 가장 재미있던 건...... 병맥주 !! 사이즈가 딱 박카스병 사이즈. 그냥 박카스 마시듯 2~3번 꿀꺽 하면 맥주 1병을 원샷한 것이다. 이 주인공의 맥주 브랜드는 한국인들 대부분이 아는 수입맥주 브랜드, 하이네켄 !! 하이네켄을 생산하는 세계의 여러 공장 프랑스에서 생산되어서 중국으로 수입되는 제품이다. 맛은 다른 하이네켄과 똑같다. 단지 사이즈가 작을 뿐. 이 사진은 복건성 하문(샤먼)을 방문하면서 들렸던 도매시장에서 찍은 사진이다. 사이즈는 작지만 가격은 싸지 않.. 2019. 9. 2. 이전 1 ··· 3 4 5 6 다음
