The light sensor on a Lego Mindstorms NXT robot can be used to help the robot navigate obstacles or follow light sources. Learn how to program light sensors and the calibration program in the Lego Mindstorms NXT robotics system using movement blocks within the NXT programming ...more
HTML / XHTML / CSS
Hot HTML / XHTML / CSS Posts
This is a Cascading Style Sheet (CSS) Tutorial that will help you position an image using a Div layer.
In this episode of Full Disclosure we are explaining the website attack known as Cross-Site Scripting (XSS). Cross-Site Scripting is a type of security vulnerability that affects web applications that do not sanitize user input properly. This kind of vulnerability allows an "a ...more
Getting Started Steps for Beginners If you are brand new to Expression Web 4, then read the following guide to quickly set up your web site and web pages. Set up an Empty Web Site Click Site and choose New Site. This will open a new dialog window. In the dialog window, Choo ...more
In the embed code for a video, you can change certain numbers for the width and height of your video in HTML. In this screencast, I show you how to do this quickly and simply.
If you want your Lego Mindstorms robot to perform one task repeatedly, it will be much more efficient to use a loop. Learn how to program loops in the Lego Mindstorms NXT robotics system within the NXT programming environment. Program loops in the Lego Mindstorms NXT system. C ...more
A look at how to manually create forms with Delphi. Creating forms as they are needed can make your application start faster and take up less resources.
This Delphi tutorial looks at how to take advantage of the OnDrawColumnCell event on the TDBGrid component. In particular it examines how to make every second row a different colour (Sky Blue) and how to change the appearance of the text depending on the data.
Learn how to program a Lego Mindstorms NXT robot to perform multiple tasks simultaneously in the NXT programming environment. Program multiple tasks in Lego Mindstorms NXT. Click through to watch this video on ortop.org
Using variables allows your Lego Mindstorms NXT robot to store numbers or text based on input. Learn how to program variables using the NXT programming environment. Program variables in the Lego Mindstorms NXT system. Click through to watch this video on ortop.org
Have you ever gone to websites and seen an entire URL address you have to copy and paste into your browser window? Is the thought of having such an inconvenience on your page making you wish there was a better way? Today is your lucky day because success is going to teach you ...more
See how to add a background image to an CSS image container div with this handy hand-coder's guide. Whether you're using a fancy WYSIWYG (or what-you-see-is-what-you-get) page editor like Adobe Dreamweaver CS5 or a barebones text editor like Notepad, if you want to build websi ...more
In this clip, you will see how to create a cool parallax effect with some CSS and images. Whether you're using a fancy WYSIWYG (or what-you-see-is-what-you-get) page editor like Adobe Dreamweaver CS5 or a barebones text editor like Notepad, if you want to build websites, you'l ...more
In this free web developer's guide, you will learn the basic of creating a basic CSS layout. Whether you're using a fancy WYSIWYG (or what-you-see-is-what-you-get) page editor like Adobe Dreamweaver CS5 or a barebones text editor like Notepad, if you want to build websites, yo ...more
See a very simple way to create a two-column layout with pure CSS. Whether you're using a fancy WYSIWYG (or what-you-see-is-what-you-get) page editor like Adobe Dreamweaver CS5 or a barebones text editor like Notepad, if you want to build websites, you'll need to have some und ...more
This how to video shows how to put an HTML hyperlink on a web page. It starts with the basic code to simply insert the link and have that link open in the same window. The code appears as follows: <a href="http://www.website.com">Text that will show up on the page </a>. The ex ...more
In this video tutorial, find out how to copy and paste HTML links embedded in the text with a breeze. No longer will you have to worry about re-entering every single link one by one. This video will give you a quick and easy solution to solving your most worrisome problem. Enjoy!
This tutorial shows how you can combine text and pictures on your HTML page.
You can create a free website using HTML. HTML is hyper text mark up language. Create a folder "my webpage" with all of the images and information for the webpage. Use notepad to write the HTML for the website. Notepad plus is the best which can be found on Sourceforge. Open t ...more
Using three layers of alpha transparent PNG files, we can can create a pseudo 3-dimensional looking background for a web page using the parallax effect. This video screencast covers how to do that from start to finish. Since Internet Explorer 6 and under do not support alpha t ...more
Learn how to automate tasks in Windows using batch files. Learn basic commands that can be used in batch files and how to use commands from other programs to create batch files.
Delphi controls have an owner and parent property, find out what the difference is and how to use them when programming in Delphi.
A liquid layout will change size as the browser also changes size. It's a good layout to use if you're trying to design a website that can be read on many different size screens and browsers. Here's how you can implement a liquid layout in three minutes.
Jimmy R shows you how to make a website from scratch using just a text editor (notepad), HTML and CSS in 30 minutes.
Lego Mindstorms NXT robots are capable of displaying images, text and/or feedback on their screens. To get them to do this you have to learn how to program display blocks in the NXT programming environment. Program display blocks in the Lego Mindstorms system. Click through to ...more
This is a tutorial on CSS floats, which shows you the difference between relative and absolute positioning on your website. This also touches a little bit on the fixed position, so you can figure out which style is the best for your own website.
In this movie we look at how you can use Align and Margins to control how your visual controls behave when you resize your form.
Programming a Lego Mindstorms robot to do more than just move continuously involves using the wait block within the NXT programming environment.. Learn how to use wait blocks to program your robot to respond to certain conditions including touch and sound. Program wait blocks ...more
Here are five different techniques you can use to create rounded corners for boxes on a website. There are always different ways to do things with CSS and rounded corners is a great example of that. Each of these five techniques has advantages and disadvantages. Knowing all of ...more
Sometimes you just can't achieve what you want in Delphi programming using anchors and alignment. You'll then want to take advantage of the OnResize event.
In this clip, you'll learn how to use the Notepad++ text editor to create XHTML 1.0-strict templates. For more information, including a complete demonstration, and detailed, step-by-step instructions, as well as to get started creating your own XHTML templates, take a look.
A tutorial on how to create a blog from scratch using HTML and CSS.
To open the body of an HTML first open the HTML document, to do so write an open bracket, then html, the close the bracket. Next press enter. Type another open bracket, then type the word body, then type a closed bracket. Next press enter again. Now you can type an open bracke ...more
You can connect your Nintendo Wii Wiimote to your PC using GlovePie input emulation software and a bluetooth connection. Learn how to program conditionals - if, if/then, and if/else statements - in GlovePie.
In this three-part video tutorial, a HTML/CSS expert shows how to build a web page from scratch with a case study example. He begins with a basic text web page and advances up through graphics, CSS, and more. Part 1 of 3 - How to Start & design a basic web page from scratch. ...more
Interested in learning how to code and create a modern website from scratch? Let this eight-part video tutorial series be your guide. It's easy and this series presents a complete, step-by-step overview of the process. For more information, including detailed instructions, and ...more
Learn about the ScaleBy Method to resize controls and their children. This can be useful in creating Forms that are resolution independent.
If you want your Lego Mindstorms NXT robot to function as accurately as possible youneed to understand how to get data from the viewing sensors via the NXT brick. Learn how to use the NXT brick and the NXT programming environment to view and change light, sound, or touch senso ...more
Start with the free Google Docs, which you can get with any Gmail account. Then get one of the free web form templates (this video uses the Contact Us form as an example) and then edit and embed it on your own website.