• Vb.net Login Password Cracker

    // davisde // Tutorials 3 Responses

    Based on jakash3’s C password cracker, this is a VB.net front-end for it.

  • Hubris – Free Game Of The Week

    // davisde // Games No Responses

    This is a full release of Hubris, a short, atmospheric game like Dear Esther or The Funeral. There is no interaction or narrative, simply a world to absorb and (I hope) emotions to experience.

  • “Zerg Rush” Easter Egg

    // davisde // Cool Sites No Responses

     

    “Zerg Rush” is a Starcraft term used to describe an overwhelming scale of attack. Searching “Zerg Rush” in Google opens up a cool little interactive attack.

  • New Responsive Website

    // davisde // Microblog 5 Responses

     I’m sure you guys are wondering what I’ve been doing for the last couple of weeks. I’ve been hard at work on a new responsive website. It “responds” to fit whatever screen it’s being viewed on, whether it be a standard computer screen or a smartphone.

    (more…)

  • Make A Simple Responsive Website

    // davisde // Programming Tips 14 Responses

    [vc_row][vc_column width=”2/3″][vc_separator][venera_framed_image content_type=”video” css_animation=”appear” frame_type=”browser” slider_engine=”flexslider” video_link=”https://www.youtube.com/watch?v=RSoWg29wPVc” browser_url=”https://www.youtube.com/watch?v=RSoWg29wPVc”][vc_separator][/vc_column][vc_column width=”1/3″][/vc_column][/vc_row][vc_row][vc_column width=”2/3″][vc_tabs][vc_tab title=”About This Project” tab_id=”1402713028-1-39e9a4-2f88123b-77946048-92947b1b-34c3″][vc_column_text]

    A responsive website is a website that changes it’s size and shape so that it can be viewed properly on any device. This is a tutorial that shows you the steps on how to make your own responsive website. Before jumping in, it’s best to watch my beginners guide to HTML and CSS at the links below.

    [/vc_column_text][/vc_tab][vc_tab title=”Code” tab_id=”1402753910272-3-8123b-77946048-92947b1b-34c3″][vc_button title=”View sample Site” target=”_blank” icon=”none” size=”btn-huge” href=”http://tinkernut.com/demos/315_responsive/index_responsive.html”][vc_column_text]

    How Does A Responsive Website Work?

    A new addition to CSS3 is an element called a Media query, so if you haven’t already, take a look at my CSS tutorial before continuing. A media query allows CSS code to be executed only when certain constraints are met. For instance, you can set the media query to turn the background color of the webpage blue only when the browser size is 480px. So using media queries, you can have several different sets of CSS for your website that can be activated for many different devices or any browser sizes.

     

    How To Create Media Queries

    Media Queries are elements of CSS3, so they go in the CSS portion of your webpage. Normally the CSS is located in the header using style tags. To create a media query, just add the code below to your CSS:

    <style>
@media {
}
</style>

    Then after the @media declaration, you can set the parameters you want to target, such as browser size or device size. For browsers, you can use the max-width attribute. For devices, you can use the max-device-width attribute. To set the media parameters in between a maximum value and a minimum value, you can use both the max-width and min-width attributes within the same parameter.

    <style>
@media screen and (max-width:480px){
}
</style>

    This is an example of a max and min parameter:

    <style>
@media screen and (max-width:800px) and (min-width: 480px){
}
</style>

    The only thing left to do now is to add your own custom CSS code in between the curly brackets. The CSS can be minimal changes, or you can completely change the design and makeup of the entire site. How much or how little is completely up to you.

    <style>
@media screen and (max-width:480px) {
     div.main{
	width:300px;
     }
     div.row2col1{
	font-size:0.5em;
     }
     img{
	width: 250px;
     }
     p.welcome {
	font-size:0.8em;
     }
     p.content {
	font-size:0.7em;
     }
					
}
</style>

     

     

    Sample Website Code

    Below is a finished copy of the webpage code used in the video:

    <html>
	<head>
		<title>My Data</title>
		<style>
			b{
			color:#000000;
			}
			a{
			text-decoration:none;
			color:grey;
			}
			img{
			display:block;
			margin:auto;
			}
			p.welcome {
				text-align:center;
				font-family: “verdana”;
				font-size:1.875em;
				color:white;
				font-style:bold;				
			}
			p.content {
				font-family: “verdana”;
				font-size:1em;
				color:white;
				font-style:italic;				
			}
			div.main{
				width:50%;
				margin:auto;
				background:#251111;
			}
			div.row1{
			width:100%;
			}
			div.row2{
			width:100%;
			}
			div.row2col1{
				float:left;
				margin:0;
				padding:1em;
				color:white;
			}
			div.row2col2{
				margin-left:25%;
				background-color:#0A1616;
				padding:1em;
				border:15px solid #251111;
			}
			body{
				background-color:#393635;
				color:white;
			}
			@media screen and (max-width:480px) {
					div.main{
						width:300px;
					}
					div.row2col1{
						font-size:0.5em;
					}
					img{
						width: 250px;
					}
					p.welcome {
						font-size:0.8em;
					}
					p.content {
						font-size:0.7em;
					}
					
			}
			@media screen and (max-width:800px) and (min-width: 480px) {
					div.main{
						width:600px;
					}
					div.row2col1{
						font-size:0.7em;
					}
					img{
						width: 400px;
					}
					p.welcome {
						font-size:1em;
					}
					p.content {
						font-size:0.8em;
					}
					
			}
		</style>
	</head>
	<body>		
		<div class="main">
			<div class="row1">
				<img src="logo.jpg"/>
			</div>
			<div class="row2">
				<div class="row2col1">
					Navigation
					<hr align="left" width=75%>						
						<ul>
							<li><a href="about.html">About Me</a></li>
							<li><a href="http://www.google.com">Google</a></li>
						</ul>
				</div>
				<div class="row2col2"><p class="welcome" >Welcome to my data page!</p><p class="content" >This page is a work in progress that will eventually show places for data input, as well as data recall. Check back here for updates and more information! Thanks for visiting!</p>
				</div>
			</div>

		</div>
		
	</body>
</html>

     

    [/vc_column_text][/vc_tab][vc_tab title=”Important Links” tab_id=”1402753981900-3-10123b-77946048-92947b1b-34c3″][vc_column_text]

    Important Links:

    Help support my channel:

    [/vc_column_text][/vc_tab][/vc_tabs][/vc_column][vc_column width=”1/3″][/vc_column][/vc_row]

  • Install Smartphone Apps In Windows

    // davisde // Software Tips 17 Responses



    Play, use and backup your apps to your PC using the Bluestacks android emulator. This video shows you how to set up and use it as well as some simple hacks to get the most out of Bluestacks.

    Links used in this video:
    Bluestacks – http://bluestacks.com
    Android Market apk – http://forum.xda-developers.com/showthread.php?t=1298332
    Increase storage size – http://forum.xda-developers.com/showpost.php?p=18432723&postcount=33

  • Identify Faked Photos

    // davisde // Multimedia Tips 14 Responses



    Want to know if a photo has been faked in Photoshop? Here are some tips to help you find out the truth.

    Links used in this video:
    www.fotoforensics.com

  • Vintage Microsoft BOB Unboxing 1995

    // davisde // Software Tips 7 Responses



    Footage of Microsoft BOB Unboxing for April fools day 2012.

    Tinkernut Home

  • Reviving A Dead Hard Drive

    // davisde // Computer Hardware 14 Responses


    Learn the signs of a dying hard drive and found out how to recover data from one that is dead or almost dead.

    Drive Sounds – http://datacent.com/hard_drive_sounds.php
    HDD Raw Copy Tool – http://hddguru.com/software/HDD-Raw-Copy-Tool

    http://www.tinkernut.com/chat
    http://www.tinkernut.com/forum

  • The Art Of Phishing

    // davisde // Hacks 18 Responses


    Phishing is a means of fooling people into giving you their private information. This video shows the basics of how phishing schemes work so that you can avoid becoming a victim.

    http://www.tinkernut.com/chat
    http://www.tinkernut.com/forum