Ознакомьтесь с нашей политикой обработки персональных данных
  • ↓
  • ↑
  • ⇑
 
Записи с темой: html (список заголовков)
11:33 

Цвет фона внутри cmd

❖ Мышка-программышка в стране Информатике ❖ Друг — это тот, кто тебя знает, но всё равно любит
Внутри окна оболочки командной строки cmd можно изменять цвет фона и текста. Например, сделать в стиле Norton Commander:
color 1b
color 9e
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor euismod ante eu maximus. Cras accumsan.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor euismod ante eu maximus. Cras accumsan.

Это может быть удобным, например, для использования в bat-файлах, чтобы окно с запущенным скриптом хоть чем-то визуально отличалось от аналогичных. Поэтому удобно прописывать смену цветов первой строкой в bat-файле. Напоминаю, что @ в начале строки bat-файла означает, что команда выполнится, но не будет печататься на экране.
@color 1b

Можно задавать одну или две 16-ричных цифры: 1) изменится цвет текста; 2) первая цифра определяет цвет фона, вторая — цвет текста. Запуск color без параметров возвращает цветовую схему к исходному виду. Подробный список цветов можно увидеть в справке:
color /?

Таблица разрешённых цветов

Кстати, окну с выполняемым bat-скриптом можно задать собственный заголовок. Но не забываем, что если хочется использовать в заголовке кириллицу, файл должен быть сохранён в кодировке OEM 866.
@title Commander Window Caption

@темы: Цвет, Мелочи под рукой, cmd, bat, HTML, Color, CSS

16:33 

SVG-блог

❖ Мышка-программышка в стране Информатике ❖ Друг — это тот, кто тебя знает, но всё равно любит
Нашла сайт со сногсшибательными SVG-демками:


Пусть сайт лишён приличного дизайна, да и шут с ним, с дизайном, когда там столько «вкусных» вещей. Особенно радует то, что некоторые из имеющихся там примеров написаны ручками, и оттого вполне удобочитаемы. Во всяком случае, мне, как начинающей в SVG, это кажется очень удобным. Взять, например, матрицу ⇑ или анимацию Инь-Ян ⇑. Напоминаю, что исходный текст SVG-объектов смотрим точно так же, как и HTML- или XML-исходники (например, в Firefox это Ctrl+U).

А ещё мне очень нравится, что автор, некий Marek Raida (кстати, улыбчивый дядька, судя по фотографиям), любит оформлять свои впечатления от летних путешествий этакими тематическими презентациями. Например, фотоотчёт об Индонезии ⇑, Норвегии ⇑, Ирландии ⇑. Он на всю катушку использует интерактивность, которая достигается благодаря связке SVG + Javasсript (+ HTML5 в некоторых работах). На мой взгляд, вещи получаются потрясающие!

А нашла я этот кладезь чудес, как водится, случайно, когда пыталась отыскать хоть какие-нибудь следы SVG-демок, некогда находившихся на сайте Adobe, а ныне испарившихся в неизвестном направлении. Дяденька, видимо, вовремя подсуетился и успел их собрать на своей страничке. Как он сам говорит, у некоторых из этих демок проблемы с кросс-браузерной совместимостью, но несмотря на это, многие из них превосходно подходят для того, чтобы представить силу SVG начинающим (смотрите тему Old Adobe SVG samples are back again...).

@темы: HTML 5, HTML, CSS 3, JavaScript, SVG, XML, Анимация, Мелочи под рукой, Ссылки

10:11 

Именованные HTML-цвета

❖ Мышка-программышка в стране Информатике ❖ Друг — это тот, кто тебя знает, но всё равно любит
Источник: ⇑ W3Schools и ⇑ DevGuru
А также:
⇑ Color Picker — оттенки цвета от тёмного к светлому
⇑ Color Mixer — результат смешения двух цветов
⇑ Kuler® — генератор тем от Adobe®

Имена цветов, отпределённых в спецификациях HTML и CSS (16 основных плюс 130 дополнительных). При клике по имени цвета можно увидеть, как он выглядит в качестве фона.

Основные цвета HTML: Aqua, Black, Blue, Fuchsia, Gray, Green, Lime, Maroon, Navy, Olive, Purple, Red, Silver, Teal, White, Yellow.

Таблица отсортирована по именам цветов. Продолжение — в комментах.

Цвета от AliceBlue до SeaGreen

@темы: Цвет, Мелочи под рукой, Theme, SVG, HTML, Color, CSS

16:57 

JavaScript: официальная документация

❖ Мышка-программышка в стране Информатике ❖ Друг — это тот, кто тебя знает, но всё равно любит
Ням-ням, какие вкусности :) А если серьёзно, то более всеобъемлющего справочника по Javasсript, в котором было бы буквально всё-всё-всё, на русском языке я пока ещё не встречала:

WDH.suncloud.ru

Только одно «но»: справочник не нов, далеко не нов, и потому содержит некоторые устаревшие моменты. Однако на помощь приходит официальная документация от Mozilla Developer Network!

MDN Doc Center


И не забываем про интересные статьи здесь:


@темы: MDN, HTML, JavaScript, CSS, DOM, Ссылки

14:39 

Неочевидности XHTML

❖ Мышка-программышка в стране Информатике ❖ Друг — это тот, кто тебя знает, но всё равно любит
Вот-вот, сама сталкивалась с этой проблемой, и поначалу приходилось решать её довольно корявым способом — отказываясь от спецификации XHTML, и ставить в качестве DOCTYPE старый добрый HTML 4.01. Только сравнительно недавно поборола эту неприятность [ай-яй-яй, подглядела код CSS на страничке diary.php :)]. А буквально сейчас нашла ещё одну статью в подтверждение решения неудобства:



Итак, коротко о задаче: как установить 100% высоты и отцентрировать таблицу.
Так же коротко о выходе из проблемы:
1. Прописываем для body и html свойство height в 100%:

2. Устанавливаем для таблицы свойства margin-left и margin-right в значение auto (разумеется, здесь имя класса centered придано таблице в качестве примера):

@темы: Ссылки, Владимир Петров aka VAP, XHTML, HTML

10:18 

CSS-справочник

❖ Мышка-программышка в стране Информатике ❖ Друг — это тот, кто тебя знает, но всё равно любит
Любимейший мой справочник и путеводитель по миру HTML и CSS — это, несомненно, htmlbook.ru Влада Мержевича, подробнейший и удобнейший. Да-да, вы не ослышались, это реклама ;-)

htmlbook.ru





Сегодня через рекламу в том же любимом справочнике вышла на ещё один подобный сайт:

xiper.net - основы и секреты front-end разработки || HTML и CSS приемы, Обучение верстке

@темы: Ссылки, Реклама, Мержевич, HTML, CSS

13:04 

Почему на клавиатуре так мало клавиш? ))

❖ Мышка-программышка в стране Информатике ❖ Друг — это тот, кто тебя знает, но всё равно любит
Есть несколько символов, которые в печатных текстах встречаются практически постоянно, но которых никогда не было и не будет на клавиатуре, потому что держать их там действительно нерационально. Когда занимаешься чисто программированием, то нехватки таких символов даже и не замечаешь. Однако последнее время мне приходилось обрабатывать тексты для размещения на сайте, и в этом случае такие символы весьма и весьма пригодились.

Выучила Alt-набор для них наизусть, теперь ввожу исключительно с клавиатуры )) Если кто не помнит…

Запишу коды здесь, чтобы были под рукой, приведу также их соответствие в Unicode в десятиричном виде:


" кавычка ALT + 0034 Unicode " то же "
& амперсанд ALT + 0038 Unicode & то же &
' апостроф ALT + 0039 Unicode ' в XML '
[ левая квадратная ALT + 0091 Unicode [
] правая квадратная ALT + 0093 Unicode ]
‚ ALT + 0130 Unicode ‚ то же ‚
„ ALT + 0132 Unicode „ то же „
… многоточие ALT + 0133 Unicode … то же …
‘ ALT + 0145 Unicode ‘ то же ‘
’ апостроф литературный ALT + 0146 Unicode ’ то же ’
“ ALT + 0147 Unicode “ то же “
” ALT + 0148 Unicode ” то же ”
• bullet ALT + 0149 Unicode • то же •
— длинное тире ALT + 0151 Unicode — то же —
  неразрывный пробел ALT + 0160 Unicode   то же  
§ параграф ALT + 0167 Unicode § то же §
© copyright ALT + 0169 Unicode © то же ©
« левая кавычка «ёлочкой» ALT + 0171 Unicode « то же «
® registered ALT + 0174 Unicode ® то же ®
° degree ALT + 0176 Unicode ° то же °
· middle dot ALT + 0183 Unicode · то же ·
» правая кавычка «ёлочкой» ALT + 0187 Unicode » то же »


На самом деле, конечно, существует ещё куча подобных символов, но в данный момент именно эти нужны мне чаще всего.

Поясню, как в этом списке оказался символ (ALT + 0146): тот, кто программирует на JavaSсript и для ограничения строковых констант пользуется апострофами, а не кавычками, знает, что если в тексте встречается апостроф, то его приходится записывать escape-последовательностью \'. Однако, если апостроф нужен в чисто литературных целях, советую заменить его именно этим символом — тем самым избежите лишних слешей в строке.
Строго говоря, в действительности этот символ не является апострофом — ни стандартным, ни литературным, и носит название right single quotation mark, то есть представляет собой закрывающую одинарную кавычку.



По этой ссылке, к сожалению, не самый полный список спецсимволов, но наиболее часто используемые здесь точно найдутся:

HTML Help — Entities

запись создана: 08.02.2010 в 14:54

@темы: Ссылки, Мелочи под рукой, Клавиатура, Unicode, HTML

15:14 

CSS: условные комментарии

❖ Мышка-программышка в стране Информатике ❖ Друг — это тот, кто тебя знает, но всё равно любит

Не будите спящего программиста

главная