A little something about everything

internet marketing and website development made simple..

Staggered Animation in CSS for Slideshow

Concept:

Staggered animation to create a slideshow from pure CSS and HTML5

Demo

The CSS:

div {
  width: 100px;
  height: 100px;
  background: red;
  position: relative;
  -webkit-animation: mymove 5s infinite; /* Safari 4.0 - 8.0 */
  -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
  animation: mymove 5s infinite;
  animation-delay: 2s;
}
div#two {
	animation: mymove 5s infinite;
  animation-delay: 5s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
  from {left: 0px;}
  to {left: 200px;}
}

@keyframes mymove {
  from {left: 0px;}
  to {left: 200px;}
}

And the HTML:

<div id="one"></div>
<div id="two"></div>

 

How to install Virtualmin on CentOS7, Simple step by step

To get started after installing CentOS7 you will need to follow these steps:

First Update CentOS

yum update

Install wget

yum install wget

Download Virtualmin

wget http://software.virtualmin.com/gpl/scripts/install.sh

Install Webmin

/bin/sh install.sh

You should now be able to access Virtualmin Control panel via https > your domain > port 10000

 

How to disable popup tips in Visual Studio Code

Visual Studio Code is a great stand alone code editor that is free from Microsoft. However, it does have a few annoying functions out of the box. The worst of them is the constant tool tips which can get in the way of code and in some cases open browser windows as you accidently click on these tool tips.

Here is how you can remove these tool tips

In all methods you will need to open the User Settings editor. To do this:

  • Click File > Preferences > Settings
  • Now expand "Text Editor"
  • Click on "Suggestions"
  • Click "Edit in Settings.json"

Now you will have the "{} User Settings" tab open. The pane on the left is the defaults and the pane on the right is where you can edit these settings. You will need to place the updates inside of the "{ code here, }" then click save. 

Method 1, update the suggestion delay so you can still have tips but they don't appear unless you hover over the element for some time.

  "editor.quickSuggestionsDelay": 1000,

Method 2, disable the hover function. You will still be able to use CtrlR + K and CtrlR + I as needed.

"editor.hover.enabled": false,

Method 3, disable completely. You don't want or need these tips and you want them to go away forever.

"editor.parameterHints": false,

 

That's it, your done!

Windows 10 Professional mouse stutter/lag Fix

One of the most annoying things about Windows 10 is random mouse lag/stutter. To clarify if you move your mouse in a constant circle and it pauses every few seconds this is the fix.

Disable Cortana!

Cortana is constantly recording and sending data to Microsoft, which causes system performance issues. This is most apparent on slower internet connections but can also be seen on all systems based on how much data Cortana is collecting and sending back to Microsoft.

Warning! Incorrectly editing your system registry can cause your system to stop functioning. Follow instructions accurately.

To disabled Cortana do the following:

  • "Windows" Key + "R" Key to open the run command
  • type in "regedit"
  • Navigate to "Computer\HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft\Windows"
  • Right click the "Windows" key folder and choose New > Key
  • Name this new key "Windows Search"
  • Now Right click the "Windows Search" key folder and choose New > DWORD (32-bit) Value
  • Name this "AllowCortana"
  • Close the registry editor and restart your computer.

That's it, your done. Mouse lag/stuttering should be fixed.