Pages

Showing posts with label JQUERY. Show all posts
Showing posts with label JQUERY. Show all posts

12/05/2013

20+ Best Flat Design Website Templates

NetStudio – Bootstrap Flat Design Website Templates

NetStudio is a responsive flat design, Retina-Ready template with a minimalist, simple, elegant and clean style, a strong focus on contents and readability. It presents a modern business solution. NetStudio is suitable for multipurpose websites such as business, company, portfolio or blog.

Flatpad

Flatpad is a unique and creative html template with clean and modern design. It is perfect choice for your portfolio, blog and service websites. It can be customized easily to suit your wishes.
-->

Kira Multipurpose Flat Html5 Template

Kira is Multipurpose Flat designed and Responsive Html Template Based on Bootstrap 3

Talia – Responsive Flat Design One Page Template

Talia is flat layout fully responsive HTML5 template with parallax effects, modern design and animations. The best for Creative Agencies, Photographers, Video Producents. You can use it also like a landing page, it’s multi-purpose.

Sonnet

Sonnet is an One page Parallax template built with Bootstrap 3.0. Flat color, clean content placement, easy customization and professional coding is its core power. You can use it for corporate, business portfolio, product showcase, personal portfolio, company profile, blog, product & photo gallery and many more. Its totally modern and innovative flat design template.

Flatible Flat Design Style Template

Coyote

Coyote is flat/clean/minimal design template best for shopping cart design. It is based on Bootstrap 2.3.x Framework which makes it very easy to customize or upgrade with higher version of Bootstrap framework

Marble – Flat Responsive HTML5 Template

Marble is a flat, responsive, HTML5 site template built with Twitter Bootstrap with unique portfolio. It includes 6 different homepage layouts and 2 blogs. Marble will be useful for artists, photographers, creative agencies, digital studios, personal freelancers, and any kind of business owners that would like to showcase their portfolio beautifully

Producr – Folio HTML Flat template

Keylight – Light & Flat Portfolio

Keylight is a simple one page portfolio flat template, great for showcasing your work or for a small agency’s portfolio. It’s responsive and it’s based on LESS, which makes it highly customizable.

Flux – Flat Corporate HTML Template

FlatBook – Flat App & Ebook Selling Landing Page

FlatBook is a fully responsive hand coded ebook or app selling landing page featuring a trendy but unique flat design in nine color schemes. FlatBook suits perfectly every businesses or individuals who would like to showcase an ebook or an application with a onepage marketing landing page in a sophisticated, eye-catching way.

Cassius – Modern & Flat Multi-Purpose Template

Cassius is a modern, sexy, and flat theme that has been created specifically for startups, new apps, or companies looking for a fresh and stylish design.

Paris – Responsive Flat HTML5 Template

Flat Studio

Flatnica – Ultimate Flat Template

Creatrix – Flat Responsive Template

Creatrix is a professional flat template for any business or portfolio website, it’s fully responsive design ready to look stunning on any device.

18augst Flat and Responsive Portfolio Gallery

18augst is a flat and responsive portfolio gallery template, designed for many kind website such as gallery inspiration website, portfolio, personal site etc. This template built with twitter bootstrap v2.3.1 and coming with 5 slider variant, unlimited color and working contact form.

Straight – Creative Flat HTML Template

Candy – Flat Responsive HTML5 Template



linq.js - LINQ for JavaScript

Project Description
linq.js - LINQ for JavaScript

Features
  • implement all .NET 4.0 methods and many extra methods (inspiration from RxAchiral, Haskell, Ruby, etc...)
  • complete lazy evaluation
  • full IntelliSense support for VisualStudio
  • two versions - linq.js and jquery.linq.js (jQuery plugin)
  • support Windows Script Host
  • binding for Reactive Extensions for JavaScript(RxJS) and IntelliSense Generator -> see documentation
  • NuGet install support(linq.jslinq.js-jQuerylinq.js-Bindings)

90 Methods

Aggregate, All, Alternate, Any, Average, BufferWithCount, CascadeBreadthFirst, CascadeDepthFirst, Catch, Choice, Concat,
Contains, Count, Cycle, DefaultIfEmpty, Distinct, Do, ElementAt, ElementAtOrDefault, Empty, Except, Finally, First, FirstOrDefault, 
Flatten, ForEach, Force, From, Generate, GetEnumerator, GroupBy, GroupJoin, IndexOf, Insert, Intersect, Join, Last, LastIndexOf,
LastOrDefault, Let, Matches, Max, MaxBy, MemoizeAll, Min, MinBy, OfType, OrderBy, OrderByDescending, Pairwise, PartitionBy, 
Range, RangeDown, RangeTo, Repeat, RepeatWithFinalize, Return, Reverse, Scan, Select, SelectMany, SequenceEqual, Share, Shuffle,
Single, SingleOrDefault, Skip, SkipWhile, Sum, Take, TakeExceptLast, TakeFromLast, TakeWhile, ThenBy, ThenByDescending, ToArray,
ToDictionary, ToInfinity,ToJSON, ToLookup, ToNegativeInfinity, ToObject, ToString, Trace, Unfold, Union, Where, Write, WriteLine, Zip

Starting linq.js ver.3.0.0-beta!(2012/07/19)

Get the ver.3.0.4-Beta5 @2013/06/20
or NuGet Install-Package linq.js -Pre, linq.js-jQuery -Pre, linq.js-RxJS -Pre, linq.js-QUnit -Pre
Now TypeScript Generics(0.9) support!

Please try it! and give me a feedback!
http://linqjs.codeplex.com/discussions/376207

Query objects or json

  • sample from http://twitter.com/statuses/public_timeline.json
var jsonArray = [
    { "user": { "id": 100, "screen_name": "d_linq" }, "text": "to objects" },
    { "user": { "id": 130, "screen_name": "c_bill" }, "text": "g" },
    { "user": { "id": 155, "screen_name": "b_mskk" }, "text": "kabushiki kaisha" },
    { "user": { "id": 301, "screen_name": "a_xbox" }, "text": "halo reach" }
]
// ["b_mskk:kabushiki kaisha", "c_bill:g", "d_linq:to objects"]
var queryResult = Enumerable.From(jsonArray)
    .Where(function (x) { return x.user.id < 200 })
    .OrderBy(function (x) { return x.user.screen_name })
    .Select(function (x) { return x.user.screen_name + ':' + x.text })
    .ToArray();
// shortcut! string lambda selector
var queryResult2 = Enumerable.From(jsonArray)
    .Where("$.user.id < 200")
    .OrderBy("$.user.screen_name")
    .Select("$.user.screen_name + ':' + $.text")
    .ToArray();

High compatibility with C# Linq

// C# LINQ (delegate)
Enumerable.Range(1, 10)
    .Where(delegate(int i) { return i % 3 == 0; })
    .Select(delegate(int i) { return i * 10; });
// linq.js - anonymous function
Enumerable.Range(1, 10)
    .Where(function(i) { return i % 3 == 0; })
    .Select(function(i) { return i * 10; });
// C# LINQ (lambda)
Enumerable.Range(1, 10).Where(i => i % 3 == 0).Select(i => i * 10);
// linq.js - lambda expression
Enumerable.Range(1, 10).Where("i => i % 3 == 0").Select("i => i * 10");
// $ is default iterator variable like Scala's "_" or Groovy's "it"
Enumerable.Range(1, 10).Where("$ % 3 == 0").Select("$ * 10");
 // "" is shorthand of "x => x" (identity function)
Enumerable.Range(4, 7).Join(Enumerable.Range(8, 5), "", "", "outer,inner=>outer*inner");

// Enumerable.From is wrap from primitive array, string(to charArray), object(to KeyValuePair[]) etc..
var array = [100, 200, 30, 40, 500, 40, 200];
var ex1 = Enumerable.From(array).Distinct().ToArray(); // [100, 200, 30, 40, 500]
var ex2 = Enumerable.From("foobar").ToArray(); // ["f", "o", "o", "b", "a", "r"];
var ex3 = Enumerable.From({foo:10, bar:20}).ToArray(); // [{Key:"foo",Value:10}, {Key:"bar",Value:20}]

// C# - AnonymousType
array.Select((val, i) => new { Value = val, Index = i });
// linq.js - object literal
Enumerable.From(array).Select("val,i=>{Value:val, Index:i}")

jQuery plugin version

// $.Enumerable
$.Enumerable.Range(1, 10).Where("$%2==0").ForEach("alert($)");

// TojQuery - Enumerable to jQuery
$.Enumerable.Range(1, 10)
    .Select(function (i) { return $(").text(i)[0] })
    .TojQuery()
    .appendTo("#select1");

// toEnumerable - jQuery to Enumerable
var sum = $("#select1").children()
    .toEnumerable()
    .Select("parseInt($.text())")
    .Sum(); // 55

linq-jquery.jpg

IntelliSense vsdoc

linqjs_intellisense.jpg

video - using with Visual Studio 2010



video - how to debug linq.js


with Windows Script Host

// get folder name and file name...

var dir = WScript.CreateObject("Scripting.FileSystemObject").GetFolder("C:\\");
 
// normally
var itemNames = [];
for (var e = new Enumerator(dir.SubFolders); !e.atEnd(); e.moveNext())
{
    itemNames.push(e.item().Name);
}
for (var e = new Enumerator(dir.Files); !e.atEnd(); e.moveNext())
{
    itemNames.push(e.item().Name);
}

// linq.js
var itemNames2 = Enumerable.From(dir.SubFolders).Concat(dir.Files).Select("$.Name").ToArray();