$30 off During Our Annual Pro Sale. View Details »

Front-end Development using CSharp

Front-end Development using CSharp

Front-end Development using CSharp
http://young.blog.jp.klab.com/archives/37630043.html

Mayuki Sawatari

March 25, 2014
Tweet

More Decks by Mayuki Sawatari

Other Decks in Programming

Transcript

  1. View Slide

  2. Visual Studio In Microsoft Windows
    LINQ ASP
    .NET MySQL PowerShell

    View Slide

  3. View Slide

  4. ( )
    :

    View Slide

  5. !!
    C#

    View Slide

  6. View Slide

  7. ( )

    View Slide


  8. View Slide

  9. View Slide

  10. View Slide

  11. C# 5.0 (Razor )
    Sass
    TypeScript

    View Slide

  12. View Slide

  13. View Slide

  14. Visual Studio 2013 Premium
    SassyStudio, Web Esseentials
    Prepros
    Internet Explorer 11

    View Slide

  15. GUI ( PowerShell)
    GUI

    View Slide

  16. View Slide

  17. View Slide

  18. And
    WebKit

    View Slide

  19. View Slide

  20. View Slide

  21. View Slide

  22. docomo CSS
    table font-size

    View Slide

  23. View Slide

  24. HTML
    HTML

    View Slide

  25. var content = @
    1
    2
    ";

    View Slide

  26. var content = @
    1
    2
    ";
    var htmlFilter = new HtmlFilter();
    htmlFilter.AddHandler("li:nth-child(2n)",
    (ctx, nodeInfo) => { nodeInfo.Attributes["style"] = "color:red;"; return true; });

    View Slide

  27. var content = @
    1
    2
    ";
    var htmlFilter = new HtmlFilter();
    htmlFilter.AddHandler("li:nth-child(2n)",
    (ctx, nodeInfo) => { nodeInfo.Attributes["style"] = "color:red;"; return true; });
    var sw = new StringWriter();
    htmlFilter.Execute(new CarteletContext(content, sw), HtmlParser.Parse(content));
    sw.ToString();
    //
    // 1
    // 2
    //

    View Slide

  28. View Slide

  29. CSS style

    View Slide

  30. background-color #000
    display block
    content ''
    vertical-align top
    background-image urlhelper('/common/block_06-03.gif')
    height 17px
    width 240px
    margin $margin-block-topbottom 0
    vertical-align top
    vertical-align bottom

    View Slide

  31. View Slide

  32. View Slide

  33. View Slide

  34. CSS HTML style

    View Slide

  35. View Slide

  36. is CTO # #

    View Slide

  37. View Slide

  38. Visual Studio In Microsoft Windows VIM
    Windows Phone 8
    Alice Cartelet

    View Slide

  39. C#

    View Slide

  40. View Slide