Архивы по Категориям: Веб-разработка

Upgrading from MVC 4 to 5

Апргейдились по этому мануалу на JF
http://world.episerver.com/documentation/upgrading/Episerver-CMS/8/upgrading-from-mvc-4-to-5/

Передача массива в Asp.NET через ajax

http://stackoverflow.com/questions/309115/how-can-i-post-an-array-of-string-to-asp-net-mvc-controller-without-a-form

function test()
{
    var stringArray = new Array();
    stringArray[0] = "item1";
    stringArray[1] = "item2";
    stringArray[2] = "item3";
    var postData = { values: stringArray };
 
    $.ajax({
        type: "POST",
        url: "/Home/SaveList",
        data: postData,
        success: function(data){
            alert(data.Result);
        },
        dataType: "json",
        traditional: true
    });
}
public JsonResult SaveList(List<String> values)
{
    return Json(new { Result = String.Format("Fist item in list: '{0}'", values[0]) });
}

Про MVC UI

Генерация на основе темплейтов
http://habrahabr.ru/post/165025/

JTable
http://www.jtable.org/Home/Documents
Доки
http://www.codeproject.com/Articles/277576/AJAX-based-CRUD-tables-using-ASP-NET-MVC-and-jTa#View

Подборка библиотек для таблиц

List of ASP.NET MVC grid controls

MVC Contrib
Доки http://mvccontrib.codeplex.com/wikipage?title=Grid&referringTitle=Documentation
Исходники http://mvccontrib.codeplex.com/SourceControl/latest#src/MVCContrib/UI/Grid/IGridModel.cs

Grid.Mvc
http://gridmvc.codeplex.com/

HtmlHelper для чекбоксов

https://gist.github.com/jarrettmeyer/7539291

Bootstrap 3 vs Foundation 5

Хорошая статья. Но скоро появятся следующие версии обоих фреймворков.

https://www.codementor.io/css/tutorial/bootstrap-3-vs-foundation-5-front-end-framework-comparison

Lavish — цветовые схемы для Bootstrap

Генерация цветовой схемы для Bootstrap и Foundation на основе картинки
http://www.lavishbootstrap.com/

Условная валидация

Пример валидации значений одних полей в зависимости от других.

Отсюда: https://gist.github.com/elizabeth-young/5875161
Читать далее »

PagedList

https://github.com/TroyGoode/PagedList

What is this?

PagedList is a library that enables you to easily take an IEnumerable/IQueryable, chop it up into «pages», and grab a specific «page» by an index. PagedList.Mvc allows you to take that «page» and display a pager control that has links like «Previous», «Next», etc.

System.Web.Optimization

Install-Package Microsoft.AspNet.Web.Optimization

Дерево Пифагора

С Википедии

<html> 
<head>
  <title>Дерево Пифагора</title>
  <script type="text/javascript">
    // функция рисует под углом angle линию из указанной точки длиной ln
    function drawLine(x, y, ln, angle)
    {
      context.moveTo(x, y);
      context.lineTo(Math.round(x + ln * Math.cos(angle)), Math.round(y - ln * Math.sin(angle)));
    }
    // Функция рисует дерево
    function drawTree(x, y, ln, minLn, angle)
    {
      if (ln > minLn)
      {
        ln = ln * 0.75;
        drawLine(x, y, ln, angle);
        x = Math.round(x + ln * Math.cos(angle));
        y = Math.round(y - ln * Math.sin(angle));
        drawTree(x, y, ln, minLn, angle + Math.PI / 4);
        drawTree(x, y, ln, minLn, angle - Math.PI / 6);
        // если поставить угол Math.PI/4 , то выйдет классическое дерево
      }
    }
    // Инициализация переменных
    function init()
    {
      var canvas  = document.getElementById("tree");
      var x       = 100 + (canvas.width / 2);
      var y       = 170 + canvas.height;  // положении ствола
      var ln      = 120;                  // начальная длина линии
      var minLn   = 5;                    // минимальная длина линии
 
      canvas.width  = 480; // Ширина холста
      canvas.height = 320; // высота холста
 
      context             = canvas.getContext("2d");
      context.fillStyle   = "#ddf"; // цвет фона
      context.strokeStyle = "#020"; //цвет линий
      context.fillRect(0, 0, canvas.width, canvas.height);
      context.lineWidth = 2; // ширина линий
      context.beginPath();
      drawTree(x, y, ln, minLn, Math.PI / 2);
      context.stroke();
    }
 
    window.onload = init;
  </script>
</head>
<body>
  <canvas id="tree"></canvas>
</body> 
</html>

Учебники MVC 4 и WPF

Пока читаю WPF, написано очень сжато и скорее всего не всё, но для быстрого старта нормально.

http://metanit.com/sharp/mvc/

http://metanit.com/sharp/wpf/

Цикл статей ASP.Net MVC на Хабре
http://habrahabr.ru/post/175999/

Непутевые заметки о ASP.NET MVC
http://habrahabr.ru/post/143024/

Ископаемое

Вот чего нашла
http://www.gooddocuments.com/homepage/homepage.htm

Parallax scrolling

Ссылки

http://www.peaxl.ru/inspiration/21-primer-ispolzovaniya-parallax-scrolling-v-veb-dizajne
http://netfruits.com/2013/03/parallax-scrolling-examples/
http://habrahabr.ru/post/141687/

Не тестила, но надо глянуть

Parallax scrolling responsive framework
http://jalxob.com/cool-kitten/

Twitter Bootstrap vs Zurb Foundation

Ссылки на тему.

http://abetteruserexperience.com/2013/05/twitter-bootstrap-vs-foundation-4-which-one-is-right-for-you/
http://www.supadupawebdesign.co.uk/blog/Web-Development-3/Twitter-Bootstrap-vs-Zurb-Foundation-53

Горизонтальный сайт

Помимо горизонтальности используется Foundation.

Описание разных способов создания горизонтальности и пример с таблицами:

How To Create a Horizontally Scrolling Site


Читать далее »

Страница 1 из 212