웹 디자인 및 개발을위한 새로운 도구 : 2012 년 6 월

작가: Monica Porter
창조 날짜: 14 3 월 2021
업데이트 날짜: 17 할 수있다 2024
Anonim
[Visual Studio 2012] Visual Studio 2012를 통한 웹과 클라우드 개발
동영상: [Visual Studio 2012] Visual Studio 2012를 통한 웹과 클라우드 개발

콘텐츠

이번 달에는 흙빛이 나는 노트와 강한 과일 향이 나는 풍성함과 질감이 있습니다. 맞습니다. 빈티지입니다. Google이 한 달에 한 번에 한 블록 씩 오스트 랄라 시아를 재건하기 위해 레고와 손을 잡았을 때 여기에 표시된 앱은 후보 목록이 될 수밖에 없었습니다. 그런데 buildwithchrome.com은 성공하지 못했습니다.

웹이 창의적으로 끓기 시작했다는 가장 분명한 징후는 이번 달 출력이 매우 다양하다는 것입니다. 우리는 ProjectFlow로 시간과 움직임, QuoJS를 사용한 제스처 단순성, Mozilla에서 제공하는 비디오 -HTML 매시업을 다룹니다. 누군가가 큰 나무 숟가락을 들고 일을 뒤흔든 것 같아요. 어느 것이 좋니.

젓는 사람은 누구나 그렇게하면서 얼굴에 비틀 거리는 미소를 지었다는 것도 장점입니다. 모든 것에 즐거움이 있습니다. 정규식 도구 인 reFiddle조차도 마음이 가볍습니다. 이제는 세상의 상황이 더 나아질 때가되었습니다. 상승세는 온라인에서 시작되어야합니다. 그리고 무엇보다도, 우리의 선택 중 어느 것도 당신에게 적자를 지불하지 않을 것입니다.


1. 프로젝트 플로우

가격 : 무료

어떤 사람들은 가장 단순한 작업을 통해 진행 상황을 계획하고, 색상을 지정하고, 차트를 작성하는 것보다 더 좋은 것을 좋아하지 않습니다. 종교적으로 ad lib만큼 다른 사람들. ProjectFlow는 후자의 개인에게 창의적인 활력을 약화시키지 않고 작업 부하에 대한 매우 기본적인 탭을 유지할 수있는 방법을 제공합니다.

시작하려면 작업이 통과 할 수있는 단계를 설명하는 열 머리글을 선택한 다음 작업이 발생할 때 작업을 추가하면됩니다. 특정 작업이 새로운 수준의 완료 또는 심지어 '성공'으로 진행되면 해당 작업을 관련 열로 드래그하기 만하면됩니다. 하루 동안 지루한 조직 작업을 마쳤습니다.

2. Mozilla 팝콘 메이커 0.5.2

가격 : 무료

비디오 파일에 인터랙티브 요소를 추가하기위한 도구 세트로, NLE 유형 편집기로 통합 된 Popcorn Maker는 복합 비디오 / 웹 제작을 만드는 간단한 프로그래밍 방식을 제공합니다. 고양이가 피아노를 연주하는 장면을 캡션 할 수도 있습니다.

현재 탐색 할 샌드 박스 버전 만 있지만 WYSIWYG 비디오 / 웹 통합에 대한 몇 가지 흥미로운 가능성을 제공 할 것입니다. 코드 명 '버터'SDK에는 node.js 및 MongoDB가 필요하지만 웹 프로덕션 파이프 라인에 추가 할 가치가있는 것으로 입증 될 수 있습니다.


3. QuoJS

가격 : 무료

모바일 플랫폼과 자바 스크립트 엔진이 계속 발전함에 따라 개발자에게 기기 '생태계'에 대한 각도를 제공하도록 설계된 수많은 라이브러리를 기대할 수 있습니다. QuoJS는 이것이 어떻게 좋은 일이 될 수 있는지에 대한 예입니다.

가볍고 (단 14k) 간단하고 읽기 쉬운 구문으로 QuoJS는 몇 분 안에 태블릿 / 모바일 앱 빌드를 시작할 수있는 기본 도구를 제공합니다. 매우 가치있는 것은 이러한 높은 수준의 유용성입니다.

터치 이벤트 감지 (일부는 아직 개발 중임), DOM 검색 및 조작, Ajax 기능 및 일반 장치 쿼리가 모두 결합되어 앱을 작동하는 기반으로 사용할 수있는 장치 제어 시스템을 형성합니다. 좋은 솔루션입니다.


4. reFiddle

가격 : 무료

다음 번에 가장 사소한 정규식 솔루션을 필요로하는 작업을 수행 할 때 주제에 대한 모든 것을 잊고 시행 착오를 겪게 될 것입니다. 나머지 우리.

JavaScript, Ruby 및 .NET을 모두 실시간으로 처리하는 reFiddle은 놀랍도록 단순한 매력을 가지고 있습니다. 단위 테스트를 실행하는데도 사용할 수 있으므로 방정식이 실제로 필요한 작업을 수행하는지 또는 실제로 일렬로 배열 된 임의의 기호 집합인지 여부를 어느 정도 확실하게 빠르게 설정할 수 있습니다.

동일한 창에서 이전 바이올린을 검색하고 스택 오버플로를 확인할 수도 있습니다.

5. jQuery ++

가격 : 무료

누가 jQuery를 좋아하지 않습니까? 거의 아무도. 유일한 문제는 무언가를 사랑할 때 그 한계를보기가 어렵다는 것입니다. 다행스럽게도 그럴 필요가 없습니다. jQuery ++는 대부분의 빈칸을 채 웁니다. 심지어 여러분이 깨닫지 못했던 빈칸까지도 채워줍니다.

CSS 애니메이션, 쿠키 읽기 / 쓰기, 양식 직렬화, 삭제 가능한 드래그 / 드롭 이벤트 및 모든 개체의 크기 조정 이벤트를 수신하는 기능? 확실히 약간의 실수. 대부분의 노련한 jQuery 사용자는 얼굴에 잔인한 미소를 가져다주는 플러그인을 여기에서 적어도 한두 개 보게 될 것입니다. 또한 전체 라이브러리를 추가 할 필요가 없습니다. 사이트에서 다운로드를 선택하고 선택할 수 있습니다.

6. Android 14.0 용 Firefox 베타

가격 : 무료

Android 기기에서 웹 서핑을하신다면 이번 달에 좋은 소식이 있습니다. Android 용 Firefox Beta가 버전 14에 도달했습니다. Flash 비디오 지원, 향상된 로딩 시간 및 데스크톱 환경과 동기화하는 기능을 통해 Firefox가보기 시작했습니다. 설득력있는 옵션처럼.

사용성 측면에서 소위 'Awesome Screen'은 실제로 웹 브라우징에서 발생하는 다양한 조직 작업을 처리하는 좋은 방법입니다. Firefox는 최근 기록의 스크린 샷을 보관하므로 중단 한 부분부터 다시 시작할 수 있습니다. 다른 기기에서 동기화하는 경우 마지막 Android 세션이 아니어도됩니다.

7. 모질라 팀블

가격 : 무료

HTML과 CSS를 배우기위한 간단한 브라우저 기반 환경 인 Mozilla Thimble을 지나치게 단순화한다고 무시하는 것은 쉽지만 그렇게하는 것은 정당하지 않습니다. 교실 시나리오에서는 이러한 단순성이 강점이 될 것입니다.

Thimble에 대해 이야기 할 종이나 휘파람이 없기 때문에 메인 이벤트에서주의를 분산시킬 것이 거의 없습니다. 즉, 작업에 참여하면 금방 익숙해 질 수있는 실시간 미리보기 / 코드 인터페이스에서 HTML / CSS 페이지를 만들고 게시하는 것입니다.

완벽하지는 않지만 학습 맥락에서 진정으로 유용한 도구를 만들려는 시도입니다. 그리고 Mozilla는 여러분의 피드백에 감사드립니다.

8. jqmPhp 0.03

가격 : 무료

만약 당신이 jQuery Mobile을보고 "매우 지루할 것 같다"고 생각하는 PHP 개발자라면, jqmPhp가 당신을 진지하게 응원 할 것입니다. jQM 앱을 신속하게 설명하는이 PHP 클래스 세트 덕분에 에코 함수를 사용하여 기본 PHP 객체를 출력하면됩니다.

jqmPhp는 아직 초기 개발 단계에 있지만 잘 문서화되어 있고 매우 합리적인 구문을 가진 스마트 시스템입니다. jqmPhp 팀이 jQuery Mobile 자체에 대한 업데이트를 따라 잡을 때까지 기다려야 할 수도 있지만 그 위에있는 것 같습니다. PHP를 좋아한다면 당연한 일입니다.

9. jQuery 1.8 베타

가격 : 무료

현재 jQuery 베타에는 몇 가지 매우 중요한 업데이트가 포함되어 있습니다. 특히 공급 업체가 접두사로 지정한 CSS 속성을 처리하는 기능, 철저하게 정밀 검사 된 애니메이션 컨트롤 및 프레임 워크의 설치 공간을 최소화 할 수 있도록 내장 된 모듈 식 시스템이 있습니다.

다른 많은 사람들이 환영하는 변경 사항으로는 jQuery에 전반적인 성능 향상을 제공 한 선택기 엔진의 재 작성이 있습니다. 또한 $ .parseHTML 메서드를 도입하여 XSS 공격에 대한 단속이 시작되었습니다.

대체로 이것은 특히 강력한 업데이트가 될 것이므로 참여하고 버그를보고하는 것이 매우 대중의 마음을 끌 것입니다.

10. skrollr

가격 : 무료

skrollr는 "대중을위한 시차 스크롤링"을 제공합니다. 이는 대략 시간이 지남에 따라 스크롤 위치에 따라 키 프레임을 설명하는 HTML5 데이터 속성을 사용하는 애니메이션 CSS 속성으로 변환됩니다. 엄청나게 영리하고 결과는 매끄럽게 인상적입니다.

이런 종류의 작업은 과장하기 쉽지만 skrollr를 사용하면 전체 프로세스가 거의 고통스럽지 않으므로 영리한 레이어 스크롤 효과에 대해 소리를 지르지 않아도됩니다. skrollr에는 전적으로 종속성이 없기 때문에 jQuery를 사용할 필요도 없습니다.

최근에 우리 목록에없는 멋진 도구를 발견했지만 그럴 필요가 있다고 생각하는 경우 의견을 통해 알려주십시오. 마찬가지로 다음 라운드 업에서 소개 할 도구를 만들었다면 이메일을 보내주세요!

새로운 기사
만화 캐릭터를 그리는 방법
더 많은 것을 읽으십시오

만화 캐릭터를 그리는 방법

만화를 그리는 방법을 배우는 것은 쉬운 일이 아닙니다. 그것은 매우 독특한 스타일을 가지고 있으며 때로는 시작하기가 어려울 수 있습니다. 만화 만화를 많이 읽더라도 좋아하는 아티스트를 독특하게 만드는 미묘한 차이를 찾아 내기가 어려워서 자신 만의 만화 그리기 스타일을 개발하는 것이 어려울 수 있습니다.일반적인 드로잉 팁을 보려면 튜토리얼을 그리는 방법을 놓...
InDesign에서 웹 사이트를 구축하기위한 빠르고 간단한 안내서
더 많은 것을 읽으십시오

InDesign에서 웹 사이트를 구축하기위한 빠르고 간단한 안내서

Adobe 소프트웨어를 사용하여 모든 노래와 춤을 추는 웹 사이트를 구축하려면 Mu e, Dreamweaver 또는 Edge Reflow가 필요하다는 것을 모두 알고 있습니다. 그러나 빠르고 더러운 웹 사이트의 경우 InDe ign은 어떻습니까? 결국 InDe ign은 몇 년 동안 HTML 내보내기 기능을 가지고있었습니다. 그렇죠?우선, 그러한 워크 플로우...
Google의 Flutter로 교차 플랫폼 모바일 앱 구축
더 많은 것을 읽으십시오

Google의 Flutter로 교차 플랫폼 모바일 앱 구축

수년 동안 수많은 크로스 플랫폼 모바일 프레임 워크가 있었고 개발자 경험과 성능이 지속적으로 향상되었습니다. Google의 Flutter는 팩에 새로 추가 된 것으로 React Native와 같은 많은 프레임 워크가 사용하는 것처럼 Java cript '브리지'를 사용하는 대신 진정한 네이티브 코드로 컴파일되기 때문에 특히 흥미 롭습니다.아래...