Будущее интернета из 95-го года

Попался мне на глаза снятый в 1995 году видеоролик, в котором американские школьники рассказывают о своем видении будущего интернета. Уже тогда дети были уверены, что именно благодаря всемирной паутине можно будет найти информацию о том, как приготовить «кексики для любимого котика».

Ребятки озвучили и более практичные предсказания. Например, они говорили о том, что в будущем интернет сможет заменить телефон, телевизор, библиотеки, там можно будет делать покупки, работать и посещать ранее недоступные места.



Интересно то, что ролик создавался как социальная реклама, предназначенная для популяризации интернета.

А вот и сам ролик:

Архивирование файлов на php

В этом посте я покажу как на PHP заархивировать фалы в zip формат. Часто я вижу слишком грамоздкие скрипты предназначенные для этих целей. В моем примере всего несколько строк, просто взгляните! Используйте свободно для любых своих целей!

HTML

<form name="zips" method="post">
<input type="checkbox" name="files[]" value="flowers.jpg" />
<img src="files/image.png" />
flowers.jpg
<input type="checkbox" name="files[]" value="fun.jpg" />
<img src="files/image.png" />
fun.jpg
........
<input type="submit" name="createpdf" value="Скачать ZIP" />&nbsp;
<input type="reset" name="reset" value="Сбросить" />
</form>

PHP

Следующий код конвертирует выбранные файлы в ZIP формат.

<?php
$error = "";
if(isset($_POST['createpdf']))
{
$post = $_POST;
$file_folder = "files/"; // папка для загрузки файлов
if(extension_loaded('zip'))
{
// проверяем подгрузку расширения
if(isset($post['files']) and count($post['files']) > 0)
{
// проверяем выбранные файлы
$zip = new ZipArchive(); // подгружаем zip библиотеку
$zip_name = time().".zip"; // имя файла - текущее время
if($zip->open($zip_name, ZIPARCHIVE::CREATE)!==TRUE)
{
// открываем zip
$error .= "* Ошибка создания файла";
}
foreach($post['files'] as $file)
{
$zip->addFile($file_folder.$file); // добавление файлов в zip
}
$zip->close();
if(file_exists($zip_name))
{
// отправляем файлы на загрузку
header('Content-type: application/zip');
header('Content-Disposition: attachment; filename="'.$zip_name.'"');
readfile($zip_name);
// убираем файлы из кэша
unlink($zip_name);
}
}
else
$error .= "* Выберите файл!";
}
else
$error .= "* Нет расширения";
}
?>

Горячие клавиши sublime text 2

Как и обещал, вот вам отдельный пост о горячих клавишах sublime text 2.

Горячие клавиши изменяются по тому же принципу, что и все остальные настройки, и точно также вступают в силу сразу же после сохранения конфига. В случае какой-либо ошибки, вроде неправильной комбинации клавиш, вы можете узнать подробности в консоли (Ctrl + `). Там вообще можно найти много полезных данных. Обратите внимание на картинку — это ссылка на подробную карту горячих клавиш (случайно нашёл в сети).

Работа с текстом

Хоткей	Описание
ctrll	Выделить строку.
ctrl⇧m	Выделить текст между двумя парными скобками.
ctrl⇧a	Выделить текст между двумя парными тегами.
ctrl⇧j	Выделить текст с соответствующим отступом.
ctrl⇧space	Выделить по контексту.
ctrl⇧left	Выделить слово слева.
ctrl⇧right	Выделить слово справа.
ctrla	Выделить весь текст.
ctrl⇧l	Разделить выделенные строки на независимые участки редактирования.
ctrl⇧up	Переместить выделенные строки вверх.
ctrl⇧down	Переместить выделенные строки вниз.
ctrl⇧d	Дублировать строку.
ctrl⇧k	Удалить строку.
ctrlbackspace	Удалить часть слова до курсора.
ctrldelete	Удалить часть слова после курсора.
ctrl⇧backspace	Удалить текст от курсора и до начала строки.
ctrlk, ctrlbackspace	Удалить текст от курсора и до начала строки.
ctrl⇧delete	Удалить текст от курсора и до конца строки.
ctrlk, ctrlk	Удалить текст от курсора и до конца строки.
ctrlj	Объединить выделенные строки.
altq	Объединить строки в параграфе.
ctrlenter	Добавить пустую строку под курсором.
ctrl⇧enter	Добавить пустую строку над курсором.
ctrlaltup	Добавить курсор на следующей или предыдущей строке.
ctrlaltdown	Добавить курсор на следующей или предыдущей строке.
ctrl/	Добавить или убрать однострочный комментарий.
ctrl⇧/	Добавить или убрать блочный комментарий.
f9	Отсортировать строки в алфавитном порядке.
ctrlf9	Отсортировать строки в алфавитном порядке с учетом регистра.
ctrlk, ctrll	Трансформировать выделенный текст в нижний регистр.
ctrlk, ctrlu	Трансформировать выделенный текст в верхний регистр.
ctrlt	Транспонировать текст.
alt.	Закрыть незакрытый тег.
alt⇧w	Обернуть тегом выделенный текст.
insert	Переключить режим ввода: вставка или замена.
ctrlk, ctrlspace	Установить метку.
ctrlk, ctrla	Выделить текст от курсора до метки.
ctrlk, ctrlx	Поменять местами метку и курсор.
ctrlk, ctrlw	Удалить метку.
ctrlk, ctrlg	Удалить все метки.
ctrl]	Убрать отступ.
ctrl[	Добавить отступ.
ctrly	Повторить последнее действие.
ctrlc or ctrlinsert	Копировать.
ctrlv or ⇧insert	Вставить.
ctrl⇧v	Вставить с отступом.
ctrlx	Вырезать.
⇧delete	Вырезать.
ctrlz	Отмена последнего действия.
ctrl⇧z	Повторить последнее отмененное действие.
ctrlu	Отменить последние выделение.
ctrl⇧u	Повторить последние отмененное выделение.

Поиск и замена

Хоткей	Описание
ctrlf	Открыть панель поиска.
ctrlh	Открыть панель поиска и замены.
ctrl⇧f	Открыть панель поиска и замены по всем файлам проекта.
ctrli	Открыть панель быстрого поиска и поиск.
ctrl⇧i	Открыть панель быстрого поиска и поиск в обратном направлении.
alta	Включить или выключить режим сохранения регистра на панели поиска и замены.
altr	Включить или выключить использование регулярных выражений на панели поиска и замены.
f6	Включить или выключить проверку правописания.
altc	Включить или выключить чувствительность к регистру на панели поиска и замены.
altw	Включить или выключить режим поиска слова целиком на панели поиска и замены.
altenter	Найти все.
ctrl`	Показать панель.
⇧enter	Поиск в обратном направлении.
ctrlaltenter	«Заменить все» на панели поиска и замены.
ctrl⇧h	Заменить текст далее.
f3	Поиск.
⇧f3	Поиск в обратном направлении.
f4	Переход к следующему результату поиска по всем файлам.
⇧f4	Переход к предыдущему результату поиска по всем файлам.
ctrlf3	Быстрый поиск.
ctrl⇧f3	Быстрый поиск в обратном направлении.
ctrld	Найти и выделить текст.
ctrlk, ctrld	Пропустить выделенный текст.
altf3	Найти все.
ctrle	Скопировать слово или выделенный текст в окно поиска.
ctrl⇧e	Скопировать слово или выделенный текст в окно замены.
ctrlf6	Перейти к следующей ошибке.
ctrl⇧f6	Перейти к предыдущей ошибке.
ctrlp	Открыть окно поиска файла «Goto Anything...».
ctrlr	Открыть окно перехода к функциональному блоку.
ctrlg	Открыть окно для перехода к заданной строке.
ctrl;	Открыть окно для перехода к заданному слову.

Фолдинг

Хоткей	Описание
ctrl⇧[	Свернуть код.
ctrl⇧]	Развернуть код.
ctrlk, ctrl1 - 9	Свернуть код соответсвующего уровня.
ctrlk, ctrl0 or ctrlk, ctrlj	Развернуть все.
ctrlk, ctrlt	Свернуть атрибуты тегов.

Навигация

Хоткей	Описание
ctrlaltp	Открыть окно выбора проектов.
ctrlf2	Установить или снять закладку.
f2	Перейти к следующей закладке.
⇧f2	Перейти к предыдущей закладке.
altf2	Выделить все закладки.
ctrl⇧f2	Удалить все закладки.
ctrlk, ctrlc	Переместить экран к курсору.
ctrlup	Прокрутка окна редактирования.
ctrldown	Прокрутка окна редактирования.
ctrlm	Переместить курсор к парной скобке.

Управление окнами

Хоткей	Описание
alt0 - 9	Выбор соответствующей вкладки.
ctrltab	Переключиться на следующую вкладку.
ctrlf4	Закрыть вкладку.
ctrl⇧tab	Переключиться на предыдущую вкладку.
ctrlpageup	Переключиться на вкладку слева.
ctrlpagedown	Переключиться на вкладку справа.
alt⇧1 - 5	Управление количеством и расположением областей редактирования.
alt⇧8 - 9	Управление количеством и расположением областей редактирования.
ctrl1 - 4	Переключиться в соответсвующую область.
ctrl⇧1 - 4	Переместить вкладку в соответствующую область.
f11	Развернуть окно во весь экран.
⇧f11	Переключиться в «Отвлеченный режим».
ctrlk, ctrlb	Показать или скрыть боковую панель.
ctrl0	Переключить фокус на боковую панель.
ctrln	Создать новую вкладку.
ctrlw	Закрыть текущую вкладку.
ctrl⇧n	Создать новое окно.
ctrl⇧w	Закрыть окно.

Работа с файлами

Хоткей	Описание
ctrlo	Вызвать окно «Открыть файл».
ctrl⇧t	Открыть последний закрытый файл.
ctrls	Сохранить текущий файл.
ctrl⇧s	Вызвать окно «Сохранить как».
alto	Переключение между файлами представления и реализации.

Разное

Хоткей	Описание
ctrl⇧p	Открыть окно списка функций.
ctrlplus	Увеличить размер шрифта.
ctrlminus	Уменьшить размер шрифта.
ctrlq	Запустить или остановить запись макроса.
ctrl⇧q	Вопроизвести макрос.
ctrlalt⇧p	Отобразить в статусной строке название контекста, в котором находится курсор.
f7	Выполнить
ctrlb	Выполнить
ctrl⇧b	Выполнить
ctrlbreak	Отменить выполнение

Подтверждение формы без перезагрузки страницы

Привет, %username%!
В этом примере я покажу тебе, как при помощи аякс можно создать форму, которая при подтверждении данных не будет перезагружать страницу!

JS:
Обратите внимание на dataString

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js">
</script>
<script type="text/javascript" >
$(function() {
$(".submit").click(function() {
var name = $("#name").val();
var username = $("#username").val();
var password = $("#password").val();
var gender = $("#gender").val();
var dataString = 'name='+ name + '&username=' + username + '&password=' + password + '&gender=' + gender;

if(name=='' || username=='' || password=='' || gender=='')
{
$('.success').fadeOut(200).hide();
$('.error').fadeOut(200).show();
}
else
{
$.ajax({
type: "POST",
url: "join.php",
data: dataString,
success: function(){
$('.success').fadeIn(200).show();
$('.error').fadeOut(200).hide();
}
});
}
return false;
});
}); </script>

HTML:
Сама форма:

<form method="post" name="form">
<ul><li>
<input id="name" name="name" type="text" />
</li><li>
<input id="username" name="username" type="text" />
</li><li>
<input id="password" name="password" type="password" />
</li><li>
<select id="gender" name="gender">
<option value="">Пол</option>
<option value="1">Муж</option>
<option value="2">Жен</option>
</select>
</li></ul>
<div >
<input type="submit" value="Submit" class="submit"/>
<span class="error" style="display:none"> Ошибка! Введите норм данные</span>
<span class="success" style="display:none"> Регистрация успешно завершена</span>
</div></form>

join.php
Именно этот код будет обрабатываться посредствам aJax. Т.е. при нажатии на кнопку 'submit' будет выполненно следуещее:

if($_POST){
$name=$_POST['name'];
$username=$_POST['username'];
$password=$_POST['password'];
$gender=$_POST['gender'];
mysql_query("*ваш sql запрос..");
}else { }
?>

PHP - скачивание файлов (а не открытие)

Поговорим о скачивании файлов. Думаю тема давно заезженная, но все же черкну пару строк.
К примеру, если оставить прямую ссылку на pgf файл, типа:

<a href='files/price1.pdf'>скачать</a>

то в современных браузерах файл сразу же в нем и откроется. В случаях, когда необходимо не открывать файл а качать - Content-type и Content-Disposition вам в помощь. Вот пример кода, для закачки файла, а не открытия:

header('Content-type: application/pdf');
header("Content-Disposition: attachment; filename=\"files/price1.pdf\"");
$x = fread(fopen("files/price1.pdf", "rb"), filesize("files/price1.pdf"));
echo $x;

Создаем пхп файл download.php и заливаем эти строки в него (предварительно, сомособой, изменив их).

Для множества файлов добавляем $_GET переменную id, вытаскиваем по ней название файла из БД и отправляем на загрузку.

Указание media-типа используется для передачи сведений о формате содержимого в HTTP-транзакциях. Клиенты используют media-типы в своих заголовках Accept для того, чтобы сообщить, в каких форматах они предпочитают принимать данные. Серверы используют media-типы в заголовках Content-Type, чтобы сообщить клиенту о том, в каком формате передается прилагаемое содержимое: то ли это HTML, который нужно форматировать, то ли это GIF или JPEG, требующий визуализации, то ли это данные в формате PDP, для которого нужно открывать внешнюю программу просмотра или использовать дополнительное приложение.

Список всех media-типов

Я просто оставлю это здесь

Совершенно безобидная формулировка на сайте «Роскомнадзора»:
"Список доменных имен, в отношении которых в первой половине июля 2012 г. были направлены требования в иностранные компании о прекращении делегирования прав на их использование или об удалении незаконно размещенной информации."



Вот так вот.. А ведь это только начало

По теме — грустно. Но будет интересно посмотреть на тот цирк, который начнётся с закрытием ютуба. Либо наши законодатели спустят всё на тормозах и распишутся в своей некомпетентности и бессилии (в который раз), либо, что еще интереснее, ютуб и ЛЖ всё-таки перекроют и получат милионы лучей поноса на свои светлые головы.

Трейлер: Java the Javatar