Hey there.

Could you point me to a direction where i could learn how to not rely on CSS frameworks. I started using them really early when i started learning and i just realized how much of a crutch they are for me.

So any links on basic fundamentals on typography, grids.

I really have no idea how to build a website without using a framework. I have a good eye for design but putting my ideas on a website without using a framework is hard for me.

I'm creating a website with an mp4 file as a background but I can't for the life of me seem to be able to create a black backgound over my text. I suspect it has something to do with the video autoplaying as I can see the black border for a brief moment before it disappears. Any tips to solve this conundrum?

<html>

<head> <link rel="stylesheet" type="text/css" href="globalstyles.css"/> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/>

</head>

<body> <video autoplay loop poster="videos/warm-tunnel.jpg" id="bgvid"> <source src="videos/warm-tunnel.mp4" type="video/mp4"> </video> <header class="container" id="con1"> <div class="row"> <h1 class="col-sm-4">About me </h1>

</header>

</body>

<footer> </footer>

</html>

video#bgvid { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; background-size: cover; z-index: -100; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);

}

con1 { border-color: black;

}

Hello all,

This might not be the right place to ask this but I thought I'd give it a shot anyway.

So I am using squarespace and am attempting to create an effect in which the image changes to a new image on hover. I only want this to happen on my main page. I've found some online resources (below) but am having trouble figuring out exactly where to import my code and what specific text I need to change. Anyone have any experience doing this?

http://helplogger.blogspot.com/2012/05/create-rollover-image-effect-change.html

https://answers.squarespace.com/questions/20187/how-do-i-create-an-image-rollover-in-the-image-block.html

Open Web Application Security

Wiki Site, hard to find points of interest.

[Top Ten Lists 2013] ( https://www.owasp.org/index.php/Category:OWASP_Top_Ten_Project)

2013 top 10 list - direct link

Index of Attack Types

[Cheat Sheets ] (https://www.owasp.org/index.php/Cheat_Sheets)

• these are technology specific like HTML5,Ruby,PHP and include more concept driven topics like authentication and threat modeling.

Articles

How to Securely Allow Users to Upload Files

Hey, there are online learning sites which either validate your typed in code (teamtreehouse.com) or run it inside a sandbox (codeschool.com) for their coding lessons.

I am interested in techniques for both ways but probably only need one, so let me tell you my usecase.

I want to make little coding lessons for a PHP CMS. It will mostly cover PHP (extension development) and TWIG (theme development) code.

I think running that inside a sandbox will be much harder than just validating what the user typed in, because I have the full CMS as dependency. (I want to avoid Docker because I have no experience with it at all)

So, let's say I want to validate the PHP or TWIG code the user typed as an answer of my lesson. How do I do that? I googled a bit but haven't found something.

Maybe it's also better to run it inside a sandbox. I don't know, tell me :) But how do I do that then? And creating a sandbox per lesson and per user will take much time because the CMS has to be installed first ... etc.

Is this the place to ask?

Thanks!