[CSS] css 참고 사이트. transform, transition, Animation

CSS3 transform:skew
CSS3 transform:rotate
CSS3 transform-origin

transform
transition
animation

http://tcbs17.cafe24.com/tc/html5/css_/css_demo2/index.html

SVG : Scalable Vector Graphics

CSS 참고 사이트
http://htmlcss.kr/
http://w3schools.com/
http://css3generator.com/
http://caniuse.com/

'프로그래밍 > Style & Design' 카테고리의 다른 글

CSS - Cheat sheet (0)	2013.07.29
[CSS] Cardinal — Mobile-first CSS framework with useful defaults (0)	2013.07.17
[CSS] 17 Best CSS Tools to Speed Up Your Coding (0)	2013.06.24
Summoning the Next Interface: Agentive Tools & SAUNa Technology (0)	2013.06.12
[CSS] Pure — Small, responsive CSS modules for every project (0)	2013.06.04

Erlang

http://www.erlang.org/

wiki kor : http://xper.org/wiki/seminar/ErlangLanguage

What is Erlang?

Erlang is a programming language used to build massively scalable soft real-time systems with requirements on high availability. Some of its uses are in telecoms, banking, e-commerce, computer telephony and instant messaging. Erlang's runtime system has built-in support for concurrency, distribution and fault tolerance.

Starting erlang

If you are running a unix system type "erl" or, if you are running on windows start Erlang by clicking on the Erlang start icon. You should see something like this:

$ erl
Erlang R14B (erts-5.8.1.1) [source] [smp:2:2] [rq:2] [async-threads:0] [kernel-poll:false]

Eshell V5.8.1.1 (abort with ^G)

1>

The ">" prompt means the system is waiting for input.Using Erlang as a calculator

1> 2*6.
12
2>

Remember to terminate every expression with a DOT followed by a newline!

Editing previous expressions

Previous expressions can be retrieved and edited using simple emacs line editing commands. The most common of these are:

^P fetch the previous line.
^N fetch the next line.
^A Go to the beginning of the current line.
^E Go to the end of the current line.
^D Delete the character under the cursor.
^F Go forward by one character.
^B Go Back by one character.
Return Evaluate the current command.

Note: ^X means press Control + X

Try typing Control+P to see what happens.

Compiling your first program

Type the following into a file using your favorite text editor:

-module(test).
-export([fac/1]).

fac(0) -> 1;
fac(N) -> N * fac(N-1).

Save the file as test.erl The file name must be the same as the module name.

Compile the program by typing c(test) then run it:

3> c(test).
{ok,test}
30> test:fac(20).
2432902008176640000
4> test:fac(40).
815915283247897734345611269596115894272000000000
32>

Now go and write some games!

Digging deeper

저작자표시 (새창열림)

'프로그래밍 > Architect' 카테고리의 다른 글

[Open SW] Source Navigator (0)	2013.09.24
[OSX] Shuttle — SSH shortcut menu for OS X (0)	2013.08.05
[단어] 이상, 이하, 초과, 미만 에 대한 정의 (0)	2013.07.01
TDD, BDD (0)	2013.06.13
도로명에 따른 우편번호 신규 내려받기 (0)	2013.06.04

파일검색 프로그램 - Everything search engine

http://www.voidtools.com/

Everything search engine

Locate files and folders by name instantly.

Small installation file
Clean and simple user interface
Quick file indexing
Quick searching
Minimal resource usage
Share files with others easily
Real-time updating
More...

For more information please visit the Everything FAQ

Download Everything for Windows 2000, XP, 2003, Vista, 2008 and Windows 7

Everything-1.2.1.371.exe (334 KB)

Everything-1.2.1.371.zip (Portable, 272 KB)

(See list of changes) ▪ Older versions ▪ MD5

Download Everything 1.3.3.658b Beta for Windows

Everything-1.3.3.658b.x64.exe (Installer, x64, 520 KB)

Everything-1.3.3.658b.x86.exe (Installer, x86, 440 KB)

Everything-1.3.3.658b.x64.zip (Portable, x64, 533 KB)

Everything-1.3.3.658b.x86.zip (Portable, x86, 425 KB)

(See list of changes) ▪ MD5

저작자표시 (새창열림)

'프로그래밍' 카테고리의 다른 글

[CHROME] Chrome Logger — Server side app debugging in Chrome (0)	2013.07.18
[Cloud] ZeroPC.com (0)	2013.07.17
[EDITOR] Sublime 2.0.2 Update (0)	2013.07.10
컬쳐랜드 오류에 대해서... (0)	2013.06.20
OpenWeatherMap - free weather data and forecast API (0)	2013.06.20

http://www.daftlogic.com/projects-text-to-image.htm

PHP Text to Image

Change the settings and the click Create

Description

This script is a means to convert a string of text into an image. This has some simple uses such as displaying text such as email address that cannot be programmatically found. This can help to reduce the possibility of your email address being picked up by web crawlers and used for junk mail.

How To Use

To use the example interface above, simply modify or insert the string of text. You can edit any of the other settings, but this is optional.

Further Uses and Ideas:

How it Works:

The PHP Script

<? /* text to image converter daftlogic www.daftlogic.com */ Header("Content-type: image/png"); class textPNG { var $font = 'fonts/TIMES.TTF'; //default font. directory relative to script directory. var $msg = "no text"; // default text to display. var $size = 24; // default font size. var $rot = 0; // rotation in degrees. var $pad = 0; // padding. var $transparent = 1; // transparency set to on. var $red = 0; // black text... var $grn = 0; var $blu = 0; var $bg_red = 255; // on white background. var $bg_grn = 255; var $bg_blu = 255; function draw() { $width = 0; $height = 0; $offset_x = 0; $offset_y = 0; $bounds = array(); $image = ""; // get the font height. $bounds = ImageTTFBBox($this->size, $this->rot, $this->font, "W"); if ($this->rot < 0) { $font_height = abs($bounds[7]-$bounds[1]); } else if ($this->rot > 0) { $font_height = abs($bounds[1]-$bounds[7]); } else { $font_height = abs($bounds[7]-$bounds[1]); } // determine bounding box. $bounds = ImageTTFBBox($this->size, $this->rot, $this->font, $this->msg); if ($this->rot < 0) { $width = abs($bounds[4]-$bounds[0]); $height = abs($bounds[3]-$bounds[7]); $offset_y = $font_height; $offset_x = 0; } else if ($this->rot > 0) { $width = abs($bounds[2]-$bounds[6]); $height = abs($bounds[1]-$bounds[5]); $offset_y = abs($bounds[7]-$bounds[5])+$font_height; $offset_x = abs($bounds[0]-$bounds[6]); } else { $width = abs($bounds[4]-$bounds[6]); $height = abs($bounds[7]-$bounds[1]); $offset_y = $font_height;; $offset_x = 0; } $image = imagecreate($width+($this->pad*2)+1,$height+($this->pad*2)+1); $background = ImageColorAllocate($image, $this->bg_red, $this->bg_grn, $this->bg_blu); $foreground = ImageColorAllocate($image, $this->red, $this->grn, $this->blu); if ($this->transparent) ImageColorTransparent($image, $background); ImageInterlace($image, false); // render the image ImageTTFText($image, $this->size, $this->rot, $offset_x+$this->pad, $offset_y+$this->pad, $foreground, $this->font, $this->msg); // output PNG object. imagePNG($image); } } $text = new textPNG; if (isset($msg)) $text->msg = $msg; // text to display if (isset($font)) $text->font = $font; // font to use (include directory if needed). if (isset($size)) $text->size = $size; // size in points if (isset($rot)) $text->rot = $rot; // rotation if (isset($pad)) $text->pad = $pad; // padding in pixels around text. if (isset($red)) $text->red = $red; // text color if (isset($grn)) $text->grn = $grn; // .. if (isset($blu)) $text->blu = $blu; // .. if (isset($bg_red)) $text->bg_red = $bg_red; // background color. if (isset($bg_grn)) $text->bg_grn = $bg_grn; // .. if (isset($bg_blu)) $text->bg_blu = $bg_blu; // .. if (isset($tr)) $text->transparent = $tr; // transparency flag (boolean). $text->draw(); // GO!!!!! ?>

contact us for more information

Further Help

For anyone finding problems using this...

(1) Please test this example to ensure imagecreate works on your server...

<?php
header("Content-type: image/png");
$im = @imagecreate(110, 20)
or die("Cannot Initialize new GD image stream");
$background_color = imagecolorallocate($im, 0, 0, 0);
$text_color = imagecolorallocate($im, 233, 14, 91);
imagestring($im, 1, 5, 5, "A Simple Text String", $text_color);
imagepng($im);
imagedestroy($im);
?>

(2) Make sure to use the example at the top of this page by sending POST variables from your form. For example msg,font,size ...

Relevant Links

PHP Manual - http://uk2.php.net/imagepng
http://uk3.php.net/imagecreate

저작자표시 (새창열림)

'프로그래밍 > Web' 카테고리의 다른 글

Twittstrap — Powerful front-end framework based on Bootstrap (0)	2013.07.22
[HTML5]Mobile HTML5 compatibility on mobile and tablet browsers with testing on real devices compatibility on mobile and tablet browsers with testing on real devices (0)	2013.07.22
YARD: Yay! A Ruby Documentation Tool (0)	2013.07.10
[JSON] Ql.io — A data-retrieval and aggregation gateway (0)	2013.07.09
Ack 2.04 — Grep-like tool for programmers (0)	2013.07.08

Appium

Automation for Apps

Appium is an open source test automation framework for use with native and hybrid mobile apps.
It drives iOS and Android apps using the WebDriver JSON wire protocol.

Introducing Appium.

Is native app automation missing from your tool belt? Problem solved.

Watch the Videos

Appium Philosophy

Appium is built on the idea that testing native apps shouldn't require including an SDK or recompiling your app. And that you should be able to use your preferred test practices, frameworks, and tools. Appium is an open source project and has made design and tool decisions to encourage a vibrant contributing community.

Use your favorite tools

Appium aims to automate any mobile app from any language and any test framework, with full access to back-end APIs and DBs from test code. Write tests with your favorite dev tools using all the above programming languages, and probably more (with the Selenium WebDriver API and language-specific client libraries).

Requirements

iOS

Mac OSX 10.7+
XCode 4.5+ w/ Command Line Tools

Android

Mac OSX 10.7+ or Windows 7+ or Linux
Android SDK ≥ 16 (SDK < 16 in Selendroid mode)

Easy setup process, run a test now.

Install node.js (includes npm, the node.js package manager).

> sudo npm install -g appium
> npm install wd
> appium &
> node your-appium-test.js

See the Appium example tests.

저작자표시 (새창열림)

'프로그래밍 > App' 카테고리의 다른 글

[APP] 안드로이드 버전별, 화면별 분포 (0)	2013.08.05
개발자를 위한 Mac 개발환경 세팅 References. (0)	2013.07.29
[iTunes] 무료배포앱 다운로드 완료 (0)	2013.07.09
[Android] Android Simulator Setup for Sencha Touch (0)	2013.06.24
iOS 7 Coming this fall (0)	2013.06.11

20 Useful Mobile Frameworks for Developers

http://feeds.dzone.com/~r/dzone/frontpage/~3/p_E14jg1YxU/20_useful_mobile_frameworks_for_developers.html

The popularity of mobile applications is on a perpetual flux of advancing and expanding, as their usage has become increasingly prevalent across mobile phone users. The mobile app explosion has incited a rapid expansion into other sectors, such as factory automation, GPS and location-based services, banking, order-tracking, and ticket purchases have made app development more of a challenge; which in turn has led to the creation of a wide range of reviews, recommendations, and sources, including blogs, magazines, and dedicated online app-discovery services.

In this article I have gathered 20 Mobile Frameworks for development that would help developers to create innovative, useful and entertaining apps for mobile lovers. I hope mobile developers will find this list handy and according to their needs. If you know any other mobile frameworks which you think is good enough to serve developers purposes, do let us know by commenting in comment section, we would love to hear your feedback. Enjoy !

If you like the article you might be interested in our other articles on Best HTML5 Frameworks and Best CSS Frameworks for Developers

1. Fries

Fries is a solid HTML-CSS-JS framework for creating Android-like UIsboth for real-world usage and prototyping. The framework has all the major components like forms, action bars, lists, buttons, spinners or tabs. It is also optimized for PhoneGap and can be easily converted to a native app.

Source

2. Appium

Appium is an open source framework which helps automating mobile app testing from any language and any test framework, with full access to back-end APIs and DBs from test code. It works for both iOS + Android apps and tests can be written with Java, Objective-C, JavaScript, PHP, Python, Ruby, C#, Clojure, or Perl. The framework is Mac OS X only and requires Nodejs to run.

Source

3. Junior

Junior is a HTML5 front-end framework for creating mobile apps that look and behave like native. It uses CSS3 transitions for a slick performance, supports swipable carousels and includes various UI components (from Ratchet). The framework uses Zepto (which is nice for jQuery fans as it has a jQuery-like syntax) and has integration with backbone.js views + routers. Junior is pretty easy to use and has the documents + examples to get you started.

Source

4. Enyo

Enyo, the JavaScript framework which was created to power the apps on HP’s TouchPad, has recently reached v2 and now offers cross-platform compatibility rather than only webOS (as v1 did). The new Enyo supports both desktop + mobile, works in all major browsers and comes with a broad set of cross-platform UI widgets + a powerful layout library for building apps.

Source

5. Sidetap

Sidetap is a simple and lightweight (2kb minified, gzipped) framework for creating mobile web apps. The framework actually focuses on providing a flexible side-navigationsimilar to the one we know from Facebook’s mobile app, and, once the navigation part is solved, it is pretty easy to build a simple mobile web app. It works by telling Sidetap “the content element to be animated”. It takes care of clearing the stage using whatever animation is appropriate for the situation.

Source

6. Mobello

Mobello is an open source JavaScript UI framework that simplifies developing mobile web apps. The framework aims to provide a native-like experience in mobile, it is optimized for touch events and has 20+ widely-used UI components. It also has an IDE, named Mobello Studio that focuses on building mobile apps with HTML5, CS3 and the Mobello framework. Mobello Studio has a drag ‘n’ drop enabled visual design editor, a JavaScript debugger and built-in mobile device emulator.

Source

7. Moobile

Moobile is an exciting and fresh project; a mobile web application framework built on MooTools. Currently, it is focused on providing a iOS-like experience on WebKit browsers and comes with many controls like bar, button, image, list, activity indicator, slider and more. It also has support for transitions like fade, slide, cubic or cover and can display native-like alerts. Interfaces created with Moobile are fluid, they will work well both in iPhone + iPad and look good when orientation changes.

Source

8. Spine Mobile

Spine Mobile is a JavaScript framework, built on top of SpineJS, for building mobile web apps that look and feel native. The framework comes with specialized controllers, panel layout, hardware accelerated transitions and touch events.

Source

9. Zoey

It is a HTML5-CSS3-powered framework for creating mobile apps, built on top of Zepto.js and weights only 6kb (gzipped). Zoey has the UI components like navigation, lists, buttons, control groups, forms and grids. The framework is compatible with iOS + Android and comes with an app skeleton that covers all the features.

Source

10. iUI

iUI is a mobile web framework that has been around for a long time (since 2007) compared to many other mobile resource. The framework includes a JavaScript library, CSS and images for developing touch-enabled web apps. User interfaces to be created are iPhone-like yet compatible with most smartphones and tablets and has support for menus, forms, lists, image galleries and more. Also, there are built-in extensions for caching, getting system information, HTML5 videos or theme switching.

Source

11. Lungo.js

Lungo.js a framework, powered with HTML5, CSS3 and JavaScript, for creating mobile web apps. The applications created with it works in all of the popular platforms (iOS, Android, Blackberry and WebOs). It has support for touch events like tap, double-tap or swipe and doesn’t use images (including the icons) as everything is vectorized.

Source

12. Wink Toolkit

Wink Toolkit is a JavaScript framework for creating mobile web applications with less-hassle. It comes in multiple parts where the “core” (which includes HTTP requests utilities, event management system or DOM extensions) is a must to use and every other feature is optional. Such a structure helps keeping the filesize minimum which is pretty important when it is mobile.

Source

13. The M Project

The-M-Project is an exciting HTML5 JavaScript framework for building cross-browser mobile web applications (iOS, Android, Palm webOS, BlackBerry). It makes use of jQuery on the JavaScript part and contains all ui + core files with features like offline support, internationalization and more. The-M-Project is not alone, it requires nodeJS and comes with a build tool called: Espresso! which makes it easy to structure your code, build and run it on a built-in server.

Source

14. DHTMLX Touch

DHTMLX Touch is a JavaScript library which heavily makes use of HTML5,for building mobile web applications. It’s not just a set of UI widgets, but a complete framework that allows you to create cross-platform web applications for mobile and touch-screen devices. The framework is compatible with multiple devices and applications built with it will work smoothly on iPad, iPhone and Android.

Source

15. Zepto.js

Zepto.js is a lightweight (2kb) JavaScript framework for mobile WebKit browsers, with a jQuery-compatible syntax. It aims to help overcoming the most drudge work with a nice API so users can concentrate on getting things done. Besides the most common functions that can be expected from a JS framework, it has support for touch events and detection of the environment.

Source

16. jQuery Mobile

jQuery project has just published the expected jQuery Mobile; the touch-optimized web framework for smartphones & tablets. It is built on top of jQuery and provides a unified user interface system that’llperform the same in all popular mobile device platforms. The framework is built around the principle of progressive enhancement and uses the HTML5 and CSS3 features but degrades nicely for browsers that don’t support them.

Source

17. Jo

Jo is an open source mobile application framework that is based on HTML5. It enables you to create for multiple platforms like webOS, iOS, Android, Symbian, Safari, Chrome and Dashboard Widgets. Jo is also compatible with PhoneGap and makes possible to create native apps besides web app.

Source

18. Sencha Touch

It is an HTML5 Mobile App. Framework, which allows you to develop web applications that look and feel native on Apple iOS and Google Android touchscreen devices. It makes use of HTML5 for delivering audio/video or localStorage and CSS3for maximum styling like rounded corners, background gradients, and shadows.

Source

19. WebApp.Net

WebApp.Net is a feature-rich JavaScript framework for building mobile web applications. It provides a complete set of components (switch buttons, radio groups, etc.) that will help your website look & behave like a native mobile application. The framework has full support for Ajax & every action from clicks to form submissions can be Ajaxed with tiny declarations.

Source

20. Helios

Helios is an open-source framework that provides essential backend services for iOS apps, from data synchronization and push notifications to in-app purchases and passbook integration. It allows developers to get a client-server app up-and-running in just a few minutes, and seamlessly incorporate functionality as necessary. Helios is a constellation of mobile backend components – Mix and match to meet the specific needs of your app. Built on the Rack webserver interface, Helios can be easy added into any existing Rails or Sinatra application, or used by itself. It is released under MIT License.

Source

저작자표시 (새창열림)

'프로그래밍 > Script' 카테고리의 다른 글

[javascript] Tracking.js — Camera-based interaction with your browser (0)	2013.07.15
[jQuery] 23 Beautiful jQuery Text Animation Effects Examples with Tutorials (0)	2013.07.12
[javascript] 자바스크립트 개론 : 체계적인 프로그래밍 수련법 (0)	2013.07.10
[javascript] Developing Backbone.js Applications - 배포판 (0)	2013.07.10
[jQuery] jQuery Fundamentals - 기본사항 (0)	2013.07.10

Text		The text to display
Rotation		0=normal 90=sideways
Font Size		Points
Font
Padding		Space around the image
Transparent
Fore Colour	R G B	(0-255)
Back Colour	R G B	(0-255)
(pop-up window)

프로그래밍

'프로그래밍 > Style & Design' 카테고리의 다른 글

'프로그래밍 > Architect' 카테고리의 다른 글

'프로그래밍' 카테고리의 다른 글

PHP Text to Image

Description

Further Uses and Ideas:

How it Works:

Further Help

Relevant Links

'프로그래밍 > Web' 카테고리의 다른 글

Introducing Appium.

Appium Philosophy

Use your favorite tools

Requirements

iOS

Android

Easy setup process, run a test now.

'프로그래밍 > App' 카테고리의 다른 글

20 Useful Mobile Frameworks for Developers

1. Fries

2. Appium

3. Junior

4. Enyo

5. Sidetap

6. Mobello

7. Moobile

8. Spine Mobile

9. Zoey

10. iUI

11. Lungo.js

12. Wink Toolkit

13. The M Project

14. DHTMLX Touch

15. Zepto.js

16. jQuery Mobile

17. Jo

18. Sencha Touch

19. WebApp.Net

20. Helios

'프로그래밍 > Script' 카테고리의 다른 글

티스토리툴바