반응형
반응형
git - 간편 안내서

 

http://rogerdudler.github.io/git-guide/index.ko.html

 

 

 

반응형
반응형

16 Free jQuery Data And Time Plugins

 

Check this list of 16 free jQuery Data and Time Plugins and pick the ones you like the best. Here goes the list..

JQuery Age

Demo || Download

JQuery Age

This one is a really cool jQuery plugin that has the ability of formatting and tracking dates and times as human readable text.

FLIPCLOCK.JS – JQUERY PLUGIN TIMER, CLOCK, COUNTDOWN WITH FLIP EFFECT

Demo || Download

FlipClock-js-jQuery-Plugin-Timer-Clock-Countdown-with-Flip-Effect

This one is a really easy to use plugin that helps you create a nice looking clock / timer / countdown with flip effect. It is customizable and has a proper extendible API. It can be used as a clock, a timer, a countdown with an amazing flip effect. It is themeable using pure CSS and has a clean syntax. Overall it is a really cool plugin.

TimeTo – jQuery plugin timer countdown digital clock

Demo || Download

TimeTo - jQuery plugin timer countdown digital clock

TimeTo is a simple, elegant yet very efficient plugin which allows creating a countdown digital clock easily and quickly. It’s countdown include days, hours, minutes and seconds.

Webshims – polyfills jQuery with many HTML5 features

Demo || Download

Webshims – polyfills jQuery with many HTML5 features

Webshims is a modular capability-based polyfill loading library that extends jQuery with HTML5 features offer some amazing features. It allows for HTML5 audio/video/track implementation, basic CSS support, geolocation, and localStorage/sessionStorage.

jQuery Plugin Date Picker & Date Range Selector

Demo || Download

jQuery Plugin Date Picker & Date Range Selector

This one is a really cool date picker and date range selector plugin and offers scrollable months instead of paged. It allows date dragging, range shifting by dragging, selecting month or week etc. It also boasts support for popups, various date formats, setting holidays or disabled days, defining minimum range and custom scrollbar etc.

PICKADATE.JS – JQUERY PLUGIN THAT CREATES A RESPONSIVE AND MOBILE FRIENDLY DATE SELECTION WIDGET

Demo || Download

Pickadate.js-jQuery-plugin

It is a sophisticated yet easy-to-use responsive date selection widget. Its customization is possible with CSS. On the whole it is a handy and effective widget.

JQuery Countdown

Demo || Download

jQuery-Countdown

JQuery Countdown plugin allows setting a div or span for showing a countdown to a certain time. It is highly-customizable and provides various different options.

Colorful Clock With CSS & JQuery

Demo || Download

Colorful Clock With CSS & JQuery

As the name suggests, this jQuery plugin allows creating a bright, colorful and lively jQuery & CSS clock. It is quite interesting and lets you track those precious last seconds of an event etc.

HTML CLOCKS USING JAVASCRIPT AND CSS ROTATION

Demo || Download

HTML CLOCKS USING JAVASCRIPT AND CSS ROTATION

It is a really cool clock with some really cool effects and an awesome look. It does not have any Adobe Flash files, rather work on <div> and <img> tags and functions by rotating them though JavaScript using CSS transform property.

Jqtimeline – Customizable JQuery Timeline Plugin

Demo || Download

jqtimeline-Customizable-jQuery-Timeline-Plugin

This interesting timeline is quite user-friendly and highly customizable. This simple plugin allows creating a timeline for some specific events. Adding or removing events on the go is very easy.

JQRangeSlider, JQDateRangeSlider & JQEditRangeSlider

Demo || Download

jQRangeSlider-jQDateRangeSlider-jQEditRangeSlider

This JavaScript slider selector supports dates and is especially really suitable for touch devices as it enhances the user experience.

Moment.Js : JavaScript Date Library

Demo || Download

Moment-js-JavaScript-Date-library

Moment.Js is a beautiful and really amazing yet a lightweight JavaScript date library that lets you parse, validate, manipulate, and format dates easily and quickly.

JQuery Mobile Date Navigation Plugin

Demo || Download

jQuery-Mobile-Date-Navigation-Plugin

As the name suggests, this plugin is perfect for mobile devices. It offers navigation between date range, either by a set range such as week, month and year.

JQUERY.PAYMENT

Demo || Download

jQuery.payment

jQuery Payments is a nice library which can help you create credit card forms, validate inputs and format numbers. It makes the checkout process a lot easier and better.

CODROPS

Demo || Download

CODROPS

Modern browsers support Scalable Vector Graphics (SVG) file format very well. The most amazing feature of this file type is that it is totally scalable to any size and has the ability to look good on any resolution or screen density without deterioration in quality. CODROPS lets you handle those files easily and quickly and allows for animation and interaction using CSS and JavaScript.

Minical – Lightweight Datepicker Plugin

Demo || Download

minical-Lightweight-Datepicker-Plugin

Minical, as the name hints, is a very minimalistic and lightweight datepicker Plugin that allows for easy customization. It boasts full keyboard support and its value is changeable from the date format defined in the plugin.

 

반응형
반응형

Top 10 Most Gorgeous Website Builders from 2013

 

WebStartToday.com

2

They say the devil is in the details, and nobody knows it better than WebStartToday. Business websites are its specialty and it comes prepared with an arsenal of over 1000 templates to match even the newest and eccentric fields and domains, from limo service to night clubs. Yes, websites for everyone, but that doesn’t mean this will kill originality. WebStartToday knows that in the near future everyone will have a website, and to this end it makes it possible to have different customization for the same template. That’s how the thousand templates multiply exponentially. All you need to do in the end is put your text instead of the dummy text and you’re done.

Cubender

3

Cubender is another web builder focused on stores and business, but not exclusively. It’s very versatile and it combines the ease of use with thoroughness. Features include e-commerce, SEO optimization, mobile integration, Google Analytics and many more. The service is not free, but a demo is included. In 14 days you can test and build your website and then choose a package, which – considering the service quality – comes at a bargain, starting at $9.95 per month.

Wix

4

You’ve probably heard of Wix, as it’s been around for quite a while. It’s a balanced web builder, not too fancy and not too simple either, good for beginners in the sense that it makes suggestions based on the business domains you choose. Another nice aspect is that it doesn’t rush you to buy a package. With its free unlimited demo, you can take your time and build your site, and when you are ready, choose your plan.

Webydo

5

What makes Webydo different from other web builders is its focus on the needs of designers. Since designers work with multiple clients, meaning they are creating multiple websites, Webydo has an awesome CMS that they can take advantage of. Designers can focus on the website and the design of it, while still give their clients control over elements of their choosing. This way, the clients will not interfere with the design and the designer can focus on the appearance. Standard DIY site builders do not always fit the needs of designers because they start to lose control of how the site looks. However with Webydo, there are no limiting templates – everything is fully customizable, making each website created on Webydo unique. Some tools used on the platform are grid generators, smart guides and snapping, layers window, text caption, form generators and more.

Webzai

6

Webzai is one of the easiest to use and straightforward web builders. You can either use the templates or start from scratch and build everything yourself. The drag and drop menu allows you to modify anything in real time and contains everything a designer might need. SEO optimization and cloud hosting are included. Alongside the free package, there are three more premium options, priced at $6, $11, and $20 respectively.

MadeFreshly

7

Without registering, MadeFreshly takes you right in front of your virtual shelf, where you start adding your products. You’ve guessed it, it’s an online store web builder. For customization, it offers a few templates, not numerous but well done, and some of them are free. Without a premium plan your sales are pretty limited, i.e. one picture per product and only three pages per site, but the good news is that the plans are priced at $11.99, $19.99 and $34.99 respectively, and include promotion service, mobile support and Google Analytics, and, unlike many other web builders, you can actually have your own custom domain name.

Aircus

8

Aircus is a revolutionary among revolutionaries. Unlike its other brethren, it is a neat and simple web builder, preferring mature and elegant designs without too much complication, and big letter fonts that are easy to read. That doesn’t make it unprofessional – style is its forte, but not for the over-sophisticated. If you want a site built right now and don’t have the time to go through thousands of templates, you might wanna take a look at Aircus. And since it started on the vibe of quickness, why not be revolutionary all the way and be available from any phone or tablet? That’s right, with Aircus you can build your site in a few easy steps no matter where you are.

Ucoz

9

uCoz website builder is a reliable SaaS (software as a service) platform offering the best cloud hosting solutions. It’s not just a site constructor, but it’s a powerful infrastructure enabling you to create, maintain, publish and optimize your website easily.

uCoz is loved for its beneficial free package. Some of the features you can get on this constructor for free are as follows:

  • Unlimited traffic.
  • Extended statistics.
  • User group management.
  • Knowledgeable, timely technical support.
  • Ability to attach your own domain name.
  • Custom email and many more.

uCoz is an absolutely risk-free platform: you can explore its feature set as long as you need without any fees. But once you feel you’re ready to build your website – you may opt for one of their paid subscriptions (starting with $3.09).

Kopage

10

Kopage is a quick, complete and user friendly service with a lot of elements available ranging from slideshows to videos and galleries, even HTML.But what’s really convenient about it is that you can have it installed automatically in Cpanel. If your hosting service doesn’t have the option yet, you can always ask them to do it for you. Kopage is completely free for usual users, charging only the hosting companies.

반응형
반응형

서버구입 없이 RoR, Nodejs, Django, Go 개발 및 Publishing 을 경험해 볼 수 있는 웹기반 '무료' 서버입니다.

 

https://www.nitrous.io/

 

Nitrous.IO - Develop in the Cloud

 

 

반응형
반응형

JavaScript: an overview of the regular expression API

Regular expression syntax

Listed below are constructs that are hard to remember (not listed are things like * for repetition, capturing groups, etc.).
  • Escaping: the backslash escapes special characters, including the slash in regular expression literals (see below) and the backslash itself.
    • If you specify a regular expression in a string you must escape twice: once for the string literal, once for the regular expression. For example, to just match a backslash, the string literal becomes "\\\\".
    • The backslash is also used for some special matching operators (see below).
  • Non-capturing group: (?:x) works like a capturing group for delineating the subexpression x, but does not return matches and thus does not have a group number.
  • Positive look-ahead: x(?=y) means that x matches only if it is followed by y. y itself is not counted as part of the regular expression.
  • Negative look-ahead: x(?!y) the negated version of the previous construct: x must not be followed by y.
  • Repetitions: {n} matches exactly n times, {n,} matches at least n times, {n,m} matches at least n, at most m times.
  • Control characters: \cX matches Ctrl-X (for any control character X), \n matches a linefeed, \r matches a carriage return.
  • Back reference: \n refers back to group n and matches its contents again.
Examples:
    > /(a+)b\1/.test("aaba")
    true
    > /^(a+)b\1/.test("aaba")
    false
    > var tagName = /<([^>]+)>[^<]*<\/\1>/;
    > tagName.exec("<b>bold</b>")[1]
    'b'
    > tagName.exec("<strong>text</strong>")[1]
    'strong'
    > tagName.exec("<strong>text</stron>")
    null

Creating a regular expression

There are two ways to create a regular expression.
Regular expression literal: var regex = /xyz/; (compiled at load time)
Regular expression object: var regex = new RegExp("xzy"); (compiled at runtime)
Flags modify matching behavior.
g global The given regular expression is matched multiple times.
i ignoreCase Case is ignored when trying to match the given regular expression.
m multiline In multiline mode, the begin and end operators ^ and $ work for each line, instead of for the complete input string.
Examples:
    > /abc/.test("ABC")
    false
    > /abc/i.test("ABC")
    true
Regular expressions have the following properties.
  • Flags: boolean values indicating what flags are set.
    • global: is flag g set?
    • ignoreCase: is flag i set?
    • multiline: is flag m set?
  • If flag g is set:
    • lastIndex: the index where to continue matching next time.

RegExp.prototype.test(): determining whether there is a match

The following method returns a boolean indicating whether the match succeeded.
    regex.test(str)
Examples:
    > var regex = /^(a+)b\1$/;
    > regex.test("aabaa")
    true
    > regex.test("aaba")
    false
If the flag g is set then test() returns true as often as there are matches in the string.
    > var regex = /b/g;
    > var str = 'abba';

    > regex.test(str)
    true
    > regex.test(str)
    true
    > regex.test(str)
    false

String.prototype.search(): finding the index of a match

The following method returns the index where a match was found and -1 otherwise.
    str.search(regex)
search() completely ignores the flag g. Examples:
    > 'abba'.search(/b/)
    1
    > 'abba'.search(/x/)
    -1

RegExp.prototype.exec(): capture groups, optionally repeatedly

    var matchData = regex.exec(str);
matchData is null if there wasn’t a match. Otherwise, it is an array with two additional properties.
  • Properties:
    • input: The complete input string.
    • index: The index where the match was found.
  • Array: whose length is the number of capturing groups plus one.
    • 0: The match for the complete regular expression (group 0, if you will).
    • n ≥ 1: The capture of group n.
Invoke once: Flag global is not set.
    > var regex = /a(b+)a/;
    > regex.exec("_abbba_aba_")
    [ 'abbba'
    , 'bbb'
    , index: 1
    , input: '_abbba_aba_'
    ]
    > regex.lastIndex
    0
Invoke repeatedly: Flag global is set.
    > var regex = /a(b+)a/g;
    > regex.exec("_abbba_aba_")
    [ 'abbba'
    , 'bbb'
    , index: 1
    , input: '_abbba_aba_'
    ]
    > regex.lastIndex
    6
    > regex.exec()
    [ 'aba'
    , 'b'
    , index: 7
    , input: '_abbba_aba_'
    ]
    > regex.exec()
    null
Loop over matches.
    var regex = /a(b+)a/g;
    var str = "_abbba_aba_";
    while(true) {
        var match = regex.exec(str);
        if (!match) break;
        console.log(match[1]);
    }
Output:
    bbb
    b

String.prototype.match(): capture groups or all matches

    var matchData = str.match(regex);
If the flag g of regex is not set, this method works like RegExp.prototype.exec(). If the flag is set then it returns an array with all matching substrings in str (i.e., group 0 of every match) or null if there is no match.
    > 'abba'.match(/a/)
    [ 'a', index: 0, input: 'abba' ]
    > 'abba'.match(/a/g)
    [ 'a', 'a' ]
    > 'abba'.match(/x/g)
    null

String.prototype.replace(): search and replace

Invocation:
    str.replace(search, replacement)
Parameters:
  • search:
    • either a string (to be found literally, has no groups)
    • or a regular expression.
  • replacement:
    • either a string describing how to replace what has been found
    • or a function that computes a replacement, given matching information.
Replacement is a string. The dollar sign $ is used to indicate special replacement directives:
  • $$ inserts a dollar sign $.
  • $& inserts the complete match.
  • $` inserts the text before the match.
  • $' inserts the text after the match.
  • $n inserts group n from the match. n must be at least 1, $0 has no special meaning.
Examples:
    > "a1b_c1d".replace("1", "[$`-$&-$']")
    'a[a-1-b_c1d]b_c1d'
    > "a1b_c1d".replace(/1/, "[$`-$&-$']")
    'a[a-1-b_c1d]b_c1d'
    > "a1b_c1d".replace(/1/g, "[$`-$&-$']")
    'a[a-1-b_c1d]b_c[a1b_c-1-d]d'
Replacement is a function. The replacement function has the following signature.
function(completeMatch, group_1, ..., group_n, offset, inputStr) { ... }
completeMatch is the same as $& above, offset indicates where the match was found, and inputStr is what is being matched against. Thus, the special variable arguments inside the function starts with the same data as the result of the exec() method.

Example:

    > "I bought 3 apples and 5 oranges".replace(
          /[0-9]+/g,
          function(match) { return 2 * match; })
    'I bought 6 apples and 10 oranges'

String.prototype.split(): splitting strings

In a string, find the substrings between separators and return them in an array. Signature:
    str.split(separator, limit?)
Parameters:
  • separator can be
    • a string: separators are matched verbatim
    • a regular expression: for more flexible separator matching. Many JavaScript implementations include the first capturing group in the result array, if there is one.
  • limit optionally specifies a maximum length for the returned array. A value less than 0 allows arbitrary lengths.
Examples:
    > "aaa*a*".split("a*")
    [ 'aa', '', '' ]
    > "aaa*a*".split(/a*/)
    [ '', '*', '*' ]
    > "aaa*a*".split(/(a*)/)
    [ '', 'aaa', '*', 'a', '*' ]

Sources

  • ECMAScript Language Specification, 5th edition.
  • Regular Expressions at the Mozilla Developer Network Doc Center
반응형
반응형

Skeuocard: An innovative way to enter credit card details

skeuocard

 

반응형

+ Recent posts