Front-end Development using CSharp

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

Transcript

2. Visual Studio In Microsoft Windows LINQ ASP .NET MySQL PowerShell
4. ( ) :
5. !! C#
7. ( )
8. ※
11. C# 5.0 (Razor ) Sass TypeScript
14. Visual Studio 2013 Premium SassyStudio, Web Esseentials Prepros Internet Explorer 11
15. GUI ( PowerShell) GUI
18. And WebKit
22. docomo CSS table font-size
24. HTML HTML
25. var content = @ <ul> <li><a href=""#"">1</a></li> <li><a href=""#"">2</a></li> </ul>";
26. var content = @ <ul> <li><a href=""#"">1</a></li> <li><a href=""#"">2</a></li> </ul>"; var htmlFilter = new HtmlFilter(); htmlFilter.AddHandler("li:nth-child(2n)", (ctx, nodeInfo) => { nodeInfo.Attributes["style"] = "color:red;"; return true; });
27. var content = @ <ul> <li><a href=""#"">1</a></li> <li><a href=""#"">2</a></li> </ul>"; 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(); // <ul> // <li><a href="#">1</a></li> // <li style="color:red;"><a href="#">2</a></li> // </ul>
29. CSS style
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
34. CSS HTML style
36. is CTO # #
38. Visual Studio In Microsoft Windows VIM Windows Phone 8 Alice Cartelet
39. C#