반응형
반응형

Jindo

 

http://dev.naver.com/projects/jindo

 

Jindo는 NHN에서 제작한 Javascript Library 이다. 사내의 Javascript Application 제작시에 반복적으로 발생하는 로직을 컴포넌트화 하여 결과물의 품질을 향상시키기 위한 목적으로 작성되었다.


 


 


 


 

아래 그림과 같이 Jindo는 desktop에서 사용하는 프레임워크와 컴포넌트, 모바일에서 지원하는 프레임워크와 컴포넌트로 구성되어 있다.
캡처_2.PNG


 

레퍼런스

Jindo

- Jindo Jindo Mobile
한국어 버전 [http]API Reference [http]API Reference
영어 버전 [http]API Reference [http]API Reference

Jindo Component


Jindo Mobile Component


지원 브라우저



Desktop Mobile
msie.sm.png
(6.0 이상)
android.png
(2.1 ~ 4.1)
chrome.sm.png
(2 이상)
ios.png
(3.0 ~ 6.x)
webkit.sm.png
(4.0 이상)
-
gecko.sm.png
(3.0 이상)
-
presto.sm.png
(10.0 이상)
-

지원도구

Jindo 사용시 유용한 도구를 지원하고 있다.

현재 지원도구에는 진도추출기와 진도업데이터가 있으며 지속적으로 개선 및 추가할 예정이다.

진도추출기

  • 서비스 코드에서 사용하는 Jindo 만을 추출해서 서비스에 최적화된 custom Jindo 파일을 생성한다.
  • 파일 크기가 줄어들고 불필요한 스크립트가 실행되지 않기 때문에 로딩성능에 향상을 가져올 수 있다.
  • 진도추출기가이드

진도업데이터

  • Jindo 를 사용 중인 서비스에서 Jindo Library 를 업그레이드 할 때 주의해야 할 변경사항을 엑셀보고서로 출력해준다.
  • Jindo Library 업그레이드에 대한 막연한 불안감을 해소하고 비용을 절감해 줄 수 있다.
  • 진도업데이터가이드
반응형
반응형

21 Amazing jQuery Pagination Plugins

http://inspiretrends.com/jquery-pagination-plugins/

Easy Paginate jQuery Plugin for Pagination

Demo || Download

With pagination controls you are able to glance through easily and simply through the items found on the list. This plugin allows easy implementation which are very useful and important to use it in you projects. It main function is to check large number items on the list quickly.

jQueryPaginationPlugins-16

jPages: jQuery Pagination Plugins

Demo || Download

jPages is a client-side pagination plugin but it gives you a lot more features comparing to most of the other plugins for this purpose, such as auto page turn, key and scroll browse, showing items with delay, completely customizable navigation panel and also integration with Animate.css and Lazy Load.

jQueryPaginationPlugins-17

jQuery Simple Content Sorting Plus Plugin

Demo || Download ]

jQueryPaginationPlugins-18

This plugin creates a simple content sorter for your content and allows you to control your content with pagination!

WordPress Smart Pagination Plugin

Demo || Download ]

Smart Pagination WordPress Plugin includes custom pagination to your website in just a couple of mintes

jQueryPaginationPlugins-19

Beautiful Data: jQuery Pagination Plugins

Demo || Download ]

Beautiful Data is a great way to turn a boring HTML table into something that supports features like paging and sorting. This jQuery plugin can also access data from CSV and JSON just by specifying the source file.

jQueryPaginationPlugins-20

jPList

Demo || Download ]

jPList is a flexible jQuery plugin for sorting, pagination and filtering of any HTML structure (DIVs, UL/LI, tables, etc)

jQueryPaginationPlugins-21

AJAX Pagination using jQuery and PHP with Animation

Demo || Download

This is one of the best plugins that is easy to use and users and developers do not have to refresh the sites every now and then. It mostly uses animation and is becoming one of the popular website functions.

jQueryPaginationPlugins-1

Easy pagination with jQuery and Ajax

Demo || Download

It maintains your data only in a fixed size and allowing you to navigate easily backwards and forward. The information can now be easily digest into smaller pieces.it reduces the load on the server and the page reloading.

jQueryPaginationPlugins-2

Extreme Makeover: jPaginator CSS3Edition

Demo || Download

This tutorial is mainly designed for the beginners and takes very few minutes to be completed. It contains a lot of pages links that can be navigated along first so that you can be able to select them. Your experience in the websites are really improved by the slider for animating links.

jQueryPaginationPlugins-3

jQuery Quick Pagination

Demo || Download

It enables the user to generate quick long list and page contents into numbered format. It is important part of the website as it allows designers and other developers to neatly separate their websites content very easily and efficiently tom access pagination without messing up with things.

jQueryPaginationPlugins-4

jQpagination

Demo || Download

This is a jQuery plugin for quickly creating a JavaScript which control pagination interface and functionality. The plugin present is controlled with a special class and attributes of HTML elements. It is pretty simple and unique and yet functional.

jQueryPaginationPlugins-5

jQuery Pagination Plugin

Demo || Download

They enable you to display more than one page with the present navigational elements in order to move from one page to the next. When there are large list to search for results or articles it is able to display them in grouped amount of different pages.

jQueryPaginationPlugins-6

jQuery Pagination Revised

Demo || Download

This plugins contains a wide variety of features which are used for effective working of the website. The long list in a huge page can be separated into multiple pages. The site layout is improved with the database and other properties with full control to adapt to the style properly.

jQueryPaginationPlugins-7

jPaginate-jQueryPagination System Plugin

Demo || Download

The new version comes with instant HTML pagination which has the speed and property to allow you separate a series of elements. The splitting of series put elements into organized pages which give it more appealing appearance.

jQueryPaginationPlugins-8

jQuery Pagination Plugin: Smart Paginator

Demo || Download

jQuery Pagination plugin makes the task very easy and simple for different navigation logic that is already incorporated for customization purposes. On the client side it filter the data of the user automatically due to presence of Smart Pagination jQuery and it allows addition of Pagination.

jQueryPaginationPlugins-9

jPaginate: A Fancy jQuery Pagination Plugin

Demo || Download

You can be able to glide through the different pages by hitting over the arrows. The pagination plugin with sensibility to apply animation on page numbers for efficacy. It also provides many short links on one side to the pages on the other end.

jQueryPaginationPlugins-10

Pajinate-A jQuery Pagination Plugin

Demo || Download

It is among one of the flexible and simple plugin that comes with different tools to separate long lists into different various break up pages. The point between paginated page loads is very minimal and it is the simpler app to serve as side implementations.

jQueryPaginationPlugins-11

Pagination with jQuery, MySQL and PHP

Demo || Download

This is a flexible jQuery plugin which comes in a manner to show you how implement Pagination. It is contain in the JavaScript which comes with PHP jQuery and MySQL. The script contained is very easy and simple to use.

jQueryPaginationPlugins-12

Sweet Pages: A jQuery Pagination Solution

Demo || Download

It allows you to convert and change unordered file of different items into a search engine optimization friendly which are put to navigate pages. The user uses it to comment on their treads or other type of configured contents.

jQueryPaginationPlugins-13

Simple Pagination

Demo || Download

The jQuery plugin enables easy and simple pagination. They simplify the different kinds of tasks, they also come with 3CSS themes which are simple to use and allows customization of your website. It get most of its support from Bootstrap.

jQueryPaginationPlugins-14

jPaginator

Demo || Download

It fun to use it as it comes with a slider which you can ask for an unlimited number of pages to be open. It contains unique elements which you can use. It also comes with CSS page which enable easily customization of the website.

jQueryPaginationPlugins-15

 
반응형
반응형

 

Link : https://code.google.com/p/conemu-maximus5/

 

 

단축키 :

  • Ctrl + Shift + E : 가로 새창 열기 
  • Ctrl + Shift + O : 세로 새창 열기

About ConEmu

ConEmu-Maximus5 is a Windows console emulator with tabs, which presents multiple consoles and simple GUI applications as one customizable GUI window with various features.

Initially, the program was created as a companion to Far Manager(FAR in Wikipedia), my favorite shell replacement - file and archive management, command history and completion, powerful editor.

Today, ConEmu can be used with any other console application or simple GUI tools (like PuTTY for example). ConEmu is an active project, open to suggestions.

 

ConEmu road map

Any help will be very much appreciated!

 

Download
Latest version, Stable version

This project grew up from ConEmu by Zoin.

Please, vote for Far Manager on forum.ru-board.com :)

Disclaimer #1

ConEmu is not a shell, so it does not provide "shell features" like tab-completion, command history and others. ConEmu is advanced console window where you can run any shell of your choice. However, some of these features placed in RoadMap. Also you may try Clink for bash-style completion.

Disclaimer #2

If you notice lags while executing batches or commands (from cmd/git/bash/etc.) just upgrade to latest alpha build or uncheck option "Inject ConEmuHk". Read Issue 526 for details.

Donation

Documentation, What's new, FAQ, Screenshots, Reviews

Description

ConEmu starts a console program in a hidden console window, and provides an alternative customizable GUI window with various features:

  • smooth and friendly window resizing;
  • tabs for editors, viewers, panels and consoles;
  • run simple GUI apps in tabs;
  • Windows 7 Jump Lists and Progress on Taskbar buttons;
  • easily run old DOS applications (games) in Windows 7 or 64-bit OS;
  • thumbnails and tiles in Far Manager;
  • normal, maximized and full screen graphical window modes;
  • window font anti-aliasing: standard, ClearType, disabled;
  • window fonts: family, height, width, bold, italic, etc.;
  • using normal/bold/italic fonts for different parts of the console simultaneously;
  • Chinese verions of Windows supported;
  • using 24-bit colors in Far Manager 3.x;
  • ANSI X3.64 and Xterm 256 colors;
  • cursor: standard console (horizontal) or GUI (vertical);
  • optional per-application settings (e.g. palette);
  • vertical console buffer scrolling using the keyboard (BufferHeight mode);
  • show full output (1K+ lines) of last command in Far Manager's editor/viewer;
  • customizable Far Manager right click behaviour (long click opens context menu);
  • drag and drop (explorer style) of files and folders in Far Manager;
  • limited support of BDF fonts;
  • user friendly text and block selection;
  • transparency and desktop mode;
  • customizable starting tabs;
  • configurable and clickable status bar;
  • and more, and more... take a look at the Settings dialog, What's New page and Settings.reg

All settings are read from the registry or ConEmu.xml file (multiple named configurations are supported), after which the command line parameters are applied. Parameters /Config and /BufferHeight can only be specified on the command line. Most settings are configured using the Settings dialog, not from the command line.

Requirements

  • Windows 2000 or later.

Installation

  1. Unpack all files (from appropriate "ConEmuPack.*.7z" archive) to the folder, containing "far.exe", or install the "ConEmuSetup.*.exe" package.
    • If You are using Far Manager, please ensure that ConEmu plugins ("Plugins\ConEmu\ConEmu.dll" etc.) are installed to Far Manager's Plugins folder.
    • If You are not using Far Manager, You may unpack the files to any folder, and delete the "Plugins" subfolder.
    • Warning: because of frequent non-backwards-compatible API changes in Far 3, it is strongly recommended to use the latest developer build when using ConEmu with Far 3.
  2. Import ConEmu's macros into Far Manager. Macro files are located in the ConEmu.Addons directory. Each macro file has a description in its header.
  3. By default (when started without command-line parameters), ConEmu runs "far.exe" from its home folder, or "cmd.exe"/"tcc.exe" if Far Manager was not found. Alternatively, You may indicate any root command by specifying a "/Cmd <App with params>" argument in ConEmu's shortcut or command line.

Screenshots



More screenshots

반응형
반응형
Canvas에 대해. Let’s Call It A Draw(ing Surface)

 

http://diveintohtml5.info/canvas.html#divingin

 

HTML 5 defines the <canvas> element as “a resolution-dependent bitmap canvas which can be used for rendering graphs, game graphics, or other visual images on the fly.” A canvas is a rectangle in your page where you can use JavaScript to draw anything you want.

Basic <canvas> support
IE Firefox Safari Chrome Opera iPhone Android
7.0+* 3.0+ 3.0+ 3.0+ 10.0+ 1.0+ 1.0+
* Internet Explorer 7 and 8 require the third-party explorercanvas library. Internet Explorer 9 supports <canvas> natively.

So what does a canvas look like? Nothing, really. A <canvas> element has no content and no border of its own.

반응형
반응형

 

SyntaxHighlighter

http://alexgorbatchev.com/SyntaxHighlighter/

 

 

About

SyntaxHighlighter is a fully functional self-contained code syntax highlighter developed in JavaScript. To get an idea of what SyntaxHighlighter is capable of, have a look at the demo page.

SyntaxHighlighter is currently used by Apache, Aptana, Mozilla, Yahoo, Wordpress, Bug Labs, Freshbooks and others.

Demo

1
2
3
4
5
6
7
// SyntaxHighlighter makes your code snippets beautiful without tiring your servers.
var setArray = function(elems) {
    this.length = 0;
    push.apply(this, elems);
    return this;
}

News

  • I work at SAY: Media and we are hiring engineers! Oh, and the ad on the right is just one of the many awesome things we do! October 5, 2011
  • We aren’t dead! Moved source to GitHub to increase participation. July 26, 2011
  • Major new 3.0.83 release (changes). July 2, 2010
  • New 2.1.382 release (changes). June 24, 2010
  • Follow @syntaxhighlight on Twitter. March 1, 2010
  • New 2.1.364 release (changes). October 15, 2009
  • Freshbooks is using SyntaxHighlighter! October 8, 2009
  • ASP.NET forums using SyntaxHighlighter! July 1, 2009
  • Bug Labs is using SyntaxHighlighter! June 24, 2009
  • Maintenance release 2.0.320 (changes). May 3, 2009
  • Set up a public repository on Bitbucket. March 8, 2009
  • Maintenance release 2.0.296 (changes). March 1, 2009
  • Maintenance release 2.0.287 (changes). February 6, 2009
  • SyntaxHighlighter 2.0 goes public. Yay
반응형
반응형

40 Best Free HTML5 Tutorials For Web Designing

 

http://inspiretrends.com/best-free-html5-tutorials/

 

http://inspiretrends.com/best-free-html5-tutorials/2/

 

range of mobile devices can be challengingfree-html5-tutorials-43

Growing Thumbnails Portfolio

In this tutorial, Learn making a portfolio with HTML5, jQuery and CSS3 that features an interesting growing effect.

free-html5-tutorials-42

HTML5 Unleashed: Tips, Tricks and Techniques

In this tutorial, you will get basic guidelines, tips about templates

free-html5-tutorials-44

Create a Stylish Contact Form with HTML5 & CSS3

You can learn about create your own stylish contact using HTML5 and CSS3.

free-html5-tutorials-1

Create Vector Masks using the HTML5 Canvas

In this tutorial we will look at how to use the canvas tag and clipping to create images that aren’t so rectangular.

free-html5-tutorials-2

HTML5 File Uploads with jQuery

The tutorial is showing a progress bar, all of which controlled on the client side. Currently, the photos are only stored in a folder on the server, but you could improve it any way you like.

free-html5-tutorials-3

Create a Grid Based Web Design in HTML5 & CSS3

Follow this step by step walkthrough of the making of a sleek website design for an eyewear brand in HTML5 and CSS3.

free-html5-tutorials-6

Designing a Blog with HTML5

In this tutorial, you can learn about designing a blog with HTML5 step by step.

free-html5-tutorials-7

How to Build Cross-Browser HTML5 Forms

In this tutorial, we’re going to take a look at how to serve HTML5 forms to modern browsers, while compensating for older browsers by using a mix of Webforms2, Modernizr, jQuery UI and assorted jQuery Plugins.

free-html5-tutorials-8

Implementing HTML5 Drag and Drop

One of the new features in HTML5 is native drag and drop. Surprisingly, Internet Explorer has had support for this since version 5.5; in fact, the HTML5 implementation is based on IE’s support.

free-html5-tutorials-9

Coding a CSS3 & HTML5 One-Page Website Template

We are making a HTML5 web template, using some of the new features brought by CSS3 and jQuery, with the scroll To plug-in.

free-html5-tutorials-10

HTML5 and CSS3 Without Guilt

free-html5-tutorials-11

How to Make an HTML5 iPhone App

I’ll show you how to create an offline HTML5 iPhone application. More specifically, I’ll walk you through the process of building a Tetris game.

free-html5-tutorials-12

Design & Code a Cool iPhone App Website in HTML5

In this tutorial we’ll get a taste of what’s to come by building a cool iPhone app website using a HTML5 structure, and visual styling with some CSS3 effects.

free-html5-tutorials-13

Have a Field Day with HTML5 Forms

how to style a beautiful HTML5 form using some advanced CSS and latest CSS3 techniques

free-html5-tutorials-14

HTML 5 and CSS 3: The Techniques You’ll Soon Be Using

In this tutorial, we are going to build a blog page using next-generation techniques from HTML 5 and CSS 3.

free-html5-tutorials-15

HTML5 Canvas Element Guide

You get a firm fundamental understanding of canvas in preparation for creating something interesting and powerful with this unique HTML5 element.

free-html5-tutorials-16

Bouncing a Ball Around with HTML5 and JavaScript

This guide will explore the use of HTML5′s <canvas> element through a fun example: bouncing a blue ball around.

free-html5-tutorials-17

Blowing up HTML5 video and mapping it into 3D space

free-html5-tutorials-18

Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3

This is a run through of the basics of HTML5 and CSS3 while still paying attention to older browsers

free-html5-tutorials-21

 

 

 

Code a Vibrant Professional Web Design with HTML5/CSS3

We will use HTML5 and CSS3, as a proof of concept and as a way for you to learn these upcoming W3C standards through practice. We will also use the 960 Grid System to speed up development time.

free-html5-tutorials-23

Simple Website Layout Tutorial Using HTML 5 and CSS 3

free-html5-tutorials-24

How to Draw with HTML 5 Canvas

Among the set of goodies in the HTML 5 specification is Canvas which is a way to programmatically draw using JavaScript.

free-html5-tutorials-25

The video element

The <video> element is brand new in HTML 5 and allows you to, get this, play a movie in your website! The data of this element is supposed to be video but it might also have audio or images associated with it.

free-html5-tutorials-26

Building a live news blogging system in php

This tutorial help you for learning of building a live news, blogging system and their functions.

free-html5-tutorials-27

Combining Modern CSS3 and HTML5 Techniques

Just because some techniques don’t work in decade old browsers doesn’t mean that you shouldn’t be learning everything you can!

free-html5-tutorials-28

webOS HTML5 Database Storage Tutorial

If you haven’t been able to find any tutorials on HTML5′s storage capability, This tutorial will help you!

free-html5-tutorials-29

The Official Guide to HTML5 Boilerplate

free-html5-tutorials-30

How To Create a Cute Popup Bar With HTML5, CSS3 and jQuery

The popup bar was only tested in Chrome and Safari and may not work in other browsers.

free-html5-tutorials-31

An HTML5 Slideshow with Canvas & jQuery

You’ve probably heard a lot about the new HTML5 canvas element. As the name implies, this is a special element that allows us to create and modify graphics.

free-html5-tutorials-32

Designing Search Boxes with HTML5 and CSS3

Here, with the help of three simple examples, allow me to show how to code search boxes with HTML & CSS and how to spice things up with a bit of Javascript.

free-html5-tutorials-33

Rethinking Forms in HTML5

While there are many changes for the better in the HTML5 specification, there is no better bang for the buck for the data driven website than the transformation of forms.

free-html5-tutorials-34

HTML 5 Tutorial for Web Developers: The Video Element

free-html5-tutorials-35

HTML5 Apps: Positioning with Geolocation

In this tutorial you will learn the geolocation capabilities of HTML5 and the basic principles needed to take advantage of them in your next HTML5 app!

free-html5-tutorials-36

How to Make All Browsers Render HTML5 Correctly — Even IE6!

In this tutorial, we’ll create a common layout using some of HTML 5′s new semantic elements, then use JavaScript and CSS to make our design backwards-compatible with Internet Explorer.

free-html5-tutorials-37

Coding Up a Web Design Concept into HTML & CSS

The design features a clean grey background, but with splashes of vibrant colour in the header, and throughout the page with links and buttons taking bright colour swatches from the main illustration.

free-html5-tutorials-38

 

HTML5 Visual Cheat Sheet

HTML 5 Visual Cheat Sheet is an useful cheat sheet for web designers and developers designed by me.

free-html5-tutorials-40

HTML5 Canvas Experiment

free-html5-tutorials-41

How to Create a Drop-down Nav Menu

In this tutorial, we’ll take a look and see what we can achieve with HTML5 and CSS3 when it comes to the staple of current web sites: the humble drop-down navigation menu. We’ll also use jQuery to handle the effects and add the finishing touches for us.

free-html5-tutorials-45

 

반응형

+ Recent posts