반응형
반응형

 

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

 

반응형
반응형
Best jQuery Chart Libraries for Building Interactive Charts

 

http://codegeekz.com/best-jquery-chart-libraries-for-building-interactive-charts/

1. Chart.js : Charting Library with HTML5 Canvas

chartjs
Chart.js is an impressive JavaScript charting library that is built on top of HTML5 canvas. It currently supports 6 chart types (line, bar, radar, pie, column and polar area) and all this comes in a standalone, less than 5kb package. Colors, fonts, borders and their sizes can all be customized. Also, optionally, charts can be loaded with an animation.

Source

2. xCharts : For Building Data-Driven Charts

xcharts
xCharts is a JavaScript library for building beautiful and custom data-driven chart visualizations for the web using D3.js. Using HTML, CSS, and SVG, xCharts are designed to be dynamic, fluid, and open to integrations and customization.

Since xCharts use SVG, we are able to accomplish most of our styling of xCharts directly through CSS. This means you have quite a bit of control to handle the visualization however you want. The best way to style charts is to start with the included stylesheet, or use your browser’s element inspector to see each elements CSS class selectors that are available to use.

Source

3. Sigma.js : Draw Graphs Using HTML5 Canvas Element

sigma-js
Sigma.js is a free and open-source JavaScript library to draw graphs, using the HTML5 canvas element. It has been especially designed to share interactive network maps on a Web page or to explore dynamically a network database. It is distributed under the MIT License.

Source

4. HighCharts

highchartjs
Highcharts is a charting library written in pure HTML5/JavaScript, offering intuitive, interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, funnel, waterfall and polar chart types.

Source

5. Fusion Charts

fusion-charts
The FusionCharts jQuery plugin helps you add interactive JavaScript charts and graphs to your web, mobile and enterprise applications. It combines the delight and comprehensiveness of FusionCharts Suite XT with the easy-to-use jQuery syntax.

Source

6. Flot : Attractive JavaScript Plotting for jQuery

flot
Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features. Some key features of plot is turning series on/off, zooming, interacting with the data points and it integrates a simple tooltip feature.

Source

7. JS Charts : Free JavaScript Charts

jscharts
JS Charts is a JavaScript based chart generator that requires little or no coding. With JS Charts drawing charts is a simple and easy task, since you only have to use client-side scripting (i.e. performed by your web browser). No additional plugins or server modules are required. Just include our scripts, prepare your chart data in XML, JSON or JavaScript Array and your chart is ready!

Source

8. jQuery Sparklines

jQuery-Sparklines
This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript. The plugin is compatible with most modern browsers and has been tested with Firefox 2+, Safari 3+, Opera 9, Google Chrome and Internet Explorer 6, 7, 8 & 9 as well as iOS and Android.

Source

9. Morris.js : Draw Time-Series Line Graphs

morrisjs
Morris.js is a lightweight library that uses jQuery and Raphaël to make drawing time-series graphs easy. Morris.js started life as the code that powered the graphs on howmanyleft.co.uk. Now it’s been open-sourced for the whole world to extend and enjoy.

Source

10. jQuery OrgChart

jquery-org-chart
jQuery OrgChart is a plugin that allows you to render structures with nested elements in a easy-to-read tree structure. To build the tree all you need is to make a single line call to the plugin and supply the HTML element Id for a nested unordered list element that is representative of the data you’d like to display.

Source

11. jgPlot

jqPlot
jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features like rotated axis text, automatic trend line computation, tooltips and data point highlighting, sensible defaults for ease of use and many more.

Source

12. Grafico

grafico
Grafico is a javascript charting library built with Raphaël and Prototype.js. The library provides a wide array of graphs and stays with the guidelines laid out by Stephen Few and Edward Tufte. Grafico provides pretty charts that effectively communicate their information.

Source

13. GraphUp

graphup
GraphUp is a very flexible and lightweight jQuery (v1.4+) plugin to spice up your data tables. It visualizes the values using color, bar charts and bubbles.

Source

14. dygraphs

dygraphs-javascript
dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them. You can mouse over to highlight individual values. Click and drag to zoom. Double-click to zoom back out. Change the number and hit enter to adjust the averaging period.

Source

15. jsPlumb jQuery Plugin

jsplumb
jsPlumb jQuery plugin provides a means for a developer to visually connect elements on their web page, in much the same way you might have seen on Yahoo Pipes. jsPlumb allows you to connect elements on the screen with “plumbing”, using a Canvas element when supported, and Google’s Explorer Canvas script to support older browsers. Full transparent support for jQuery dragging is included, the API is super simple, and the compressed version of the script is just 10.5K.

Source

 

 

Best jQuery Chart Libraries for Building Interactive Charts Code Geekz.mht

 

반응형
반응형

 

17 Best CSS Tools to Speed Up Your Coding

 

http://codegeekz.com/best-css-tools-to-speed-up-your-coding/

 

CSS doesn’t need any introduction as it is one of the most popular language amongst developers. Learning and working with CSS is no more an arduous task as there are many informative tutorials and CSS tools are available over Internet. Such tools would lead you to create useful and innovative web applications and spare the development process and time.

In this article I have gathered 17 Best CSS Tools to speed up your coding; following tools will assist and simplify the work of developers and designers. With the following tools you can generate CSS menus, animated images, buttons, sliders, text animation, CSS form codes, layers and many more. Hope you find the list handy and useful for your development needs.

1. Topcoat : CSS for Clean and Fast Web Apps

topcoat
Topcoat is a library which consists CSS classes for form elements, buttons, checkboxes, sliders and many more. It is a lightweight tool that would make your website or app look awesome in short period of time.

Website

2. PCSS : Shortcut Oriented Server Side CSS3 Preprocessor

pcss
PCSS is a PHP-driven CSS Preprocessor, which aids developer to write CSS code quickly by defining variables, class nesting, default unit and server-side browser specifics. PCSS do server-side processing using PHP 5, so it requires this version to be available on the server where the website is running.

Website

3. Skelton

skelton
Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17″ laptop screen or an iPhone. Skeleton is built on three core principles: responsive grid down to mobile, fast to start and style agnostic.

Website

4. CSS Menu Maker

css-menu-maker
This tool helps users to create custom CSS drop down menu easily. CSS Menu Maker provides webmaster with tools to create custom, cross browser compatible css menus also it provides source code for all CSS Menus and facilities users to download and tweak the code.

Website

5. Sencha Animator

sencha
It is a desktop application which enables users to create CSS3 animations for touch screen mobile devices and webkit browsers. Sencha Animator helps users to create animated text, images, design buttons with gradients and embed analytics.

Website

6. CSS Form Code Generator

css-form-generator
CSS Form Code maker creates nice looking layouts for forms. It also helps you to crate colorful table less layout for forms. This ‘code maker’ generates CSS layout code to ‘spice up’ those forms as well.

Website

7. PrefixmyCSS

prefixmycss
PrefixMyCss lets you prefix your CSS3 code easily. Users have to paste CSS code in to the window to prefix, all vendor prefixes are added to your code, users can safely replace their old code.

Website

8. Sky CSS Tool

sky-css-tool
Sky CSS Tool allows you to create CSS classes almost without using manuscript code. Users would need JavaScript compatible browser for the proper functioning.

Website

9. Spritemapper

Spritemapper
Spritemapper is an application that merges multiple images into one and generates CSS positioning for the corresponding slices. This tool helps developers to optimize available space and the loading time.

Website

10. CSS Compressor

css_drive
CSS Compressor compresses your CSS to increase loading speed and save on bandwidth as well. You can choose from three levels of compression, depending on how legible you want the compressed CSS to be versus degree of compression.

Website

11. Patternify

Patternify
It helps you to generate beautiful CSS patterns.

Website

12. CSS Text Shadow

Css Text Shadow
CSS Text Shadow allows you to generate beautiful text shadows.

Website

13. CSS3 Pie

CSS3-PIE
Pie makes internet explorer 6-9 capable of rendering several of the most useful CSS3 decoration features.

Website

14. The Web Font Combinator

font-combinator
This tool has been built to allow previewing of font combinations in a fast, browser-based manner. There have been numerous printed books through the years that allowed a designer to put a headline font next to a body font, and this is an attempt to recreate that for the web.

Website

15. 3D Transforms

3d transform
CSS 3D Transforms is online tool which enables users to perform various level Transforms. This tool is on experimental mode and require specify prefixes in all browsers.

Website

16. Quick Form Builder

accessify
Quick Form Builder allows you to easily create CSS forms.

Website

17. Layer Styles

layerstyles
It is a HTML5 app for creating CSS3 in an intuitive way. It has Colorpicker which lets you pick any color of the element you’re working on, it facilitates users with Drag and Drop images on to the page to use them as background or to pick their colors.

Website

반응형

+ Recent posts