Home
Search results “Js style font family” for the 2013
CSS how to: font-family
 
05:36
Declare the preferred font family for your web page with this CSS property http://www.technoblogical.com/web-design/ Providing training since last Tuesday http://www.technoblogical.com Thanks for watching!
Views: 9722 Chris Walker
HTML and CSS Tutorial 27 - Font Family
 
05:59
Support me: http://www.patreon.com/calebcurry Subscribe to my newsletter: http://bit.ly/JoinCCNewsletter Donate: http://bit.ly/DonateCTVM2. ~~~~~~~~~~~~~~~Additional Links~~~~~~~~~~~~~~~ More content: http://CalebCurry.com Facebook: http://www.facebook.com/CalebTheVideoMaker Google+: https://plus.google.com/+CalebTheVideoMaker2 Twitter: http://twitter.com/calebCurry Amazing Web Hosting - http://bit.ly/ccbluehost (The best web hosting for a cheap price!)
Views: 1868 Caleb Curry
CSS - 08. Styling fonts: font-family and font-style
 
06:21
In this video, I talk about ways in which you can style fonts in CSS, using font-family and font-style.
Views: 273 Loot Tutorial
CSS Font Family (Font Type)
 
05:25
This video demonstrates using CSS to change the Font Text Type (Font Family) :-) :-)
Views: 155 Leonardus C
CSS - Changing Font Family
 
01:58
In this tutorial, I show you how to change the 'font family' with CSS
Views: 298 TheMSTutorialsGuy
Learning HTML5 For Beginners (Tutorial): 05 Styling Text (Resizing, Adding Color & Font Families)
 
11:54
This tutorial focuses on the proper way to use styling techniques on text such as... changing the size, color and font family. Mail: AntonDaniels.com 7650 Cooley Lake Rd, #27 Union Lake, MI 48327 Website: http://AntonDaniels.com Instagram: http://instagram.com/1antondaniels Snapchat: https://snapchat.com/add/antondaniels Facebook: https://www.facebook.com/1antondaniels/
Views: 4272 Anton Daniels
HTML #6 - Szövegformázó Tagek
 
07:03
Ha tetszett like és iratkozz fel, köszi(:
Views: 2421 TheHUNTutorials
Learn HTML/CSS - #10 - Styling text with CSS [1080p]
 
03:44
In this tutorial, we will be styling text using CSS. I will show you how to change the following elements of the text: • Font Family • Font Size • Font Weight (Bold) • Underline • Color Twitter: http://twitter.com/coders_guide Donate: http://goo.gl/mfMep
Views: 17874 Neil Rowe
دورة CSS : الدرس 4 (خآصية Font-Family)
 
03:29
إشترك على قناتنا ليصلك دائما جديد الدروس : https://www.youtube.com/user/vlogHamid يمكنك مشاهدة دورة HTML كاملة هنا : http://goo.gl/XsyPDi دورة PHP و MySql هنا : http://goo.gl/JNT4Ha دورة CSS هنا :http://goo.gl/puLDPv تصميم قالب مدونة HTML5/CSS3 : http://goo.gl/8oeDxo
Views: 9222 Hamid Oumoumen
changing background color html
 
02:45
inline styling of background color of paragraph and body tags Inline styling https://www.youtube.com/watch?v=silM4keEglI&list=UUaB4FEcG5YdtNzU1e2GLw2g Making Strong Font https://www.youtube.com/watch?v=tVmqWPY6Gpk&list=UUaB4FEcG5YdtNzU1e2GLw2g Text Align https://www.youtube.com/watch?v=kxKVacpcvF0&list=UUaB4FEcG5YdtNzU1e2GLw2g Background Color https://www.youtube.com/watch?v=dUQOkjCgymg&list=UUaB4FEcG5YdtNzU1e2GLw2g Font Family & Font Size https://www.youtube.com/watch?v=DHjM5SgHY1U&list=UUaB4FEcG5YdtNzU1e2GLw2g Nest Paragraph Styling + Common Mistakeshttps://www.youtube.com/watch?v=IPo5oW-lg44&list=UUaB4FEcG5YdtNzU1e2GLw2g Making Comments https://www.youtube.com/watch?v=M4abr2xdGCg&list=UUaB4FEcG5YdtNzU1e2GLw2g Making Onordered Lists * Bullet Points etc https://www.youtube.com/watch?v=aitvgZeKvBM&list=UUaB4FEcG5YdtNzU1e2GLw2g Nesting Unordered Lists - in Ordered Lists https://www.youtube.com/watch?v=MYuAK_j1GzE&list=UUaB4FEcG5YdtNzU1e2GLw2g Adding Images https://www.youtube.com/watch?v=il-B2xS1P8c&list=UUaB4FEcG5YdtNzU1e2GLw2g
Views: 154 The Key Man
CSS Tutorial 11 - Styling Unordered Lists
 
09:22
In this video, we talk about how to style unordered lists using CSS, changing things like font color, font family, padding, margins, and the display settings. We also learn how to change the style of the bullet points, as well as how to make lists into navigation menus, which are more accessible to those who may be visually impaired. If you have any questions, comments, or suggestions for this video, or anything at all, please don't hesitate to ask! TechnicalCafe Blog: http://TechnicalCafe.com TechnicalCafe Twitter: http://Twitter.com/TechnicalCafe TechnicalCafe Forums: http://TechnicalCafe.net Jamie's Twitter: http://Twitter.com/Jamiemcg
Views: 17010 TechnicalCafe
How to Change The Font in Sublime Text (+ Free Programming Fonts)
 
02:45
Learn how to Change The Font in Sublime Text http://evyned.com/best-programming-fonts/
Views: 16100 Evyned Tuts
Html Font Styles
 
10:05
Learn how to adjust the font face, colors and size on your website in html.
Views: 117 Tom Carter
CSS3 Tutorials #11 - Custom Fonts With @font face
 
06:37
The 11th tutorial in the CSS3 tutorial series. In this lesson, I'll be showing how to host your own fonts with @font-face. Subscribe to Level Up Pro for extra features! https://www.leveluptutorials.com/store/products/pro For questions post in the comments or visit: http://leveluptuts.com/forum To Support Level Up Tuts: http://leveluptuts.com/donations
Views: 26918 LevelUpTuts
CSS Font Styling Tutorial
 
08:50
Access the entire course for free at Zenva: http://lounge.zenva.com/product/programming-for-entrepreneurs-html-css/?zva_src=youtube In this tutorial we cover styling fonts with CSS. You can set properties such as the font family, font size, weight, color, etc. This video is part of the online video course Programming for Entrepreneurs - HTML / CSS, which covers the foundations of web development and it's mainly aimed for entrepreneurs and doers who want to learn how to code from scratch and build their products. The course covers topics such as using HTML tags, adding images, working with lists and tables, the basics of CSS, how to include reset.css, and we'll work though out the course in making a metro-style responsive page. If you like our courses and tutorials check out our other channels: Homepage: http://zenva.com Zenva Lounge: http://lounge.zenva.com GameDev Academy: http://gamedevacademy.org Facebook: http://facebook.com/ZenvaDev Twitter: http://twitter.com/ZenvaTweets
Views: 334 Zenva
CSS How to: font
 
08:37
This video tutorial shows how to use the font property in CSS. You can modify font size, style on your web site with this one declaration http://www.technoblogical.com/web-design/ Providing training since last Tuesday http://www.technoblogical.com Thanks for watching!
Views: 724 Chris Walker
CSS Tutorial 12 - Styling Ordered Lists
 
08:29
In this video, we talk about how to style ordered lists using CSS. Some of the topics we talk about include how to change the lists' text color, font family, numbering, as well as how to create a navigation style menu using CSS code, which could be beneficial to those who may be using a screen reader. If you have any questions, comments, or suggestions, please feel free to leave a comment below or contact me via YouTube message, Twitter, or e-mail! Thank you for watching! TechnicalCafe Blog: http://TechnicalCafe.com TechnicalCafe Twitter: http://Twitter.com/TechnicalCafe TechnicalCafe Forums: http://TechnicalCafe.net Jamie's Twitter: http://Twitter.com/Jamiemcg
Views: 4053 TechnicalCafe
CSS in under 10 minutes
 
09:55
Learn more at http://www.codecloud.me
Views: 1440 Mike De'Shazer
01 HTML5 - CSS3 - Series Introduction
 
10:21
Want to learn HTML5 and CSS3? Over the course of 21 episodes, our friend Bob Tabor, from DevU.com, teaches you the fundamentals of HTML5 & CSS3 programming. Tune in to learn CSS3 styles, concepts about webpages, and HTML5 features. Explore HTML5 and get CSS3 training that includes web principles, writing code, and much more! Each concept is broken into its own video so you can search for and focus on the information you need to learn HTML5 and CSS3. Instructors: Bob Tabor, DevU.com Founder; Clint Rutkas, Microsoft Technical Evangelist; Dan Fernandez, Microsoft Senior Director 1 | Series Introduction Get course expectations and a brief overview of the CSS3 and HTML5 training to come. 2 | Creating Your First HTML5 Webpage Warm up your keyboard, and get ready to work. Get fully immersed in what it takes to build an HTML5 webpage. 3 | Styling Your First HTML5 Webpage with CSS3 Apply a CSS3 style sheet to give the new page a simple but attractive appearance. 4 | Understanding the HTML5 You Wrote Build on what you learned in Lesson 2, as you worked with Bob to create a semantically correct HTML5 page. Take a look at each individual element's purpose. 5 | Working with Paragraphs and Text Explore the various semantic meanings of popular HTML5 inline tags useful for marking up text inside of paragraphs, including b, i, small, em, mark, span, and much more. 6 | Defining the Structure of Your Document Moving beyond the text, learn how to give semantic meaning to the various elements of a webpage using header, footer, aside, nave, h1 through h2, article, section, and more. 7 | Working with Figures and Images See demonstrations on how to include images and whole figures with captions in your HTML5 webpages. 8 | Working with Lists In addition to the list style tags we used in our HTML5 pages, learn how to create a semantically rich set of lists for creating ordered and unordered lists, definitions of terms, and more. 9 | Creating Tables The oft-maligned table still has a semantic purpose in HTML5: to display tabular information. See the many different ways to structure tabular data in HTML5. 10 | Creating Forms See how to add a rudimentary level of interactivity to your webpages by allowing users to input information via forms. Look at more than a dozen examples. 11 | Form Validation and Other Future HTML5 Form Enhancements Look toward new HTML5 form features used in Internet Explorer 10 and later. Check out the use of new input elements and attributes for creating richer forms. 12 | Understanding Cascading Style Sheets In Lesson 3, you worked with Bob to create an external Cascading Style Sheet that provides a simple but attractive aesthetic improvement to the HTML5 webpage. In this module, take the next steps. 13 | CSS3 Font and Text Properties Focus on the CSS properties specific to modifying font and text properties on HTML5 webpages, and learn about font-family stacks. 14 | CSS3 Color and Background Properties Find out how to modify the colors and backgrounds of various HTML5 elements using CSS3. 15 | CSS3 List and Table Properties In Lessons 7 and 8 you learned about Lists and Tables. In this lesson, learn various properties exposed by CSS3 that allow you to add a professional style to your Lists and Tables. 16 | CSS3 Box Properties Explore the important distinction between inline-display and block-display in HTML5 elements. For block-style elements, it is vital to understand the box model. 17 | Working with CSS3 Font-Face Learn about working with CSS3 Font-Face. Designers rely on typography to communicate and emote, along with the message of the text itself. The font-face is one more tool that designers can use. 18 | Embedding Video in HTML5 Dive back into HTML5, and examine the basics of the video tag to add progressively downloaded / pseudo-streamed video to your webpages. Explore the various available options. 19 | Working with the HTML5 Canvas See a simple example of how the HTML5 Canvas works at a high level. The HTML5 Canvas allows JavaScript-savvy developers to draw bitmapped images directly into HTML5 webpages. 20 | Working with SVG in HTML5 Learn about Scalable Vector Graphics, or SVG, which has been a web standard for many years but has gained renewed interest after being included in the HTML5 specification. 21 | Where to Go From Here Watch as Bob provides a roadmap for topics that can help you take your newfound knowledge much further. Topics include a short history of laying out webpages in HTML and CSS.
Views: 640 RG Edu
JavaScript beginner tutorial 31 - radio buttons
 
09:20
The second part of a 2 part tutorial where I show you how to use JavaScript to find out if a radio button has been checked or not. Don't forget to subscribe: http://www.youtube.com/user/QuentinWatt Social links: ------------------------------------------------------------- Add me on twitter: http://www.twitter.com/QuentinWatt facebook group: https://www.facebook.com/quentin.watt -------------------------------------------------------------
Views: 69360 Quentin Watt Tutorials
HTML5 - The Basics 2 Styling the Font : Codecademy
 
14:33
Welcome back, nice to see your interested! This video will cover some inline styling with HTML5! You will learn how to manipulate your texts color, font, and size to create a variety of different outcomes! Don't forget to like favorite comment and subscribe! Follow me on twitter! https://twitter.com/Calebs_Help
Views: 5321 Caleb H
6. دروس HTML 5 / CSS 3 الجزء 6
 
01:03:38
من أجل تساؤلاتكم المرجو ترك التعليقات على الموقع http://www.jalals.info/index/tutoriels/learn-html5-css3-arabic-part6-ijvLe74dd_c في هذا الفيديو نتعرف على خاصيات CSS التالية : - border - padding - margin - word-wrap - box-shadow - font-family - font-size - font-style - float دروس مجانية في إنشاء و تطوير المواقع لمن لم يشاهد الدروس الأولى حول ال-HTML و-CSS Vous pouvez me contacter via : يمكنكم الإتصال بي عبر : http://www.jalals.info http://www.facebook.com/jom006 http://www.twitter.com/jom006
Views: 2615 STATI Jalal
HTML5 and CSS3 Beginner Tutorial 13 - font properties
 
06:44
In this tutorial I show you guys a few of the different font properties that you will use quite often in CSS. Learn how to Bold, Italicize, and change the font size of your text all in this video. Don't forget to subscribe! Social links: ------------------------------------------------------------- Add me on twitter: http://www.twitter.com/QuentinWatt facebook group: https://www.facebook.com/quentin.watt -------------------------------------------------------------
Views: 29503 Quentin Watt Tutorials
Part 97   Implement autocomplete textbox functionality in mvc
 
20:42
Link for code samples used in the demo http://csharp-video-tutorials.blogspot.com/2013/09/part-97-implement-autocomplete-textbox.html Link for csharp, asp.net, ado.net, dotnet basics, mvc and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd In this video, we will discuss implementing auto-complete functionality in an asp.net mvc application using jQuery Autocomplete Widget. Step 1: We will be using tblStudents table in this demo. Step 2: Create an ado.net entity data model using table tblStudents. Change the name of the generated entity from tblStudent to Student. Step 3: Download autocomplete widget from http://jqueryui.com/download. Step 4: Open "js" folder copy "jquery-1.9.1.js" and "jquery-ui-1.10.3.custom.min.js" files and paste them in the "Scripts" folder of you mvc project. Now open "css" folder. This folder will be present in "ui-lightness" folder. Copy "images" folder and "jquery-ui-1.10.3.custom.min.css" file and paste them in "Content" folder in your mvc project. If you are following along, at this point your solution explorer should look as shown below. Step 5: Right click on the "Controllers" folder and add "Home" controller. Copy and paste the following code. Please make sure to include "MVCDemo.Models" namespace. public class HomeController : Controller { public ActionResult Index() { DatabaseContext db = new DatabaseContext(); return View(db.Students); } [HttpPost] public ActionResult Index(string searchTerm) { DatabaseContext db = new DatabaseContext(); List[Student] students; if (string.IsNullOrEmpty(searchTerm)) { students = db.Students.ToList(); } else { students = db.Students .Where(s =] s.Name.StartsWith(searchTerm)).ToList(); } return View(students); } public JsonResult GetStudents(string term) { DatabaseContext db = new DatabaseContext(); List[string] students = db.Students.Where(s =] s.Name.StartsWith(term)) .Select(x =] x.Name).ToList(); return Json(students, JsonRequestBehavior.AllowGet); } } Step 6: Right click on the "Index" action method in the "HomeController" and add "Index" view. Copy and paste the following code. @model IEnumerable[MVCDemo.Models.Student] [link href="~/Content/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" type="text/css" /] [script src="~/Scripts/jquery-1.9.1.js" type="text/javascript"][/script] [script src="~/Scripts/jquery-ui-1.10.3.custom.min.js" type="text/javascript"][/script] [script type="text/javascript"] $(function () { $('#txtSearch').autocomplete({ source: '@Url.Action("GetStudents")', minLength: 1 }); }); [/script] [div style="font-family:Arial"] @using (@Html.BeginForm()) { [label for="Name"]Name: [/label] @Html.TextBox("searchTerm", null, new { id = "txtSearch" }) [input type="submit" value="Search" /] } [table border="1"] [tr] [th] @Html.DisplayNameFor(model =] model.Name) [/th] [th] @Html.DisplayNameFor(model =] model.Gender) [/th] [th] @Html.DisplayNameFor(model =] model.TotalMarks) [/th] [/tr] @foreach (var item in Model) { [tr] [td] @Html.DisplayFor(modelItem =] item.Name) [/td] [td] @Html.DisplayFor(modelItem =] item.Gender) [/td] [td] @Html.DisplayFor(modelItem =] item.TotalMarks) [/td] [/tr] } [/table] [/div]
Views: 86823 kudvenkat
Javascript: Using the jQuery docs and the css() method
 
01:22
http://codagogy.com/enroll/javascript
CSS - 09. Styling fonts: font-size and font-weight
 
06:32
This is another video where I talk about styling fonts in CSS using font-size and font-weight. Font-size is used to change the size of your text, and font-weight is used to make your text bold.
Views: 391 Loot Tutorial
HTML and CSS Tutorial 1 - What is HTML and CSS?
 
08:38
This course will cover the following topics: What is html and css? installing notepad ++ Tags, basic page outline. Paragraphs, headers, line breaks everything about lists everything about tables comments everything about links linking to another anchor tag Everything about pictures Inout type text Password field HTML Forms and submit buttons Radio Buttons Check Boxes Drop Down List Text Area Upload Button div Other HTML5 inputs CSS ~~~~ Intro to CSS Inline CSS vs External Styles Sheet Introduction to css properties, values, selectors, and declaration. Example video (text color) RGB values Understanding Hexadecimal font-size Font style and weight font family and generic font familes font property border style border color, border width border radius border direction border property letter spacing and line height word-wrap text-align text decoration affecting nested tags dimension properties padding margin padding vs margin IDs Classes styling lniks parent-child relationships styling specific relationships same with classes and ids. Support me: http://www.patreon.com/calebcurry Subscribe to my newsletter: http://bit.ly/JoinCCNewsletter Donate: http://bit.ly/DonateCTVM2. ~~~~~~~~~~~~~~~Additional Links~~~~~~~~~~~~~~~ More content: http://CalebCurry.com Facebook: http://www.facebook.com/CalebTheVideoMaker Google+: https://plus.google.com/+CalebTheVideoMaker2 Twitter: http://twitter.com/calebCurry Amazing Web Hosting - http://bit.ly/ccbluehost (The best web hosting for a cheap price!)
Views: 7379 Caleb Curry
CSS Tutorial 1.3 | Specifying Typefaces & Font Families (Beginner)
 
02:16
This CSS tutorial for beginners will teach you how to specify a specific typeface to change the font families within your CSS rule. These videos were produced with the help of the "HTML & CSS" Book by Jon Duckett: http://www.htmlandcssbook.com/
Views: 276 howtomac9319
HTML5 and CSS3 tutorial 12 FONTS ATTRIBUTES in Hindi Urdu for exam 70-480
 
25:56
fonts styling and attributes in HTML5 and CSS3 is the HTML5 and CSS3 tutorial for beginners in hindi and urdu. This tutorial is the part of the tuotrial series HTML5 and CSS3 tutorials which can be used as the study guide for preparing Miscrosoft certification exam 70-480 Programming in HTML5 with JavaScript and CSS3. HTML5 and CSS3 Tutorial by youtube.com/user/factner Tutorial 12 - Font styling 1. font-family 2. font-style 3. font-size 4. font-variant 5. font-weight 6. Shorthand property Please visit http://www.ifactner.com for the source code, text and results of the tutorial. Our Facebook page is at www.facebook.com/ifactner .
Views: 10488 ifactner technical
How to Increase the Font Size on Blogger Posts : Web Development Tips
 
02:17
Subscribe Now: http://www.youtube.com/subscription_center?add_user=ehowtech Watch More: http://www.youtube.com/ehowtech Increasing the font size on Blogger post is something that you can do right from your main Blogger account dashboard. Increase the font size on Blogger posts with help from a self-taught web developer with skills in PHP, JQuery, Ajax, HTML and CSS in this free video clip. Expert: Christina Chiu Filmmaker: Victor Varnado Series Description: We live in an age where web development doesn't require the years of experience with various programming languages that it used to - knowledge of basic HTML will get you very far. Get web development tips with help from a self-taught web developer with skills in PHP, JQuery, Ajax, HTML and CSS in this free video series.
Views: 6203 eHowTech
CSS fonti (fonts, font-family, font-style, font-size )
 
08:06
CSS teorija iesācējiem, kā izveidot mājas lapu
Views: 42 UsefulLessons4You
HTML and CSS Tutorial 26 - Font Style and Weight
 
05:20
Support me: http://www.patreon.com/calebcurry Subscribe to my newsletter: http://bit.ly/JoinCCNewsletter Donate: http://bit.ly/DonateCTVM2. ~~~~~~~~~~~~~~~Additional Links~~~~~~~~~~~~~~~ More content: http://CalebCurry.com Facebook: http://www.facebook.com/CalebTheVideoMaker Google+: https://plus.google.com/+CalebTheVideoMaker2 Twitter: http://twitter.com/calebCurry Amazing Web Hosting - http://bit.ly/ccbluehost (The best web hosting for a cheap price!)
Views: 906 Caleb Curry
HTML and CSS Tutorial 28 - Font Property
 
07:24
Support me: http://www.patreon.com/calebcurry Subscribe to my newsletter: http://bit.ly/JoinCCNewsletter Donate: http://bit.ly/DonateCTVM2. ~~~~~~~~~~~~~~~Additional Links~~~~~~~~~~~~~~~ More content: http://CalebCurry.com Facebook: http://www.facebook.com/CalebTheVideoMaker Google+: https://plus.google.com/+CalebTheVideoMaker2 Twitter: http://twitter.com/calebCurry Amazing Web Hosting - http://bit.ly/ccbluehost (The best web hosting for a cheap price!)
Views: 759 Caleb Curry
How to Style Texts & Fonts Using CSS
 
19:16
Students' video tutorial.
Views: 48 Edutainment
Curso de CSS Básico- Avanzado #24- Texto: Propiedad font-family
 
03:14
En este capitulo de CSS veremos la propiedad font-family la cual nos permite cambiar el tipo de fuente que se utilizan en nuestras paginas web. Redes sociales Twitter: http://www.twitter.com/qooplat Google+: http://plus.google.com/111325718337086819442/ Facebook: http://www.facebook.com/qooplat http://www.qooplat.net
Views: 653 Qooplat
Part 38   CheckBoxList in asp net mvc
 
15:57
In this video we will discuss implementing a checkbox list in asp.net mvc. We will be using table "tblCity" for this demo. Using the link below for, Sql script to create table tblCity http://csharp-video-tutorials.blogspot.com/2013/06/part-38-checkboxlist-in-aspnet-mvc.html Add ADO.NET data model, to retrieve data from database table tblCity Right click on the "Controllers" folder, and add a "HomeController". Include the following 2 namespaces in "HomeController" using MVCDemo.Models; using System.Text; Copy and paste the following code. [HttpGet] public ActionResult Index() { SampleDBContext db = new SampleDBContext(); return View(db.Cities); } [HttpPost] public string Index(IEnumerable[City] cities) { if (cities.Count(x =] x.IsSelected) == 0) { return "You have not selected any City"; } else { StringBuilder sb = new StringBuilder(); sb.Append("You selected - "); foreach (City city in cities) { if (city.IsSelected) { sb.Append(city.Name + ", "); } } sb.Remove(sb.ToString().LastIndexOf(","), 1); return sb.ToString(); } } Right click on the "Views" folder, and a "Home" folder. Right click on the "Home" folder and "EditorTemplates" folder. Right click on "EditorTemplates" folder - Add - View. In the "Add View" dialog box, set View Name = City View Engine = Razor and click "Add". Copy and paste the following code in "City.cshtml" @model MVCDemo.Models.City @{ ViewBag.Title = "City"; } @Html.HiddenFor(x =] x.ID) @Html.HiddenFor(x =] x.Name) @Html.CheckBoxFor(x =] x.IsSelected) @Html.DisplayFor(x =] x.Name) Please Note: Put the templates in "Shared" folder, if you want the "Templates", to be available for all the views. Right click on the "Index" action method in "HomeController", and select "Add View" from the contex menu. Set View Name = Index View Engine = Razor and click "Add" Copy and paste the following code in "Index.cshtml" @model IEnumerable[MVCDemo.Models.City] @{ ViewBag.Title = "Index"; } [div style="font-family:Arial"] [h2]Index[/h2] @using (Html.BeginForm()) { @Html.EditorForModel() [br /] [input type="submit" value="Submit" /] } [/div] Text version of the video http://csharp-video-tutorials.blogspot.com/2013/06/part-38-checkboxlist-in-aspnet-mvc.html Slides http://csharp-video-tutorials.blogspot.com/2013/09/part-38-checkboxlist-in-aspnet-mvc.html All ASP .NET MVC Text Articles http://csharp-video-tutorials.blogspot.com/p/aspnet-mvc-tutorial-for-beginners.html All ASP .NET MVC Slides http://csharp-video-tutorials.blogspot.com/p/aspnet-mvc-slides.html All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd All Dot Net and SQL Server Tutorials in Arabic https://www.youtube.com/c/KudvenkatArabic/playlists
Views: 117734 kudvenkat
WordPress Fonts - How To Get CSS Font Codes for WordPress
 
01:28
http://wordpressfonts.com Useful website gives you CSS codes for fonts, compatible with WordPress
Views: 78 HexColorGenerator
Part 59   Layout view in mvc
 
16:36
Link for code samples used in the demo http://csharp-video-tutorials.blogspot.com/2013/07/part-59-layout-view-in-mvc.html Link for csharp, asp.net, ado.net, dotnet basics, mvc and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists Make sure to replace [ with LESSTHAN and ] with GREATERTHAN symbol. What is the advantage of using _Layout.cshtml view? Layout views provide the advantage of maintaining consistent look and feel across all the views in an mvc application. A typical layout view consists of 1. Header 2. Footer 3. Navigation menu 4. View specific content Rather than having all of these sections, in each and every view, we can define them in a layout view and then inherit that look and feel in all the views. With layout views, maintaining the consistent look and feel across all the views becomes much easier, as we have only one layout file to modify, should there be any change. The change will then be immediately reflected across all the views in entire application. Let us now create a layout view with 1. Header 2. Footer 3. Navigation menu and 4. a place to plugin view specific content Step 1: Create an empty asp.net mvc4 application. Step 2: Right click on "Views" folder and add "Shared" folder. Step 3: Right click on "Shared" folder and add "_Layout.cshtml" view. This is our layout view, where we will define the site wide look and feel. The layout file can have any name, and will have .cshtml file extension. Copy and paste the following html [html] [head] [title]@ViewBag.Title[/title] @*All the javascript and css files that are required by the application can be referenced here so that there is no need to reference them in each and every view*@ [/head] [body] [table border="1" style="width:800px; font-family:Arial"] [tr] [td colspan="2" style="text-align:center"] [h3]Website Header[/h3] [/td] [/tr] [tr] [td style="width:200px"] [h3]Menu[/h3] [/td] [td style="width:600px"] @RenderBody() [/td] [/tr] [tr] [td colspan="2" style="text-align:center; font-size:x-small"] [h3]Website Footer[/h3] [/td] [/tr] [/table] [/body] [/html] Points to note: 1. View specific title is retrieved using @ViewBag.Title. 2. View specific content will be plugged-in at the location, where RenderBody() function is called. Step 4: Let us use the following table tblEmployee, and generate a few views that can be used with our layout view. Create table tblEmployee ( Id int identity primary key, FirstName nvarchar(50), LastName nvarchar(50), Salary int ) Insert into tblEmployee values('Tom', 'S', 5000) Insert into tblEmployee values('Mary', 'P', 8000) Insert into tblEmployee values('Ben', 'K', 3000) Step 5: Add ADO.NET entity data model based on the above table. Build the solution, so that Employee model class is compiled. Step 6: Add a HomeController, with the following settings, so that Index, Details, Create, Edit and Delete views are auto-generated. 1. Controller name - HomeController 2. Template - MVC controller with read/write actions and views, using Entity Framework 3. Model class - Employee 4. Data context class - SampleDBContext 5. Views - Razor Step 7: Now, we need to make modifications to Index.cshtml view, to use _Layout.cshtml layout view. Copy and paste the following code just below, @model declaration. Notice that, we are storing title in ViewBag object. The layout view is going to retrieve it from viewbag and use it as the title. The next statement, specifies the layout file to use. @{ ViewBag.Title = "Employee List Page"; Layout = "~/Views/Shared/_Layout.cshtml"; } At this point navigate to Index view and notice that, it uses the layout file that we have defined. Step 8: Make the following modifications to layout view. Replace 1. Website Header with Employee Portal 2. [h3]Website Footer[/h3] with © 2013 Pragim Technologes 3. [h3]Menu[/h3] with @Html.ActionLink("Employee List", "Index") Save changes and navigate to Index view. Now click on "Edit" link. The page crashes. To fix it, delete "Scripts" section that is at the bottom of the Edit view. Refresh the page. Notice that, we don't have error now, but this view is not using the layout view. To fix it, we need to include the following code, as we did on index view. @{ ViewBag.Title = "Employee List Page"; Layout = "~/Views/Shared/_Layout.cshtml"; } In our next video, we will discuss - How to specify layout view setting for all the views at one place.
Views: 128684 kudvenkat
Part 73   OutputCache attribute in mvc
 
11:39
Link for code samples used in the demo http://csharp-video-tutorials.blogspot.com/2013/08/part-73-outputcache-attribute-in-mvc.html Link for csharp, asp.net, ado.net, dotnet basics, mvc and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists In this video, we will discuss OutputCache attribute and partial caching in asp.net mvc. OutputCacheAttribute is used to cache the content returned by a controller action method, so that, the same content does not need to be generated each and every time the same controller action is invoked. Let us understand this with an example. We will be using table tblEmployee for this demo. Please refer to Part 62 of MVC Tutorial, if you need SQL script to create and populate this table. Step 1: Add ado.net entity data model based on table tblEmployee. We have discussed doing this several times, in previous sessions of this video series. Step 2: Add HomeController with the following settings. a) Controller name = HomeController b) Template = MVC controller with read/write actions and views, using Entity Framework c) Model class = Employee d) Data context class = SampleDBContext e) Views = Razor Step 3: Modify the Index() action method in HomeController as shown below. Notice that, we are using OutPutCache attribute to cache the content returned by Index() action method for 10 seconds. [OutputCache(Duration = 10)] public ActionResult Index() { System.Threading.Thread.Sleep(3000); return View(db.Employees.ToList()); } Step 4: Modify code in "Index.cshtml" view as shown below. The modified code is highlighted in Yellow. @model IEnumerable[MVCDemo.Models.Employee] [div style="font-family:Arial"] [p] @Html.ActionLink("Create New", "Create") [/p] [table border="1"] [tr] [td colspan="4"] [b]Employee List retrieved @@ @DateTime.Now.ToString()[/b] [/td] [/tr] [tr] [th] @Html.DisplayNameFor(model =] model.Name) [/th] [th] @Html.DisplayNameFor(model =] model.Gender) [/th] [th] @Html.DisplayNameFor(model =] model.Email) [/th] [th][/th] [/tr] @foreach (var item in Model) { [tr] [td] @Html.DisplayFor(modelItem =] item.Name) [/td] [td] @Html.DisplayFor(modelItem =] item.Gender) [/td] [td] @Html.DisplayFor(modelItem =] item.Email) [/td] [td] @Html.ActionLink("Edit", "Edit", new { id=item.ID }) | @Html.ActionLink("Details", "Details", new { id=item.ID }) | @Html.ActionLink("Delete", "Delete", new { id=item.ID }) [/td] [/tr] } [/table] [/div] When you navigate to /Home/Index, the view ouput is cached for 10 seconds. If you refresh the view, within 10 seconds you will get a cached response. After 10 seconds, the cache expires, code is executed again and the output is cached for another 10 seconds. Caching specific portion of a view using ChildActionOnly attribute: Step 1: Remove OutputCache attribute and the line which calls Thread.Sleep(), from the Index() action method in HomeController. After the changes, the Index() action method should be as shown below. public ActionResult Index() { return View(db.Employees.ToList()); } Step 2: Add GetEmployeeCount() action method to HomeController. Notice that, this method is decorated with OutputCache and ChildActionOnly attributes. // Child actions can be used to implement partial caching, // although not necessary. In this case, even if the ChildActionOnly // attribue is removed, a portion of the view will be cached as expected [ChildActionOnly] [OutputCache(Duration = 10)] public string GetEmployeeCount() { return "Employee Count = " + db.Employees.Count().ToString() + "@ " + DateTime.Now.ToString(); } Step 3: Copy and paste the following code, just below the closing table tag in Index.cshtml view. [br /][br /] [b] @Html.Action("GetEmployeeCount") [/b] Navigate to /Home/Index. Notice that, everytime you refresh the page, the time in the section of the page that displays employee list changes, but not the time, that displays the employee count. This proves that, only a portion of the view, is cached. Make sure to replace [ with LESSTHAN and ] with GREATERTHAN symbol.
Views: 68580 kudvenkat
HTML Aula3 propriedades font size e color, background e tag div
 
06:41
HTML Aula3 propriedades font size e color, background e tag div
Views: 301 Grafctec
Part 76   ValidateInput attribute in mvc
 
06:08
Link for code samples used in the demo http://csharp-video-tutorials.blogspot.com/2013/08/part-76-validateinput-attribute-in-mvc.html Link for csharp, asp.net, ado.net, dotnet basics, mvc and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists In this video, we will discuss ValidateInput attribute. This attribute is used to enable or disable request validation. By default, request validation is enabled in asp.net mvc. Let's understand this with an example. Step 1: Create an asp.net mvc4 application using Empty template. Step 2: Add a HomeController. Copy and paste the following code. public class HomeController : Controller { public ActionResult Index() { return View(); } [HttpPost] public string Index(string comments) { return "Your Comments: " + comments; } } Step 3: Add Index.cshtml view. Copy and paste the following code. [div style="font-family:Arial"] @using (Html.BeginForm()) { [b]Comments:[/b] [br /] @Html.TextArea("comments") [br /] [br /] [input type="submit" value="Submit" /] } [/div] Step 4: Navigate to /Home/Index. Type the following text in the "Comments" textbox and click "Submit". [h1]Hello[/h1] Notice that, you get an error - A potentially dangerous Request.Form value was detected from the client (comments="[h1]Hello[/h1]"). This is because, by default, request validation is turned on in asp.net mvc and does not allow you to submit any HTML, to prevent XSS (Cross site scripting attacks). We discussed XSS in Part XX of asp.net mvc tutorial. However, in some cases, you want the user to be able to submit HTML tags like [b],[u] etc. For this to happen, we need to turn off request validation, by decorating the action method with ValidateInput attribute as shown below. [HttpPost] [ValidateInput(false)] public string Index(string comments) { return "Your Comments: " + comments; } At this point, you should be able to submit comments, with HTML tags in it. Make sure to replace [ with LESSTHAN and ] with GREATERTHAN symbol.
Views: 56949 kudvenkat
13 CSS3 Font and Text Properties
 
10:09
Want to learn HTML5 and CSS3? Over the course of 21 episodes, our friend Bob Tabor, from DevU.com, teaches you the fundamentals of HTML5 & CSS3 programming. Tune in to learn CSS3 styles, concepts about webpages, and HTML5 features. Explore HTML5 and get CSS3 training that includes web principles, writing code, and much more! Each concept is broken into its own video so you can search for and focus on the information you need to learn HTML5 and CSS3. Instructors: Bob Tabor, DevU.com Founder; Clint Rutkas, Microsoft Technical Evangelist; Dan Fernandez, Microsoft Senior Director 1 | Series Introduction Get course expectations and a brief overview of the CSS3 and HTML5 training to come. 2 | Creating Your First HTML5 Webpage Warm up your keyboard, and get ready to work. Get fully immersed in what it takes to build an HTML5 webpage. 3 | Styling Your First HTML5 Webpage with CSS3 Apply a CSS3 style sheet to give the new page a simple but attractive appearance. 4 | Understanding the HTML5 You Wrote Build on what you learned in Lesson 2, as you worked with Bob to create a semantically correct HTML5 page. Take a look at each individual element's purpose. 5 | Working with Paragraphs and Text Explore the various semantic meanings of popular HTML5 inline tags useful for marking up text inside of paragraphs, including b, i, small, em, mark, span, and much more. 6 | Defining the Structure of Your Document Moving beyond the text, learn how to give semantic meaning to the various elements of a webpage using header, footer, aside, nave, h1 through h2, article, section, and more. 7 | Working with Figures and Images See demonstrations on how to include images and whole figures with captions in your HTML5 webpages. 8 | Working with Lists In addition to the list style tags we used in our HTML5 pages, learn how to create a semantically rich set of lists for creating ordered and unordered lists, definitions of terms, and more. 9 | Creating Tables The oft-maligned table still has a semantic purpose in HTML5: to display tabular information. See the many different ways to structure tabular data in HTML5. 10 | Creating Forms See how to add a rudimentary level of interactivity to your webpages by allowing users to input information via forms. Look at more than a dozen examples. 11 | Form Validation and Other Future HTML5 Form Enhancements Look toward new HTML5 form features used in Internet Explorer 10 and later. Check out the use of new input elements and attributes for creating richer forms. 12 | Understanding Cascading Style Sheets In Lesson 3, you worked with Bob to create an external Cascading Style Sheet that provides a simple but attractive aesthetic improvement to the HTML5 webpage. In this module, take the next steps. 13 | CSS3 Font and Text Properties Focus on the CSS properties specific to modifying font and text properties on HTML5 webpages, and learn about font-family stacks. 14 | CSS3 Color and Background Properties Find out how to modify the colors and backgrounds of various HTML5 elements using CSS3. 15 | CSS3 List and Table Properties In Lessons 7 and 8 you learned about Lists and Tables. In this lesson, learn various properties exposed by CSS3 that allow you to add a professional style to your Lists and Tables. 16 | CSS3 Box Properties Explore the important distinction between inline-display and block-display in HTML5 elements. For block-style elements, it is vital to understand the box model. 17 | Working with CSS3 Font-Face Learn about working with CSS3 Font-Face. Designers rely on typography to communicate and emote, along with the message of the text itself. The font-face is one more tool that designers can use. 18 | Embedding Video in HTML5 Dive back into HTML5, and examine the basics of the video tag to add progressively downloaded / pseudo-streamed video to your webpages. Explore the various available options. 19 | Working with the HTML5 Canvas See a simple example of how the HTML5 Canvas works at a high level. The HTML5 Canvas allows JavaScript-savvy developers to draw bitmapped images directly into HTML5 webpages. 20 | Working with SVG in HTML5 Learn about Scalable Vector Graphics, or SVG, which has been a web standard for many years but has gained renewed interest after being included in the HTML5 specification. 21 | Where to Go From Here Watch as Bob provides a roadmap for topics that can help you take your newfound knowledge much further. Topics include a short history of laying out webpages in HTML and CSS.
Views: 61 RG Edu
10 HTML5 - CSS3 - Creating Forms
 
27:28
Want to learn HTML5 and CSS3? Over the course of 21 episodes, our friend Bob Tabor, from DevU.com, teaches you the fundamentals of HTML5 & CSS3 programming. Tune in to learn CSS3 styles, concepts about webpages, and HTML5 features. Explore HTML5 and get CSS3 training that includes web principles, writing code, and much more! Each concept is broken into its own video so you can search for and focus on the information you need to learn HTML5 and CSS3. Instructors: Bob Tabor, DevU.com Founder; Clint Rutkas, Microsoft Technical Evangelist; Dan Fernandez, Microsoft Senior Director 1 | Series Introduction Get course expectations and a brief overview of the CSS3 and HTML5 training to come. 2 | Creating Your First HTML5 Webpage Warm up your keyboard, and get ready to work. Get fully immersed in what it takes to build an HTML5 webpage. 3 | Styling Your First HTML5 Webpage with CSS3 Apply a CSS3 style sheet to give the new page a simple but attractive appearance. 4 | Understanding the HTML5 You Wrote Build on what you learned in Lesson 2, as you worked with Bob to create a semantically correct HTML5 page. Take a look at each individual element's purpose. 5 | Working with Paragraphs and Text Explore the various semantic meanings of popular HTML5 inline tags useful for marking up text inside of paragraphs, including b, i, small, em, mark, span, and much more. 6 | Defining the Structure of Your Document Moving beyond the text, learn how to give semantic meaning to the various elements of a webpage using header, footer, aside, nave, h1 through h2, article, section, and more. 7 | Working with Figures and Images See demonstrations on how to include images and whole figures with captions in your HTML5 webpages. 8 | Working with Lists In addition to the list style tags we used in our HTML5 pages, learn how to create a semantically rich set of lists for creating ordered and unordered lists, definitions of terms, and more. 9 | Creating Tables The oft-maligned table still has a semantic purpose in HTML5: to display tabular information. See the many different ways to structure tabular data in HTML5. 10 | Creating Forms See how to add a rudimentary level of interactivity to your webpages by allowing users to input information via forms. Look at more than a dozen examples. 11 | Form Validation and Other Future HTML5 Form Enhancements Look toward new HTML5 form features used in Internet Explorer 10 and later. Check out the use of new input elements and attributes for creating richer forms. 12 | Understanding Cascading Style Sheets In Lesson 3, you worked with Bob to create an external Cascading Style Sheet that provides a simple but attractive aesthetic improvement to the HTML5 webpage. In this module, take the next steps. 13 | CSS3 Font and Text Properties Focus on the CSS properties specific to modifying font and text properties on HTML5 webpages, and learn about font-family stacks. 14 | CSS3 Color and Background Properties Find out how to modify the colors and backgrounds of various HTML5 elements using CSS3. 15 | CSS3 List and Table Properties In Lessons 7 and 8 you learned about Lists and Tables. In this lesson, learn various properties exposed by CSS3 that allow you to add a professional style to your Lists and Tables. 16 | CSS3 Box Properties Explore the important distinction between inline-display and block-display in HTML5 elements. For block-style elements, it is vital to understand the box model. 17 | Working with CSS3 Font-Face Learn about working with CSS3 Font-Face. Designers rely on typography to communicate and emote, along with the message of the text itself. The font-face is one more tool that designers can use. 18 | Embedding Video in HTML5 Dive back into HTML5, and examine the basics of the video tag to add progressively downloaded / pseudo-streamed video to your webpages. Explore the various available options. 19 | Working with the HTML5 Canvas See a simple example of how the HTML5 Canvas works at a high level. The HTML5 Canvas allows JavaScript-savvy developers to draw bitmapped images directly into HTML5 webpages. 20 | Working with SVG in HTML5 Learn about Scalable Vector Graphics, or SVG, which has been a web standard for many years but has gained renewed interest after being included in the HTML5 specification. 21 | Where to Go From Here Watch as Bob provides a roadmap for topics that can help you take your newfound knowledge much further. Topics include a short history of laying out webpages in HTML and CSS.
Views: 228 RG Edu
Inserting CSS Externally
 
08:00
CSS Introduction, CSS Syntax, Inline CSS, Internal CSS, External CSS, CSS Class, CSS Id,CSS Background, CSS Font,CSS Text, CSS Borders, CSS Lists, CSS Links, CSS Cursors, Cascading Style Sheets, Style Sheets,
Views: 176 Shaik Shahwali
Part 64   Implement sorting in asp net mvc
 
16:34
C#, SQL Server, WCF, MVC and ASP .NET video tutorials for beginners http://www.youtube.com/user/kudvenkat/playlists In this video, we will discuss, implementing sort functionality in an asp.net mvc application. We will be working with the same example that we started in Part 62. So, please watch Parts 62 and 63 before proceeding with this video. We want to support bi-directional sorting by Name and Gender columns. Here's the requirement 1. Name & Gender columns must be clickable hyperlinks 2. Clicking on the column headers should sort the data. If the data is not already sorted by the column on which you have clicked, the data should be sorted in ascending order. Clicking again on the same column should sort the data in descending order. 3. By default, the data should be sorted by "Name" in ascending order. By the end of this video, the output should be as shown below. Notice that "Name" and "Gender" columns are rendered as hyperlinks, which the user can click to sort data. Step 1: Modify the "Index()" action method in HomeController as shown below. public ActionResult Index(string searchBy, string search, int? page, string sortBy) { ViewBag.NameSort = String.IsNullOrEmpty(sortBy) ? "Name desc" : ""; ViewBag.GenderSort = sortBy == "Gender" ? "Gender desc" : "Gender"; var employees = db.Employees.AsQueryable(); if (searchBy == "Gender") { employees = employees.Where(x =] x.Gender == search || search == null); } else { employees = employees.Where(x =] x.Name.StartsWith(search) || search == null); } switch (sortBy) { case "Name desc": employees = employees.OrderByDescending(x =] x.Name); break; case "Gender desc": employees = employees.OrderByDescending(x =] x.Gender); break; case "Gender": employees = employees.OrderBy(x =] x.Gender); break; default: employees = employees.OrderBy(x =] x.Name); break; } return View(employees.ToPagedList(page ?? 1, 3)); } Step 2: Modify the code in Index.cshtml view as shown below. Please pay attention to the code highlighted with Grey colour. @using PagedList; @using PagedList.Mvc; @model PagedList.IPagedList[MVCDemo.Models.Employee] @{ ViewBag.Title = "Index"; } [link href="~/Content/PagedList.css" rel="stylesheet" type="text/css" /] [div style="font-family:Arial"] [h2]Employee List[/h2] [p] @using (@Html.BeginForm("Index", "Home", FormMethod.Get)) { [b]Search By:[/b] @Html.RadioButton("searchBy", "Name", true) [text]Name[/text] @Html.RadioButton("searchBy", "Gender") [text]Gender[/text][br /] @Html.TextBox("search") [input type="submit" value="search" /] } [/p] [table border="1"] [tr] [th] @Html.ActionLink("Name", "Index", new { sortBy = ViewBag.NameSort, searchBy = Request["searchBy"], search = Request["search"] }) [/th] [th] @Html.ActionLink("Gender", "Index", new { sortBy = ViewBag.GenderSort, searchBy = Request["searchBy"], search = Request["search"] }) [/th] [th] @Html.DisplayNameFor(model =] model.First().Email) [/th] [th]Action[/th] [/tr] @if (Model.Count() == 0) { [tr] [td colspan="4"] No records match search criteria [/td] [/tr] } else { foreach (var item in Model) { [tr] [td] @Html.DisplayFor(modelItem =] item.Name) [/td] [td] @Html.DisplayFor(modelItem =] item.Gender) [/td] [td] @Html.DisplayFor(modelItem =] item.Email) [/td] [td] @Html.ActionLink("Edit", "Edit", new { id = item.ID }) | @Html.ActionLink("Details", "Details", new { id = item.ID }) | @Html.ActionLink("Delete", "Delete", new { id = item.ID }) [/td] [/tr] } } [/table] @Html.PagedListPager(Model, page =] Url.Action("Index", new { page, searchBy = Request.QueryString["searchBy"], search = Request.QueryString["search"], sortBy = Request["sortBy"] }), new PagedListRenderOptions() { Display = PagedListDisplayMode.IfNeeded }) [/div]
Views: 60413 kudvenkat
HTML5 & CSS3 - 2.2 - CSS text modification
 
05:04
What's going on Everybody! Welcome to another great episode of HTML5 and CSS3. Today we are talking about text modification. Topics include custom text, font-family, size, and color. visit: http://www.academyofone.org View slides: https://s3-us-west-2.amazonaws.com/aoo.usstandard.1/Courses/Computer+science/HTML5+%26+CSS3/2+-+Intro+to+CSS3/2.02/PDF.pdf Download slides: https://s3-us-west-2.amazonaws.com/aoo.usstandard.1/Courses/Computer+science/HTML5+%26+CSS3/2+-+Intro+to+CSS3/2.02/PDF.pdf.zip Download powerpoint: https://s3-us-west-2.amazonaws.com/aoo.usstandard.1/Courses/Computer+science/HTML5+%26+CSS3/2+-+Intro+to+CSS3/2.02/Powerpoint.zip Download Transcript: https://s3-us-west-2.amazonaws.com/aoo.usstandard.1/Courses/Computer+science/HTML5+%26+CSS3/2+-+Intro+to+CSS3/2.02/Transcripts.zip Download video: https://archive.org/details/Finish_20130515 Download video (English Captions): https://archive.org/details/Untitled_20130523_1613
Views: 453 Academy of One
WordPress Child Themes 9: Fonts
 
05:38
This video describes, how you select a font for an element on your web page. It also shows, how you can use special fonts via the google web fonts API, and how you can download a font from Google fonts and create your own @font-face package. Links: Google web fonts: http://www.google.com/fonts/ Fontsquirrel font face generator: http://www.fontsquirrel.com/tools/webfont-generator
Views: 996 Marian Heddesheimer
Part 9  Generate hyperlinks using actionlink html helper
 
13:07
Text version of the video http://csharp-video-tutorials.blogspot.com/2013/05/part-9-generate-hyperlinks-using.html Slides http://csharp-video-tutorials.blogspot.com/2013/09/part-9-generate-hyperlinks-using.html All ASP .NET MVC Text Articles http://csharp-video-tutorials.blogspot.com/p/aspnet-mvc-tutorial-for-beginners.html All ASP .NET MVC Slides http://csharp-video-tutorials.blogspot.com/p/aspnet-mvc-slides.html All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd All Dot Net and SQL Server Tutorials in Arabic https://www.youtube.com/c/KudvenkatArabic/playlists In this video we will discuss, generating hyperlinks using actionlink html helper, for navigation between mvc pages. Please watch Part 8, before proceeding. We want to display all the employees in a bulletted list as shown below. Notice that all the employee names are rendered as hyperlinks. Adding Links between pages using html helpers.png When the hyperlink is clicked, the user will be redirected to employee details page, displaying the full details of the employee as shown below. Generate links using Html.ActionLink html helper.png Copy and paste the following Index() action method in EmployeeController class. This method retrieves the list of employees, which is then passed on to the view for rendering. public ActionResult Index() { EmployeeContext employeeContext = new EmployeeContext(); // Replace square brackets with angular brackets List[Employee] employees = employeeContext.Employees.ToList(); return View(employees); } At the moment, we don't have a view that can display the list of employees. To add the view 1. Right click on the Index() action method 2. Set View name = Index View engine = Razor Select, Create a stronlgy-typed view checkbox Select "Employee" from "Model class" dropdownlist 3. Click Add At the point, "Index.cshtml" view should be generated. Copy and paste the following code in "Index.cshtml". @* Replace square brackets with angular brackets *@ @model IEnumerable[MVCDemo.Models.Employee] @using MVCDemo.Models; [div style="font-family:Arial"] @{ ViewBag.Title = "Employee List"; } [h2]Employee List[/h2] [ul] @foreach (Employee employee in @Model) { [li]@Html.ActionLink(employee.Name, "Details", new { id = employee.EmployeeId })[/li] } [/ul] [/div] Points to Remember: 1. @model is set to IEnumerable[MVCDemo.Models.Employee] 2. We are using Html.ActionLink html helper to generate links Copy and paste the following code in Details.cshtml @Html.ActionLink("Back to List", "Index")
Views: 378718 kudvenkat
04 HTML5 - CSS3 Understanding the HTML5 You Wrote
 
25:26
Want to learn HTML5 and CSS3? Over the course of 21 episodes, our friend Bob Tabor, from DevU.com, teaches you the fundamentals of HTML5 & CSS3 programming. Tune in to learn CSS3 styles, concepts about webpages, and HTML5 features. Explore HTML5 and get CSS3 training that includes web principles, writing code, and much more! Each concept is broken into its own video so you can search for and focus on the information you need to learn HTML5 and CSS3. Instructors: Bob Tabor, DevU.com Founder; Clint Rutkas, Microsoft Technical Evangelist; Dan Fernandez, Microsoft Senior Director 1 | Series Introduction Get course expectations and a brief overview of the CSS3 and HTML5 training to come. 2 | Creating Your First HTML5 Webpage Warm up your keyboard, and get ready to work. Get fully immersed in what it takes to build an HTML5 webpage. 3 | Styling Your First HTML5 Webpage with CSS3 Apply a CSS3 style sheet to give the new page a simple but attractive appearance. 4 | Understanding the HTML5 You Wrote Build on what you learned in Lesson 2, as you worked with Bob to create a semantically correct HTML5 page. Take a look at each individual element's purpose. 5 | Working with Paragraphs and Text Explore the various semantic meanings of popular HTML5 inline tags useful for marking up text inside of paragraphs, including b, i, small, em, mark, span, and much more. 6 | Defining the Structure of Your Document Moving beyond the text, learn how to give semantic meaning to the various elements of a webpage using header, footer, aside, nave, h1 through h2, article, section, and more. 7 | Working with Figures and Images See demonstrations on how to include images and whole figures with captions in your HTML5 webpages. 8 | Working with Lists In addition to the list style tags we used in our HTML5 pages, learn how to create a semantically rich set of lists for creating ordered and unordered lists, definitions of terms, and more. 9 | Creating Tables The oft-maligned table still has a semantic purpose in HTML5: to display tabular information. See the many different ways to structure tabular data in HTML5. 10 | Creating Forms See how to add a rudimentary level of interactivity to your webpages by allowing users to input information via forms. Look at more than a dozen examples. 11 | Form Validation and Other Future HTML5 Form Enhancements Look toward new HTML5 form features used in Internet Explorer 10 and later. Check out the use of new input elements and attributes for creating richer forms. 12 | Understanding Cascading Style Sheets In Lesson 3, you worked with Bob to create an external Cascading Style Sheet that provides a simple but attractive aesthetic improvement to the HTML5 webpage. In this module, take the next steps. 13 | CSS3 Font and Text Properties Focus on the CSS properties specific to modifying font and text properties on HTML5 webpages, and learn about font-family stacks. 14 | CSS3 Color and Background Properties Find out how to modify the colors and backgrounds of various HTML5 elements using CSS3. 15 | CSS3 List and Table Properties In Lessons 7 and 8 you learned about Lists and Tables. In this lesson, learn various properties exposed by CSS3 that allow you to add a professional style to your Lists and Tables. 16 | CSS3 Box Properties Explore the important distinction between inline-display and block-display in HTML5 elements. For block-style elements, it is vital to understand the box model. 17 | Working with CSS3 Font-Face Learn about working with CSS3 Font-Face. Designers rely on typography to communicate and emote, along with the message of the text itself. The font-face is one more tool that designers can use. 18 | Embedding Video in HTML5 Dive back into HTML5, and examine the basics of the video tag to add progressively downloaded / pseudo-streamed video to your webpages. Explore the various available options. 19 | Working with the HTML5 Canvas See a simple example of how the HTML5 Canvas works at a high level. The HTML5 Canvas allows JavaScript-savvy developers to draw bitmapped images directly into HTML5 webpages. 20 | Working with SVG in HTML5 Learn about Scalable Vector Graphics, or SVG, which has been a web standard for many years but has gained renewed interest after being included in the HTML5 specification. 21 | Where to Go From Here Watch as Bob provides a roadmap for topics that can help you take your newfound knowledge much further. Topics include a short history of laying out webpages in HTML and CSS.
Views: 170 RG Edu

Lamictal 50mg Pills (Generic) 60 $150
Can take 100mg of benadryl to sleep
Nexazole generic cymbalta
Depakote 500mg uses
Apfelmus einkochen baclofen 10mg