Kolja KoljaL

58 bytes of CSS to look great nearly everywhere

When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:

main {
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
}

PHP Form submitting

If we have the following structure in our application:

📁 application_folder_name
- 📄 index.php
- 📄 handle_form.php
- 📄 main.js

And we fill our index.php with the following content just to get a basic website with a form working. You should be able to run this through a php-server of your choice.

	<?php
	//* remove the first slash to toggle the enabled code
	$time = microtime( true );
	/*/
	$time = microtime();
	/**/

	// thanks @lamemind

	<?php
	// This file walks you through the most common features of PHP's SQLite3 API.
	// The code is runnable in its entirety and results in an `analytics.sqlite` file.


	// Create a new database, if the file doesn't exist and open it for reading/writing.
	// The extension of the file is arbitrary.
	$db = new SQLite3('analytics.sqlite', SQLITE3_OPEN_CREATE \| SQLITE3_OPEN_READWRITE);

	// Errors are emitted as warnings by default, enable proper error handling.

	<?php

	//url
	$redirect = "http://www.eyeofriyadh.com/events/";

	$event = getEvents($redirect);


	echo "Dates are : <br>" . $event;

	<?PHP
	/*
	* Sort Next/Previous Post Link Buttons Alphabetically
	*/
	function filter_next_post_sort($sort) {
	if (get_post_type($post) == 'portfolio_page') {
	$sort = "ORDER BY p.post_title ASC LIMIT 1";
	}
	else{
	$sort = "ORDER BY p.post_date ASC LIMIT 1";

	#!/usr/bin/env python
	# A simple script to suck up HTML, convert any images to inline Base64
	# encoded format and write out the converted file.
	#
	# Usage: python standalone_html.py <input_file.html> <output_file.html>
	#
	# TODO: Consider MHTML format: https://en.wikipedia.org/wiki/MHTML

	import os
	from bs4 import BeautifulSoup

	<!DOCTYPE html>
	<html>
	<head>
	<title>My Iframe</title>
	</head>
	<body>

	<button>Botão</button>

	<script type="text/javascript">

	/*------------------------------------------
	Responsive Grid Media Queries - 1280, 1024, 768, 480
	1280-1024 - desktop (default grid)
	1024-768 - tablet landscape
	768-480 - tablet
	480-less - phone landscape & smaller
	--------------------------------------------*/
	@media all and (min-width: 1024px) and (max-width: 1280px) { }

	@media all and (min-width: 768px) and (max-width: 1024px) { }