웹솔루션개발 25년 노하우! 해피CGI의 모든것

AI를 이용하여 텍스트 또는 이미지를 바탕으로 UI 디자인을 제작해주는 서비스 Galileo AI무료 회원가입 후 접속하면 사용자들이 제작한 사례를 확인할 수 있다.무료버전이 있는 150개의 무료 크레딧이 제공되며,  텍스트 기준으로 개당 20크레딧 정도가 소모된다.초기 구성에 대한 시간을 줄이고, 초기 컨셉 구성에 시간 투자를 줄이는데는 좋은 서비스 인거 같다.생성 후 피그마에 붙여서 바로 추가 편집이 가능하며, 완전하진 않지만 코드로도 확인이 가능하다.프롬프트에 입력하는 설명이 명확하고 정확하면 더 좋은 결과물이 나옵니다.

랜더링 엔진은 거의 모든 브라우저의 기본이 되는 크로미움 기반으로완전히 다른방식의 인터페이스를 제공하는 아크 브라우저입니다. 아크 브라우저는 상단 탭바가 없다. 대신 사이드바가 제공하며, 다양한 작업을 하다가 중요한 작업으로 돌아갈때 사이드바에 고정하여손쉽게 돌아가거나,  분할화면 탭, 탭정리, 등 작업의 생산성 , 효율성을 높일 수 있다.기본 엔진이 크롬과 동일하기때문에 크롬의 모든 확장프로그램도 지원한다. 여러모로 편리하긴 하다.윈도우, 맥 모두 지원한다.

텍스트를 필기체로 디자인 해주는 효과입니다.HTML, CSS, JS를 사용하였습니다.자세한 내용은 데모사이트 주소에서 확인하실 수 있습니다.HTML                                   Sign                                                                                                                                                                                                                                                                                     ..

신경 흐름을 나타내는 백그라운드 효과 입니다.마우스 커서에 의해 흐름에 외곡을 줄 수 있습니다.HTML, CSS, JS를 사용하였습니다.자세한 내용은 데모사이트 주소에서 확인하실 수 있습니다.HTML                        Neural Noise                                    GLSL shader based on https://x.com/zozuar/" target="_blank" rel="noopener">@zozuar https://x.com/zozuar/status/1625182758745128981/" target="_blank" rel="noopener">artwork                                    https://..

시작일과 종료일 범위 선택 기능이 강력한 Date Range Picker 입니다.싱글 달력으로도 이용이 가능 합니다.https://www.daterangepicker.com/#examples 페이지를 통해 구동되는 샘플들을 코드와 함께 확인이 가능 합니다. 각종 제공되는 옵션들도 https://www.daterangepicker.com/#options 페이지에서 같이 확인이 가능 합니다.

다양하고 강력한 기능을 제공하는 Grid 프로그램인 DataTables 입니다. 무료이고 쉽게 이용이 가능 합니다.페이징 기능부터, 즉시 검색, 다중열 정렬등의 다양한 확장기능을 제공 하고 있습니다.https://datatables.net/examples/index 페이지에서 다양한 예제를 확인이 가능합니다. 사용을 하시기 위해서 소스를 다운로드 하시거나,CDN 으로 소스를 호출하여 이용이 가능 합니다.https://datatables.net/download/ 페이지를 참고 하시면 되겠습니다.사용 메뉴얼은 https://datatables.net/manual/index 페이지에서 제공 되고 있습니다.

Javascript 없이 네이게이션 애니메이션 효과를 간단히 구현 할 수 있습니다. 애니메이션 출력부터 호버까지 구현됩니다.HTML 구조            Alvaro's Social Media                              Website                                    LinkedIn                                    Mastodon                                    Twitter                                    YouTube                                    CodePen                                   ..

Javascript 없이 html + CSS로 이루어져 있는 간단 Inverted border-radius Cards를 만들 수 있는 소스입니다.  HTML 구조   leading companieshave trusted us                                          https://images.unsplash.com/photo-1601049676869-702ea24cfd58?q=80&w=2073&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Trust & Co." />                                          ..

화면에 꽉 차는 동영상 배경입니다.화면에 맞게 남은 부분은 짤려서 보여집니다.동영상 배경 소스입니다. 동영상 배경 위 텍스트를 정중앙에 배치하고 화면에 비례해서 폰트크기가 변경되는 소스입니다.

사각형 패턴 애니메이션 배경 소스 입니다.수직 이동과 회전하는 에니메이션 css 입니다.css 수정으로 디자인 변경을 쉽게 할 수 있습니다.