8 avsnitt

Web Design With .Net is a resource for web designers. Regular screencasts and articles about how to use Microsoft tools to design for the web.

You will find information on HTML, CSS and SASS, Javascript, MVC, WebForms, Microsoft SQL Server, Dependency Injection, Object Mapping, Service Oriented Architecture and design best practices.

Web Design With .Net Steven Woolston from Woolston Web Design

    • Teknologi

Web Design With .Net is a resource for web designers. Regular screencasts and articles about how to use Microsoft tools to design for the web.

You will find information on HTML, CSS and SASS, Javascript, MVC, WebForms, Microsoft SQL Server, Dependency Injection, Object Mapping, Service Oriented Architecture and design best practices.

    • video
    008: Finding Your Google My Business Information

    008: Finding Your Google My Business Information

    Sometimes it can be difficult to find your "Google My Business" information if you don't know the URL. You will need your Google account that is linked to your My Business account.

    • 1 min.
    • video
    006: Live Coding – Treasure Hunt For Easter Eggs

    006: Live Coding – Treasure Hunt For Easter Eggs

    Steven is a web designer in Brisbane, Australia and curator of http://www.webdesignwith.net. You can commission him for web development work via his website at https://www.woolston.com.au.

    I go through the Wordpress REST API, Javascript, HTML and CSS I used in order to make a very effective treasure hunt application.

    00:45 - Introduction and description of the project
    02:55 - Wordpress REST API
    05:16 - Wordpress Custom Post Type
    06:45 - Setting up the environment
    07:13 - Let's code
    27:50 - The finished product

    • 31 min
    • video
    007: Simple steps to change/move the root of your Git source repository

    007: Simple steps to change/move the root of your Git source repository

    Have you ever created a Git repository and then later realised you created it in the wrong level of the folder structure.

    Until now, I have dropped the repo and started again but the problem with that is loss of change history.

    I show you how to change the folder level of your Git repository without losing any history. In fact, the history that is added as a result of this process is indicative of the changes you made.

    I show you by using Wordpress as an example. Instead of just storing the Wordpress theme in the repository, I want to go higher up the folder structure and include the plugins and uploads too.

    But this process can be applied to any folder structure. And it's so easy.

    Find out more at https://www.woolston.com.au.

    • 9 min
    • video
    005: Using Grunt In Your Development Pipeline

    005: Using Grunt In Your Development Pipeline

    Steven is a web designer in Brisbane, Australia and curator of http://www.webdesignwith.net. You can commission him for web development work via his website at https://www.woolston.com.au.

    This video describes the changes that I made to my development and deployment pipeline. I wanted to move away from Visual Studio because it was becoming too difficult to manage. So I decided to migrate to Visual Studio Code and incorporate my grunt deployment pipeline.

    02:00 - Justification for making this change
    03:10 - Using VS Code and XAMPP
    04:30 - Justification for Grunt.js
    05:30 - Description of files in the VS Code folder
    06:20 - Overview of gruntfile.js
    08:00 - Set up Apache
    09:30 - Setup Wordpress locally on Apache/MySQL
    10:35 - Gruntfile configuration related to folder structure
    12:15 - Installing NPM packages from batch file
    16:40 - Setup new Wordpress theme and deploy files using Grunt
    22:40 - Deploying Grunt manually

    Remember to subscribe to our Youtube and ITunes channels so you can keep up with all new videos are they are released. Be sure to give good comments and rate as high as possible. High ratings allow us to produce more videos for you.

    • 26 min
    • video
    004: Bundle Your Assets In Visual Studio Projects

    004: Bundle Your Assets In Visual Studio Projects

    Steven is a web designer in Brisbane, Australia and curator of http://www.webdesignwith.net.

    This video is a description of how to bundle your assets in your Visual Studio projects. We talk about the difference between plain HTML syntax and how to incorporate your CSS and Javascript files. Then we show you a better way to bundle your CSS and Javascript files using MVC Bundles.

    02:00 - Setting the scene in plain old HTML
    04:10 - MVC Layout Pages
    06:40 - _ViewStart.cshtml explanation
    08:25 - Adding links to your CSS and JS files in plain HTML
    11:10 - Build and inspect the view
    12:35 - Explaining Bundle Config in MVC
    13:15 - Demonstrating what bundles look like in an MVC layout view
    14:50 - Digging into BundleConfig.cs
    16:05 - Explaining wildcards when including files in bundles
    22:45 - Justifying why bundles are useful within your projects

    Remember to subscribe to our Youtube and ITunes channels so you can keep up with all new videos are they are released. Be sure to give good comments and rate as high as possible. High ratings allow us to produce more videos for you.

    Til next time ...

    • 25 min
    • video
    003: Using SASS in Visual Studio Projects

    003: Using SASS in Visual Studio Projects

    Steven is a web designer in Brisbane, Australia and curator of http://www.webdesignwith.net.

    This video is a description of how to incorporate SASS into your Visual Studio projects. Using the application, Web Essentials, you can use SASS (CSS pre-processor) in your MVC and Web Forms projects. Web Essentials compiles the SASS into standard CSS so you can include the stylesheet in your project. All you need to do is reference the CSS file in your MVC bundle or Master File.

    03:20 - See an example on CodePen
    13:00 - Using SASS in Visual Studio
    14:00 - Bundling CSS into your MVC project
    16:00 - Web Essentials - module for compiling SASS in Visual Studio
    17:20 - Rename a CSS file to SCSS and let Web Essentials do the hard work

    Remember to subscribe to our Youtube and ITunes channels so you can keep up with all new videos are they are released. Be sure to give good comments and rate as high as possible. High ratings allow us to produce more videos for you.

    Til next time ...

    • 25 min

Mest populära podcaster inom Teknologi