반응형

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

 

반응형
반응형

Caching jQuery selections in an object

 

 

Before

 

jQuery(document).ready(function() {

jQuery('#some-selector').on('hover', function() {
jQuery(this).fadeOut('slow').delay(400).fadeIn();
console.log(jQuery(this).text());
});
jQuery('#another-element').on('hover', function() {
jQuery(this).slideUp();
});
jQuery('#some-selector').on('click', function() {
alert('You have clicked a featured element');
});
jQuery('#another-element').on('mouseout', function() {
jQuery(this).slideUp();
});
});

 

After

 

var someNamespace_Dom = {
 someSelector : 'jQuery("#some-selector")',
 anotherElement: 'jQuery("#another-element")',
};

jQuery(document).ready(function() {
 someNamespace_Dom.someSelector.on('hover', function() {
  jQuery(this).fadeOut('slow').delay(400).fadeIn();
  console.log(jQuery(this).text());
 });
 someNamespace_Dom.anotherElement.on('hover', function() {
  jQuery(this).slideUp();
 });
 someNamespace_Dom.someSelector.on('click', function() {
  alert('You have clicked a featured element');
 }); 
 someNamespace_Dom.anotherElement.on('mouseout', function() {
  jQuery(this).slideUp();
 });
}); 

반응형
반응형

Pickadate.js — Responsive date & time picker

Pickadate.js is a responsive, mobile-friendly jQuery date & time input picker. Just insert one line of code and get a date picker with a popup calendar.

pickadate.js

Homepage: http://amsul.ca/pickadate.js/
GitHub: https://github.com/amsul/pickadate.js

 

pickadate.js

The mobile-friendly, responsive, and lightweight
jQuery date & time input picker. 

반응형
반응형

Sticky-kit: A sticky element jQuery plugin

컨텐츠 영역에 빈 공간이 있고, 풋터가 멀리 있을 경우, 긴 컨텐츠 영역이 끝날때까지 짦은 컨텐츠 영역이 따라서 스크롤 된다.

 

stickykit

 

Sticky-kit

A jQuery plugin for making smart sticky elements.

See the hompage for directions and examples: http://leafo.net/sticky-kit/

License: WTFPL

반응형
반응형
HTML5, CSS, javascript 게임

 

 

https://www.cubeslam.com/yfnbhu

 

 

 

반응형

+ Recent posts