Chrome is a great browser but sometimes it has a lot of security features that end up conflicting with your code and what you're trying to do. For example, they added a feature that won't play a video on a website if the sound is enabled. It will block it because it doesn't want the user hearing an unwanted video. Using the HTML5 video tag, if I were to add a video to a page that has the controls visible, autoplays, and loops the code would look like this: <video controls autoplay loop> <source src="movie.mp4" type="video/mp4"> </video> The issue with this is Chrome [...]
About adminThis author has not yet filled in any details.
So far admin has created 222 blog entries.
Sometimes there will be times when you'll need to take a body of XML information and apply CSS styles to it. Luckily, it's not too hard to do. Let's say you have an XML document that looks like this (the content about the movie is not accurate): <?xml version="1.0" encoding="utf-8" standalone="yes"?> <movie> <title>Monty Python and the Holy Grail</title> <rating>PG-13</rating> <reviews> <rotten>100%</rotten> <metacritic>100%</metacritic> </reviews> <director compensation="$100,000,000">Some really funny guy</director> <boxoffice>$1,000,000,000,000</boxoffice> </movie> If I wanted to style the title, rating, director, and the other tags I would need to apply CSS to this file. To do that you would need this line of [...]
Sometimes we want our content to make a cool entrance on a webpage. Luckily, using CSS and HTML, we can do just that by easily fading something onto the page. First thing we'll need to do is create a HTML page like so: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Select Tag</title </head> <body> <div id="fademe">Fade me in!</div> </body> </html> This is your typical HTML page that has a div with an id of fademe. We will be fading the div in later with the text "Fade me in!". The first thing we'll need to do is create the CSS inside the [...]
Today we are talking about how to create unselectable instructions in a HTML select drop down menu. In HTML, when you create a drop down menu using the <select> tag, there will be times when you'll want to give the user instructions inside the menu itself but not allow them to select the instruction option. For example, let's say we want to give the user the ability to select what shipping they want for an item they are ordering. Our select tag would look something like this: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Select Tag</title> </head> <body> <select> <option>USPS</option> <option>UPS</option> <option>FedEx</option> [...]
In Camtasia 9, there is a feature that has been around for a while called "Smart Focus." What it tries to do is read the video and zoom in and out when Camtasia feels it's necessary. For example, let's say you were making a screen recording about creating a new folder on your desktop. When you right click on the screen and the menu pops up, Camtasia's SmartFocus would hopefully recognize that as a time where it needs to zoom in on the video so the user could more easily see what's on the screen. It's not perfect but if you [...]
SkillForge SkillSheet Microsoft Access 2010/13/16 Keyboard Shortcuts Click here to download the PDF version. Frequently Used Shortcuts In order to… Press Select the active tab of the ribbon and activate KeyTips Alt or F10 (to move to a different tab, use KeyTips or the arrow keys) Open the Home tab Alt+H Open the Tell me box on the ribbon Alt+Q, then enter the search term Display the shortcut menu for the selected item Shift+F10 Move the focus to a different pane of the window F6 Open an existing database Ctrl+O or Ctrl+F12 Show or hide the Navigation Pane F11 Show [...]
Video version of this blogpost: When working on a website that is either hosted or local on your computer, sometimes you'll need a database for it. Back in the day, you would need to know SQL and how to run those commands in some sort of prompt. Nowadays, we have phpMyAdmin which is a graphical user interface for SQL. You can click, type in text boxes, and after a while, you'll have a database created along with tables, columns, user permissions, etc. To use phpMyAdmin, you'll need to either install hosting software on your computer such as XAMPP, MAMP, LAMP, or WAMP. Or, you [...]
What is the DOCTYPE? When coding in HTML you will see this really weird looking line up there at the top. It usually looks like this: <!DOCTYPE html> Simply enough, this line tells the browser what version of HTML is being used to create the website. Back in the day, with HTML4, DOCTYPES were really long lines of text that were almost impossible to remember because they looked like this: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> and <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> and <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> Depending on if you wanted the language to be [...]
This little snippet of code will show you how to center content in a div horizontally and vertically using HTML and CSS. This, in the past, used to be semi-difficult. Now, using CSS flexbox display property, it's actually quite easy. First, we'll create a simple HTML skeleton with a div that has a class called "centerMe" inside the body tag: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Center Content Horizontally and Vertically</title> </head> <body> <div class="centerMe"> I will be centered in the div horizontally and vertically </div> </body> </html> Now that we have the starting HTML, we can add the CSS inside [...]
Video of this tutorial: Hello everyone! In this post today I'll be showing how to create a basic HTML file using my favorite text editor Brackets. Brackets is great because it's free, cross-platform, and has some really nice features when using HTML5. Here is what their home page looks like: Click here to download Brackets The first thing you'll want to do is download and install Brackets or whatever editor you want to use. If you really wanted to, you could use good ol' Notepad in Windows and that would work fine. Once it's finished installing, open it [...]
In this tutorial, you will learn how to colorize a black and white photo in Photoshop. Want to learn more about Photoshop? Visit our Photoshop Training Classes page to enroll in one of our live, instructor-led Photoshop classes. You'll learn about Photoshop from an experienced instructor while being able to ask questions and discuss projects you are working on. https://youtu.be/Obg_WkmwH4o
Announcing Our New Tableau Training Classes Companies around the world are collecting more data than ever - about their customers, their sales and many other aspects of their business. With all of this data, though, the problem becomes how to analyze, make sense of it - and more importantly - make sound business decisions based on it. Business Intelligence tools have increased in popularity in the last few years to help companies do just that. One of the tools that is particularly popular currently is Tableau. Tableau offers five products currently: Tableau Desktop (both Personal and Professional Editions), Tableau Server, Tableau [...]
Recently a student posed a question during a Microsoft Project class. How does one format the bars of a Gantt chart to look the same for each unique summary task? Something that may look like this. It begins with creating a custom flag field for each summary task. In Microsoft Project a flag field is a basic Boolean value. A simple yes/no field to identify further action. They are created using the Custom Fields button on the Format tab within the Gantt Chart Tools of the ribbon. The Custom Fields button opens a separate dialog box with many options. Our first [...]
Often times the information you need isn’t stored as a field within a database. As a matter of fact, certain fields make more sense to calculate whenever they are needed instead of storing the value in a table. Microsoft Access 2013 makes this very easy. To create a calculated you will need a query in Design View. Select the Create tab and in the Queries group click Query Design button. The QBE (Query by Example) window opens and the Show Table dialog box is ready for you to add the table or tables you need. Once the table / tables are [...]
You find yourself working in an Access table filtering out some unnecessary data and it dawns on you this filtering is something you’ll end up doing frequently. It would make sense to store this process as a query in the database. Okay, so now I have to switch over to the Create tab and design a new query based on the filter I just applied. Or do I? You can actually save the filter you just applied as a query. The process is simple. Go to the File tab and choose Save As > Save Object As > Save As. Once [...]
Long ago in the far off land of Switzerland something very interesting began, and Al Gore wasn’t there. 1989 Tim Berners-Lee proposes an Internet based hypertext system for sharing documents between disparate operating systems while working as a contractor at CERN (European Organization for Nuclear Research). If you’re interested CERN is derived from Conseil Européen pour la Recherche Nucléaire. 1991 The first publicly available description of HTML. It consisted of 18 elements greatly influenced by SGML (Standard Generalized Markup Language). 1993 First proposal of HTML as a specification to the IETF (Internet Engineering Task Force). At the same time Dave Raggett [...]
https://youtu.be/jI5mOFZKsZ0 In this free tutorial, you'll learn about the new templates that come with Adobe Photoshop CC 2017 that can make starting a web, photo or print project easier and faster. For more Photoshop training visit our Photoshop Training page.
In a recent Microsoft Project class a question arose concerning the default task duration, which is set in days. This student had recently been working on a deployment project and the default duration was too broad. It needed to focus on a smaller time-frame and it made perfect sense to set the task duration to hours. An excellent question and the answer couldn’t be easier. To change the default duration for the tasks in a project we need to use the backstage options Microsoft Project makes available. By choosing the File tab and selection Options we are taken to the Project [...]
https://youtu.be/Jm5IjiDEhpo In this free tutorial, you'll learn about the new settings to control individual (left/right) eyes using the Face-Aware Liquify tool in Adobe Photoshop CC 2017. Learn more about Photoshop in our Photoshop training courses.
This is just a quick note to add to the others articles on Photoshop’s recent 2017 Release. The Type Tool has a new addition. Wait for it… The Type Tool now offers access to Emoji’s. I know…
November of 2016 has seen an update to the Adobe Creative Cloud Suite which includes Photoshop. I have already posted one article on the changes to the New Document window and another article on the updates to the Liquify Filter. The focus of this article will be on the changes to the Properties Panel in Photoshop CC 2017. The last couple of updates have seen improvements to the Property Panel, but this by far is the biggest change. Take a look at this screen capture of the 2015.5 Property Panel in use. The Properties Panel contains absolutely no information about the [...]
If you remember the last update to Photoshop (Summer 2016) we shared a post about the new Liquify Filters Face-Aware feature. It turned out to be a wonderful addition. The filter addition would naturally recognize the facial region and let you modify eyes, nose, mouth, and face shape. Working on a face or multiple faces became much easier. But there was a drawback…there was only one set of adjustment tools for the eyes. Which meant the changes would be applied equally to both eyes. Photoshop CC 2017 has addressed this issue and has fixed it. The Liquify Filters Face-Aware settings include [...]
Sometimes the changes to an application are subtle, sometimes not so much. Last year’s Start Workspace in Photoshop was one of those not so subtle changes. Just a few weeks back Adobe’s Creative Cloud application suite updated to its 2017 version and Photoshop has added another one of those not so subtle changes. Selecting File > New in the menu bar or the New button within the Start Workspace has resulted in dialog box similar to this for a number of years. If you expanded the Document Type menu you were presented with several choices including; Clipboard, Default Photoshop Size, U.S. [...]
Somewhere in the neighborhood of 18 to 20 years ago I sat down one weekend with a book, a computer, and a few images and put together my first basic website. It was about artists from the Impressionist movement and was not anything to brag about with one exception, I built it myself, using Notepad. That was the era of HTML 3.2 moving toward HTML 4.0. Netscape was my browser of choice and most pages used tables for layout. A lot has changed in the following years but one thing remains…most people don’t know that HTML has a q tag to [...]
Getting corporate America to make the move to HTML5 seemed to take longer than any other transition we’ve seen in the past. In part I’m sure due to the long development process. From first working draft in January of 2008 to stable recommendation in October of 2014, that’s almost 7 years. There are many compelling reasons to make the change but the one we will focus on today deals with forms and an easier way of inputting a date. Early on the primary means of capturing a date was supplying a simple textbox and a visual example of the formatting. It [...]
In recent years Microsoft has included several add-ins to boost Excels usage in the world of Business Intelligence. They include Power Map, Power Query, Power Pivot, and our topic of discussion today, Power View for Excel 2013. Each of these ship with the Professional Edition of Excel 2013 but need to be added through the Options Panel. After going through this process I was more than surprised to find Power View was still unavailable. So this posting will help those of you experiencing the same dilemma I faced recently. First things first. This is what my Insert tab looked like after [...]