본문 바로가기

분류 전체보기380

'Get The App' 배너 왜 회사가 완벽하게 사용할 수 있는 웹 사이트를 통해 네이티브 앱을 홍보할까? 그들에게 물어봐야 할 것 같아요. 그러나 이러한 네이티브 애플리케이션으로의 전환을 우선 순위의 문제로 보지 않을 수 없습니다. 즉, 네이티브 애플리케이션이 제한된 시간, 리소스 및 비용에 걸맞는 가치를 지닌다고 생각한다는 것입니다. 이 현수막들이 말해주는 걸 들으니 정말 값진 투자야. 에탄 마코트, "로커스" 이단은 웹이 놀라울 정도로 거침없는 "앱을 가져와" 배너로 완전히 가려져 있으며, 종종 완벽하게 사용할 수 있는 웹사이트들을 은폐하고 있다는 것을 과시한다. 제가 이런 배너를 볼 때 항상 떠올리는 것은 팀 홀먼이 이런 회사에서 웹 팀에서 일하면 어떤 기분이 들까?와 같은 말을 했던 것을 기억합니다. 세상에는 사람들이 하루.. 2021. 10. 13.
PHP를 사용하여 CSS 압축 이 PHP로 CSS 파일을 시작하고 이름을 style.php로 지정합니다. body { color: red; } 그런 다음 PHP 파일 이름으로 CSS를 호출합니다. 2021. 10. 12.
디자인에서 웹 디자인으로 인쇄: 비교 유사성 나는 프리 프레스에서 오랫동안 일했었다. 웹에서 작업한 시간보다 더 길어요. 나는 매일 InDesign 문서를 들락거렸다. 나는 뛰어난 프로는 아니지만, 내 주변 사정은 잘 알고 있다. 최근에 새 책 Dearing Into WordPress(지금 구입하실 수 있습니다!)를 펴내는 작업을 마무리하고 있습니다. 그 동안 InDesign에서 작업하는 방법 중 일부는 CSS와 비슷하고 일부는 그렇지 않은 방법에 대해 생각했습니다. 어디 한번 봅시다. 인쇄 문서의 크기는 고정되어 있습니다. 웹 브라우저는 유동적입니다. 인쇄할 때 페이지의 너비와 높이를 선언하면 절대적으로 페이지 너비와 가장자리를 중심으로 설계할 수 있습니다. 웹 설계에서 셀 수 있는 유일한 가장자리는 위쪽 가장자리입니다. 왼쪽으로 정렬하면 왼쪽 .. 2021. 10. 12.
전역 변수 함수 외부에 변수를 선언합니다. var oneVariable; function setVariable(){ oneVariable = "Variable set from within a function!"; } function getVariable(){ alert(oneVariable); // Outputs "Variable set from within a function!" } 또는 창 개체에 첨부합니다. function setValue() { window.myValue = "test"; } function getValue() { alert(window.myValue); // "test" (assuming setValue has run) } 2021. 10. 12.
스크롤-팔로우 사이드바, 여러 가지 기법 오늘 정말 간단한 컨셉입니다 여러분! 페이지를 아래로 스크롤할 때 "팔로우"되는 사이드바입니다. 그것을 하는 데는 여러 가지 방법이 있다. CSS와 자바스크립트(jQuery) 두 가지를 추가 CSS 트릭으로 다룰 것입니다. 데모 다운로드 파일 보기 CSS 이를 처리하는 가장 쉬운 방법은 CSS 고정 위치 지정을 사용하는 것입니다. 사이드바는 #페이지 포장 디브 내에 있으므로 사이드바가 그 안에 설정된 다음 여백으로 제 자리에 밀어 넣으면 됩니다. #page-wrap { width: 600px; margin: 15px auto; position: relative; } #sidebar { width: 190px; position: fixed; margin-left: 410px; } 이 방법을 사용하면 페이지.. 2021. 10. 10.
시간 간격에 따라 기능 수행 1초마다 함수를 수행합니다. function myFunction() { // do something } var int = setInterval(myFunction, 1000); 취소: clearInterval(int); 사용자 지정 함수를 호출할 때 변수 전달: setInterval(function(){ doMove(panelWidth, tooFar); }, delayLength); 2021. 10. 10.
Firefox의 RSS 피드 소스 보기 Firefox는 RSS 피드에 대한 링크를 클릭하면 어떤 방식으로든 가입할 것으로 가정하는 것을 좋아합니다. 대부분의 경우 그럴 수 있지만 RSS의 원본만 보려고 할 때도 있습니다. RSS 피드의 소스를 보려면 피드 주소 앞의 주소 표시줄에 다음과 같이 "뷰 소스:"를 붙입니다. view-source:http://today.wisc.edu/events/tag/humanities.rss 2021. 10. 10.
음의 여백으로 패딩된 이미지 링크 수정 이것은 여러분 대부분에게 명백할 꽤 기본적인 속임수입니다. 하지만 어떤 이유에서든, 그 해결책은 항상 저를 피해서 여기서 공유합니다. 나는 패딩 링크를 좋아한다. 본문 내용에서 링크를 약간의 패딩, 배경 및 둥근 모서리로 제공합니다. a { padding: 2px 6px; background: #eee; -moz-border-radius: 4px; -webkit-border-radius: 4px; } 문제는 이미지를 링크로 만들면 이 패딩이 보기 흉하게 보인다는 것이다. 잘못된 해결 방법 제가 그것을 고치는 방법은 끌 대신 큰 망치를 사용하는 것이었습니다. 즉, 이미지의 패딩을 제거하기 위해 jQuery를 작성했습니다. $("a:has('img')").css(padding, 0); jquery가 .has.. 2021. 10. 10.
이메일 주소 추출 문자열(예: 전자 메일의 본문)을 함수에 전달하기만 하면 문자열에 포함된 전자 메일 주소 배열이 반환됩니다. function extract_emails_from($string) { preg_match_all("/[\._a-zA-Z0-9-]+@[\._a-zA-Z0-9-]+/i", $string, $matches); return $matches[0]; } $emails의 함수 반환 값을 잡은 경우 다음과 같이 foreach를 사용하여 구문 분석할 수 있습니다. foreach($emails as $email) { echo trim($email).' '; } 2021. 10. 10.
데이비드 월시와의 다섯 가지 질문 당신이 데이비드 월시를 알고 있다는 이 블로그를 읽는다면 아마도 좋은 기회가 있을 것이다. 데이비드와 저는 같은 고향(위스콘신 주 매디슨) 출신이며 수년 동안 친구로 지내왔습니다. 우리는 몇 개의 프로젝트를 함께 했고 여러 개의 더블 포스트를 함께 썼어요. 나는 주로 PHP와 자바스크립트에 대한 질문으로 그를 괴롭히고 그는 항상 나를 도와주기 위해 그곳에 있다. 나는 마침내 몇 가지 질문에 대해 그를 심문하기 시작했다. 계속해서 읽어보고 고객 업무, 불만 사항, 고전적인 jQuery vs MooTools 토론에 대해 들어보십시오. 크리스: 이 jQuery vs.에 대한 당신의 의견을 들어보죠. MooTools 토론. 둘 다 잘 아시잖아요. 저처럼 주로 jQuery를 사용하는 사람보다 여러분의 의견이 조금.. 2021. 10. 10.
한 번 클릭 및 바인딩 해제 클릭 한 번으로 어떤 일이 일어나지만 한 번만! 요소를 한 번 클릭한 후 클릭 핸들러의 바인드를 해제합니다. $('#my-selector').bind('click', function() { $(this).unbind('click'); alert('Clicked and unbound!'); }); 기본적으로 동일한 jQuery의 .one() 함수에 대해서는 아래 벤의 설명을 참조하십시오. 2021. 10. 10.
Design API v3.0(+ 위젯!)에 대한 견적 v1.0 API의 슬픈 시절로 돌아가서, v1.0 API를 사용하는 사이트는 스크립트를 로드할 때마다 데이터베이스 호출을 통해 설계 시 견적 자료 보관소에서 새로운 견적을 끌어왔습니다. 작동했지만 느렸고, 분명 잘 확장되지 않을 것입니다. 버전 2.0은 이러한 문제를 해결하기 위해 통합되었습니다. CRON 작업은 10분마다 하나의 DB 쿼리를 실행하고 견적 및 마크업을 에 쓰는 데 사용되었습니다.TXT 파일. 그리고 나서 스크립트가 호출되었을 때, 파일의 내용을 읽고 마법을 부리기 위해 그것을 사용했습니다. 실제로 효과가 좋았습니다. 저는 이 기술을 제가 좋아하는 "게토 캐싱"이라고 부릅니다. 하지만 2.0은 여러 가지 면에서 제한적이었습니다. 따라서 3.0 버전을 제공합니다! 크레딧이 필요한 경우, D.. 2021. 10. 10.
#76: 라이브 사이트의 jQuery 투어 비디오 다운로드 (MVP 서포터만 오프라인 보기를 위해 고품질 원본 녹화를 다운로드할 수 있습니다.) 저는 바쁘고, 여러분들도 바쁘고, 우리는 모두 마감일을 맞추느라 바쁩니다. 이 미친 웹 세계에서 일을 마무리 짓기 위해서요. 저는 새로운 기술을 배울 수 있을 때 배우는 것을 좋아하지만, 제가 이미 잘 알고 있는 도구들을 가장 먼저 받아들입니다. 왜냐하면 저는 즉시 생산적이 될 수 있기 때문입니다. jQuery는 저에게 그런 도구들 중 하나입니다. 이 스크린캐스트에서 저는 웹 사이트를 거닐고 있습니다. 거기서 저는 다른 용량으로 모든 곳에 jQuery를 사용했습니다. 비디오 링크: 게일 암브로시우스 2021. 10. 10.
확인란이 선택되어 있는지 확인 10배 빠르게 =)라고 말합니다. 단일 확인란이 선택되어 있는지 확인하고 참 또는 거짓을 반환합니다. $('#checkBox').attr('checked'); 선택한 모든 확인란 찾기: $('input[type=checkbox]:checked'); 2021. 10. 10.
웹 앱 처음부터 만들기 – 8부 1: 기본 아이디어 및 디자인 이봐! 이 시리즈와 함께 제공되는 소스 코드를 더 이상 다운로드할 수 없다는 사실을 알려드립니다. 우리는 여전히 시리즈에서 얻을 수 있는 귀중한 정보가 있다고 생각하지만, 앞으로 10년 이상 걸릴 것이기 때문에 진보적인 웹 앱을 만들기 위해 현대적인 PHP 프레임워크(라라벨)나 심지어 자바스크립트 프레임워크(리액트 또는 Vue)도 고려해 볼 가치가 있다고 생각합니다. 오늘은 웹 애플리케이션 구축에 관한 8부 시리즈의 1부를 시작하겠습니다. 먼저 아이디어를 소개하면서 일을 시작하겠습니다. 그리고 나서 디자인, UI, 그리고 일반적인 프런트엔드 관련 일을 다룰 것입니다. 우리는 내 친구 Jason Lengstorf의 사이트 Copter Labs를 왔다 갔다 할 것이다. 제이슨은 애플리케이션 계획이나 데이터베.. 2021. 10. 10.

티스토리툴바