Front-end Development using CSharp

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

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