• ↓
  • ↑
  • ⇑
 
01:27 

Колонки одной высоты



В последнее время постоянно сталкиваюсь с проблемой вытягивания всех колонок на одинаковую нефиксированную высоту. Решения гуглятся легко, но пусть тут лежат, чтобы не потерялись:

Four Methods to Create Equal Height Columns и ее перевод на хабре.
Колонки одинаковой высоты, самый простой способ - хаброответ на предыдущую статью

@темы: css, small useful things

19:10 

Адаптивный дизайн

В последнее время все больше проектов делаю с использованием media queries и концептов адаптивного дизайна. Наткнулась на очень полезную статью на тему "куда девать навигацию на маленьком экране????????" =))) - Responsive Navigation Patterns

Fluid type - и сразу еще одна интересная статья, в этот раз на тему размера шрифта. Очень нужная мысль про 45-75 символов на строку и ее практическое применение в виде

Lorem ipsum dolor sit amet, consectetur adip*isicing elit, sed do eiusmod *tempor incididunt ut labore et dolore magna aliqua.

@темы: design, theory

14:15 

html5 или Лучше когда-то, чем никогда =)))



Я села, наконец, за освоение html 5 - надо же когда-то начинать. В основном пока интересуют основные теги layout (как оно по-русски? оО), т.к. они сейчас вроде как поддерживаются всеми современными браузерами.

Coding An HTML 5 Layout From Scratch - начинаю со статьи еще 2009 года, которая все еще актуальна и содержит как раз необходимые базовые вещи.

Краткие записи или Что полезного я вытащила из статьи:

читать дальше

@темы: html

23:11 

Много, ОЧЕНЬ много CSS-кнопок!



50 amazing CSS button sets
- 50(!) потрясающих сетов CSS-ных кнопок от WebDesignShock! Много вкусного и многому можно поучиться...

@темы: UI, css, set

21:17 

Золотые правила успешной кнопки



Золотые правила успешной кнопки
- хорошая статья на Хабре про кнопки =)

@темы: UI, design, theory

12:38 

Кнопочки



Zocial CSS social buttons
-вот эти вот красоты сделанные на чистом css. Прелестно. Увидеть живьем

@темы: UI, css, downloads

12:23 

jQuery вкусняшки от Codrops!

Сегодня у нас в меню jQuery вкусняшки от Codrops!

1.

Typography Effects with CSS3 and jQuery
- очень красивые извращения над текстом при помощи css3 & JQuery. Демки


2.

Elastic Image Slideshow with Thumbnail Preview
- очень необычный слайдер! Полностью респонсив (как оно по-русски? оО) и красиво двигается =) Посмотреть

@темы: jQuery

01:15 

Еще кусочек jQuery

Этот кусочек кода отслеживает скроллинг окна вниз и назначает нужный класс при скроллинге ниже видимости объекта. Очень модный в последнее время эффект - даже на главной дайров есть =)))

var theLoc = $('#nav').position().top;
$(window).scroll(function() {
if(theLoc >= $(window).scrollTop()) {
if($('#nav').hasClass('fixed')) {
$('#nav').removeClass('fixed');
}
} else {
if(!$('#nav').hasClass('fixed')) {
$('#nav').addClass('fixed');
}
});

@темы: important, jQuery, small useful things

15:46 

jQuery ListNav Plugin - полезный плагин для списков...

@темы: downloads, important, jQuery

13:19 


@темы: color

13:18 


@темы: color

13:18 


@темы: color

13:17 


@темы: color

13:16 


@темы: color

12:42 

Красивое и функциональное меню



Orman Clark’s Vertical Navigation Menu: The CSS3 Version
- подробный туториал по созданию вот такого красивого меню с CSS3, jQuery и минимумом рисунков.
Демо

+ ввожу новый тег - nav - чтобы легче было искать идеи для меню...

@темы: tutorial, nav, jQuery, inspiration, css

00:54 

Две вкусняшки от css-tricks

Вкусняшка первая:



Вот такая вот надпись силами чистого css =) (картинка кликабельна и ведет на статью)

Вкусняшка вторая:





Новые ютубные кнопочки. Воссоздание =))) (и тут картинка тыкабельна)

@темы: tutorial, small useful things, css, UI

17:51 



How to Create a Grunge Web Design in Photoshop
- хороший туториал по созданию красивого сайта. Много полезных фишек...

@темы: tutorial, photoshop

16:34 

Grunge Style In Modern Web Design



Grunge Style In Modern Web Design - стиль Grunge в веб-дизайне. Коротенький introduction и куча ссылок на материалы, туториалы и прочие ресурсы по теме. «Everything you would ever need for a perfect design in a grunge style» (c)

The Secrets Of Grunge Design - еще одна статья про Grunge. На этот раз стиль разбирается по элементам и + хороший набор примеров.

Статьи написаны в 2008 г., ссылки не все рабочие, но интересно наблюдать, насколько за 3 года изменились сайты, приводимые в пример.

P.S. У Smashing Magazine околоэппловский дизайн оО Сначала ютуб, теперь и тут... Скоро интернет станет весь серым и скучным...

@темы: tutorial, theory, set, inspiration, downloads, design

18:26 

CSS3 Button Maker



CSS3 Button Maker
- очень, ОЧЕНЬ полезный инструмент от CSS Tricks. Конструируем кнопочку прямо в браузере и получаем готовый код. Я не фанат css3-градиентов, но иногда такие кнопки необходимы...


@темы: instrument

17:47 

Ничего не понятно, но так красиво...



CARNETTE
- понятия не имею о чем сайт, но он такой красивый О_О Он в схожем стиле как и редизайн ютуба, но выглядит намного привлекательнее. Рисованные иконки очень оживляют, а на кнопки просто идеальны...


@темы: inspiration

Библиотека Вашта Нерада

главная