[{"data":1,"prerenderedAt":249},["ShallowReactive",2],{"article-new-ssdt-power-tools-now-for-both-visual-studio-2010-and-visual-studio-2012":3},{"article":4,"tags":82,"previous":123,"next":190},{"id":5,"title":6,"author":7,"body":8,"createdAt":68,"description":69,"extension":70,"img":71,"meta":72,"navigation":73,"path":74,"seo":75,"stem":76,"tags":77,"updatedAt":68,"__hash__":81},"articles\u002Farticles\u002Fnew-ssdt-power-tools-now-for-both-visual-studio-2010-and-visual-studio-2012.md","New SSDT Power Tools! Now for both Visual Studio 2010 and Visual Studio 2012","[object Object]",{"type":9,"value":10,"toc":64},"minimark",[11,15,18],[12,13,14],"p",{},"Microsoft is pleased to announce the latest release of SSDT Power Tools!",[12,16,17],{},"We continue to use power tools to get early versions of experiences or quick features to you and we’re always interested in hearing your feedback.",[12,19,20,21,25,26,30,34,35,38,41,42,46,47,51,52,55,56,58,61],{},"This release of the tools (Version 1.3) builds on the previous release.  This release of the power tools is",[22,23,24],"i",{}," only ","compatible with the newest update for SQL Server Data Tools. First, get the SSDT – September 2012 update for Visual Studio 2010 or Visual Studio 2012 here:  SSDT for Visual Studio 2012: ",[27,28],"a",{"href":29},"http:\u002F\u002Fmsdn.microsoft.com\u002Fen-us\u002Fjj650015",[27,31,29],{"href":29,"rel":32},[33],"nofollow","  SSDT for Visual Studio 2010: ",[27,36],{"href":37},"http:\u002F\u002Fmsdn.microsoft.com\u002Fen-us\u002Fjj650014",[27,39,37],{"href":37,"rel":40},[33],"    For the first time, this power tools release provides a version of the power tools for Visual Studio 2012 in addition to the version for Visual Studio 2010. They are separate installs that you can grab here:  ",[27,43,45],{"href":44},"http:\u002F\u002Fvisualstudiogallery.msdn.microsoft.com\u002F9b0228c6-15d1-44de-9279-66dde12bf861?SRC=Featured","SSDT Power Tools for Visual Studio 2010","  ",[27,48,50],{"href":49},"http:\u002F\u002Fvisualstudiogallery.msdn.microsoft.com\u002F96a2f8cc-0c8b-47dd-93cd-1e8e9f34a917","SSDT Power Tools for Visual Studio 2012","  Requirements:",[53,54],"br",{},"\nSQL Server 2008 Service Pack 1",[53,57],{},[27,59],{"href":60},"http:\u002F\u002Fwww.microsoft.com\u002Fen-us\u002Fdownload\u002Fdetails.aspx?id=20302",[27,62,60],{"href":60,"rel":63},[33],{"title":65,"searchDepth":66,"depth":66,"links":67},"",2,[],"2015-04-20T08:07:12.8400000-04:00","SQL Server Data Tools (SSDT) provides project templates and design surfaces for building SQL Server content types - relational databases, Analysis Services models, Reporting Services reports, and Integration Services packages.","md","\u002Farticles\u002Fimages\u002FMdpbTnH58m.png",{},true,"\u002Farticles\u002Fnew-ssdt-power-tools-now-for-both-visual-studio-2010-and-visual-studio-2012",{"title":6,"description":69},"articles\u002Fnew-ssdt-power-tools-now-for-both-visual-studio-2010-and-visual-studio-2012",[78,79,80],"visualstudio","sql","sqlserver","e_YUJhN16WAmwBhand1Scn-44WrB72gU7EuktLScjHE",[83,97,110],{"id":84,"title":85,"body":86,"description":90,"extension":70,"img":91,"meta":92,"name":79,"navigation":73,"path":93,"seo":94,"stem":95,"__hash__":96},"tags\u002Ftags\u002Fsql.md","Sql",{"type":9,"value":87,"toc":88},[],{"title":65,"searchDepth":66,"depth":66,"links":89},[],"SQL is a standard language designed for managing data in relational database management system. SQL stands for Structured Query Language. SQL is a standard programming language specifically designed for storing, retrieving, managing or manipulating the data inside a relational database management system (RDBMS).","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1598313183973-4effcded8d5e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=675&q=80",{},"\u002Ftags\u002Fsql",{"description":90},"tags\u002Fsql","HleFpAIKGUPMxp855dHtmfuv32MNyIbaOTi0ZjW_I1k",{"id":98,"title":99,"body":100,"description":104,"extension":70,"img":91,"meta":105,"name":80,"navigation":73,"path":106,"seo":107,"stem":108,"__hash__":109},"tags\u002Ftags\u002Fsqlserver.md","Sqlserver",{"type":9,"value":101,"toc":102},[],{"title":65,"searchDepth":66,"depth":66,"links":103},[],"SQL Server is a relational database management system, or RDBMS, developed and marketed by Microsoft.",{},"\u002Ftags\u002Fsqlserver",{"description":104},"tags\u002Fsqlserver","pSzcNnE-XyUgq8RlgK2xBpbJV7_7o5NLS2XlwBxFyAg",{"id":111,"title":112,"body":113,"description":117,"extension":70,"img":91,"meta":118,"name":78,"navigation":73,"path":119,"seo":120,"stem":121,"__hash__":122},"tags\u002Ftags\u002Fvisualstudio.md","Visualstudio",{"type":9,"value":114,"toc":115},[],{"title":65,"searchDepth":66,"depth":66,"links":116},[],"Develop apps for Android, iOS, Mac, Windows, web, and cloud",{},"\u002Ftags\u002Fvisualstudio",{"description":117},"tags\u002Fvisualstudio","glm3bYyBlAXGun4NJe-CV_iOzhszydeBRIpbGNNLeEk",{"id":124,"title":125,"author":7,"body":126,"createdAt":181,"description":182,"extension":70,"img":178,"meta":183,"navigation":73,"path":184,"seo":185,"stem":186,"tags":187,"updatedAt":181,"__hash__":189},"articles\u002Farticles\u002Ffont-sizes-comparison-em-vs-px-vs-pt-vs-percent.md","Font Sizes–Comparison EM vs PX vs PT vs Percent",{"type":9,"value":127,"toc":179},[128,134],[12,129,130,131,133],{},"In CSS, you're given four different units by which you can measure the size of text as it’s displayed in the web browser.  Which of these four units is best suited for the web?",[53,132],{},"\nWhat do we have…",[12,135,136,137,139,140,142,143,139,145,147,148,139,150,152,153,139,155,157,158,139,160,162,163,139,165,167,168,139,170,139,172,174],{},"“Ems” (em): The “em” is a scalable unit that is used in web document media. An em is equal to the current font-size, for instance, if the font-size of the document is 12pt, 1em is equal to 12pt. Ems are scalable in nature, so 2em would equal 24pt, .5em would equal 6pt, etc. Ems are becoming increasingly popular in web documents due to scalability and their mobile-device-friendly nature.",[53,138],{},"\n ",[53,141],{},"\nPixels (px): Pixels are fixed-size units that are used in screen media (i.e. to be read on the computer screen). One pixel is equal to one dot on the computer screen (the smallest division of your screen’s resolution). Many web designers use pixel units in web documents in order to produce a pixel-perfect representation of their site as it is rendered in the browser. One problem with the pixel unit is that it does not scale upward for visually-impaired readers or downward to fit mobile devices.",[53,144],{},[53,146],{},"\nPoints (pt): Points are traditionally used in print media (anything that is to be printed on paper, etc.). One point is equal to 1\u002F72 of an inch. Points are much like pixels, in that they are fixed-size units and cannot scale in size.",[53,149],{},[53,151],{},"\nPercent (%): The percent unit is much like the “em” unit, save for a few fundamental differences. First and foremost, the current font-size is equal to 100% (i.e. 12pt = 100%). While using the percent unit, your text remains fully scalable for mobile devices and for accessibility.",[53,154],{},[53,156],{},"\nTip….it can be easy to set the font size via px’s or pt’s however you are not helping those users that want to scale the size up or down.  For this reason the em and percent users are preferred for web document text",[53,159],{},[53,161],{},"\nTip…try setting the body { font-size: 62.5%} and then use th em unit to size it from there.  As long as the body is set using the percent unit, you may choose to use either percent or ems on any other css rules and selectors and still retain the benefits of using percent as your base font size.",[53,164],{},[53,166],{},"\nTip..try not to use px to set font-size as they can become problems on mobile devices where the resolutions are very high density (200 to 300 pixels per inch) making the fonts very small.",[53,169],{},[53,171],{},[53,173],{},[175,176],"img",{"style":177,"src":178,"alt":65},"display: none;","\u002Farticles\u002Fimages\u002Ffont-size.jpg",{"title":65,"searchDepth":66,"depth":66,"links":180},[],"2015-04-20T08:07:13.0200000-04:00","Four different units by which you can measure the size of text...",{},"\u002Farticles\u002Ffont-sizes-comparison-em-vs-px-vs-pt-vs-percent",{"title":125,"description":182},"articles\u002Ffont-sizes-comparison-em-vs-px-vs-pt-vs-percent",[188],"html","d3ZQ0y2RkNUGZMlxtnCHgx4B7dBOczGAZJWp7ktXh2U",{"id":191,"title":192,"author":7,"body":193,"createdAt":240,"description":241,"extension":70,"img":242,"meta":243,"navigation":73,"path":244,"seo":245,"stem":246,"tags":247,"updatedAt":240,"__hash__":248},"articles\u002Farticles\u002Fusing-jsrender-with-javascript-and-html.md","Using JsRender with JavaScript and HTML",{"type":9,"value":194,"toc":238},[195,201,208,211,221,226],[12,196,197,198,200],{},"JsRender is a JavaScript library that allows you to define a boilerplate structure once and reuse it to generate HTML dynamically. JsRender brings a new templating library to HTML5 development that has a codeless tag syntax and high performance, has no dependency on jQuery nor on the Document Object Model (DOM), supports creating custom functions and uses pure string-based rendering.",[53,199],{},"\nThe following sample will utilize a method within a MVC controller to output json string via jquery ajax call.",[202,203,207],"pre",{"className":204},[205,206],"brush:","csharp","        public JsonResult GetCustomers()  \n        {  \n            var customers = new List(){  \n                new Customer() { ID= \"1\", Name= \"Bobby Jones\", Birthday= \"1902-03-17\" },  \n                new Customer() { ID= \"2\", Name= \"Sam Snead\",   Birthday= \"1912-05-27\" },  \n                new Customer() { ID= \"3\", Name= \"Tiger Woods\", Birthday= \"1975-12-30\" }  \n            };             \n            return this.Json(customers, JsonRequestBehavior.AllowGet);  \n            }  \n        }  \n  \n    public class Customer{  \n        public string ID {get; set;}  \n        public string Name {get; set;}  \n        public string Birthday {get; set;}  \n    }  \n    ",[12,209,210],{},"You can render templates using JavaScript in several ways. First you’ll want to define your template either as a string or in a \u003Cscript> tag. The \u003Cscript> tag option is nice when you want to define your templates in the HTML, give them an id and reuse them. You can also create templates from strings, which gives you the ability to create them on the fly in code or even pull them from a data store..  The JavaScript on the page is as follows",[202,212,215,216,215],{"className":213},[205,214],"javascript","  \n",[217,218,220],"script",{"type":219},"text\u002Fjavascript","\u002F\u002F \u003C![CDATA[  \n         function getdata() {  \n        var s = $.getJSON(\"\u002FHome\u002FGetCustomers\", function (data) {  \n             $(\"#GolferDiv\").html($(\"#InnerGolferTemplate1\").render(data));  \n        });           \n        }  \n\u002F\u002F ]]>",[222,223,225],"div",{"id":224},"GolferDiv"," ",[202,227,229,215,234,215],{"className":228},[205,188],[230,231],"input",{"type":232,"value":233},"button","get data",[217,235,237],{"id":236,"type":219},"InnerGolferTemplate1","\u002F\u002F \u003C![CDATA[  \n         {{:ID}}: \u003Cb>{{:Name}}\u003C\u002Fb> \u003Ci>{{:Birthday}}\u003C\u002Fi> \u003Cbr \u002F>  \n\u002F\u002F ]]>",{"title":65,"searchDepth":66,"depth":66,"links":239},[],"2015-04-20T08:07:12.7600000-04:00","JsRender is a JavaScript library that allows you to define a boilerplate structure once and reuse it to generate HTML dynamically.",null,{},"\u002Farticles\u002Fusing-jsrender-with-javascript-and-html",{"title":192,"description":241},"articles\u002Fusing-jsrender-with-javascript-and-html",[214],"X9dre_jVgpJBCollFTxNxhq1RoM7KALI3HKpYTjYECA",1781574767804]