Вспоминая о SmartDoc`е и Антохе Ермоленко, хочется раскрыть в своих «записках», как же все таки создать sfx архив (т.е. Windows`овский «.exe» архив).
Пример условных операторов на bash
Пример контента адаптирующегося по ширине экрана
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<div id="pagewrap">
<p>Измените размер окна браузера</p>
<h3>Четырехколоночная</h3>
<div class="wrapper grid4">
<div class="col">
<div>Колонка 1</div>
</div>
<div class="col">
<div>Колонка 2</div>
</div>
<div class="col">
<div>Колонка 3</div>
</div>
<div class="col">
<div>Колонка 4</div>
</div>
<div class="col">
<div>Колонка 5</div>
</div>
<div class="col">
<div>Колонка 6</div>
</div>
<div class="col">
<div>Колонка 7</div>
</div>
<div class="col">
<div>Колонка 8</div>
</div>
</div>
<!-- /wrapper -->
<h3>Трехколоночная</h3>
<div class="wrapper grid3">
<div class="col">
Колонка 1
</div>
<div class="col">
Колонка 2
</div>
<div class="col">
Колонка 3
</div>
<div class="col">
Колонка 4
</div>
<div class="col">
Колонка 5
</div>
<div class="col">
Колонка 6
</div>
</div>
<!-- /wrapper -->
<h3>Двухколоночная</h3>
<div class="wrapper grid2">
<div class="col">
Колонка 1
</div>
<div class="col">
Колонка 2
</div>
<div class="col">
Колонка 3
</div>
<div class="col">
Колонка 4
</div>
</div>
<!-- /wrapper -->
<h3>На всю ширину</h3>
<div class="wrapper fullwidth">
<div class="col">
Колонка 1
</div>
</div>
<!-- /wrapper -->
</div>
</body>
</html>
CSS:
body {
background: #fff;
color: #666;
font: 85%/140% Arial, Helvetica, sans-serif;
width: 800px;
max-width: 96%;
margin: 0 auto;
}
a {
color: #69C;
text-decoration: none;
}
a:hover {
color: #F60;
}
h1 {
font: 1.7em;
line-height: 110%;
color: #000;
}
h1, h2, h3 {
color: #000;
}
h3 {
border-top: solid 1px #eee;
padding: 20px 0;
margin: 20px 0 0;
font-size: 150%;
}
p {
margin: 0 0 20px;
}
/* set html5 elements to block */
div.col, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
#pagewrap {
width: 978px;
max-width: 96%;
margin: 0 auto;
}
.wrapper {
overflow: hidden;
}
/************************************************************************************
COLUMN
*************************************************************************************/
.col {
background: #eee;
float: left;
margin-left: 3.2%;
margin-bottom: 30px;
}
.fullwidth .col {
float: none;
margin-left: 0;
}
/* grid4 col */
.grid4 .col {
width: 22.6%;
}
/* grid3 col */
.grid3 .col {
width: 31.2%;
}
/* grid2 col */
.grid2 .col {
width: 48.4%;
}
/* clear col */
.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
margin-left: 0;
clear: left;
}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* reset cols to 3-column */
@media screen and (max-width: 400px) {
/* grid4 */
.grid4 .col {
width: 31.2%;
}
.grid4 .col:nth-of-type(4n+1) {
margin-left: 3.2%;
clear: none;
}
.grid4 .col:nth-of-type(3n+1) {
margin-left: 0;
clear: left;
}
}
/* reset cols to 2-column */
@media screen and (max-width: 300px) {
/* grid4 */
.grid4 .col {
width: 48.4%;
}
.grid4 .col:nth-of-type(3n+1) {
margin-left: 3.2%;
clear: none;
}
.grid4 .col:nth-of-type(2n+1) {
margin-left: 0;
clear: left;
}
/* grid3 */
.grid3 .col {
width: 48.4%;
}
.grid3 .col:nth-of-type(3n+1) {
margin-left: 3.2%;
clear: none;
}
.grid3 .col:nth-of-type(2n+1) {
margin-left: 0;
clear: left;
}
}
/* reset cols to fullwidth */
@media screen and (max-width: 200px) {
/* grid4 */
.col {
width: 100% !important;
margin-left: 0 !important;
clear: none !important;
}
}
div.col > div {
border: 1px solid red;
width: 213px;
margin: 0 auto;
}
Читать далее «Пример контента адаптирующегося по ширине экрана»
Шаблон демона на bash
Шаблон демона на bash:
javascript-linux
Много в интернете описано и Bellard`овском linux на javascript, а вот скачать…
Skype 4.1
Выход Skype 4.0 прошел мимо меня (учитывая найденные уязвимости, наверное это к лучшему), да и огорчил он пользователей изрядно, отсутствием возможности запуска второго экземпляра приложения.
Диалоговые окна в bash (zenity)
Всем понятно, что иной раз для выполнение мелких (или не очень) задач проще написать программу или скрипт. В linux системах для этого есть мощнейший инструмент — bash. Однако возникает потребность иной раз создать диалог (графический) с пользователем, для этого придумали ряд утилит (kdialog, gdialog для KDE и Gnome соответственно), но поскольку я больше предпочитаю LXDE, то дальше пойдет речь об одном из таких вариантов, а именно zenity.
Захват изображения с камеры в консольном линуксе
Делали мы как-то товарищу «умный» дом…
Прилепили туда вот это и еще много чаго…
Встал вопрос при входе запечатлеть входящего, снимать ролики было лениво, да и конвертить их под последующую трансляцию через web….
Вопрос решился захватом кадров с камеры вот такой командой:
Читать далее «Захват изображения с камеры в консольном линуксе»
Skype+Ubuntu
Если Skype долго держать включенным под Ubuntu то рано или поздно он зависает, никак не уведомляя пользователя, что на самом деле все плохо… «Костыль» инсайд…
Спецсимволы HTML
| Имя | Код | Пример | Описание |
|---|---|---|---|
| |   | неразрывный пробел | |
| ¡ | ¡ | ¡ | перевернутый восклицательный знак |
| ¢ | ¢ | ¢ | цент |
| £ | £ | £ | фунт стерлингов |
| € | € | валюта евро | |
| ¤ | ¤ | ¤ | денежная единица |
| ¥ | ¥ | ¥ | иена или юань |