Додому Блог Сторінка 3

Вкладки (таби) з нескінченною вкладеністю

Вкладки (таби) досить затребуваний інструмент у розробці сайтів. І це зрозуміло, компактність, можливість подання великого обсягу інформації без переходів і прокручування сторінок, все це робить вкладки такими популярними. Раніше ми не раз розглядали тему створення вкладок, як з допомогою невеликих плагінів jQuery, так і без використання javascript, виключно на чистому CSS. Так як тема цікавить читачів, відповідно виникає маса питань.

Нова добірка з 25 фотогалерей і слайдерів на jQuery

Доброго дня всім! Зовсім не давно я викладав не велику добірку з пяти фотогалерей і слайдерів на jQuery. Це як ви розумієте мінімум від того, що створено і реалізовано на даний момент. Не беруся сказати скільки існує галерей, слайдерів і фотоальбомів, різних форм і способів виконання, думається мені, що дуже і дуже багато, так як кожен веб-розробник, веб-дизайнер ні — ні та і звертається до цієї теми.

Види обрамлення клітинок у таблиці через стиль

Дуже часто виникає потреба сконцентрувати увагу користувача на окремій частині вмісту таблиці. Для цього існує безліч способів і рішень. В цій великій статті розглянемо види обрамлення клітинок у таблиці допомогою стилів.В результаті не хитрих дій у нас повинне вийти наступне: Тепер давайте подивимося з допомогою чого досягається такий результат і як редагувати параметри обрамлення. В першу чергу нам потрібен сам код створення таблиці на сторінку, виглядати він буде так: <table style=width: 70%; height: 40%; border=2px cellspacing=10px bordercolor=black>

Найпростіше зміна розміру зображення

Часто і досить клопітно доводиться шукати спосіб виведення зображень з ефектом збільшення оного одним кліком. Сьогодні розповім про найпростішому на мій погляд способі. Звичайно використовуючи цю фішку ми не побачимо жодних ефектів і слайдово-галерейних штучок, але необхідної мети зміни розміру зображення добємося у легку.І так, дивимося на приклад, а точніше для збільшення картинки просто сміливо жмякните на неї один раз, подвійний клік, поверне картинку до початкових розмірів:Щоб повністю переконатися в простоті використання такого ефекту, давайте розглянемо з допомогою чого досягається такий результат:<img title= name=myImage onclick=javascript:myImage.height=240;myImage.width=320 ondblclick=javascript:myImage.width=160;myImage.height=120 src=images/feb476f8fc92.jpg alt= width=160 height=120 />У налаштуваннях виведеного зображення ви, я думаю, з легкістю розберетесь.

Новий відеокурс про роботу в фреймворку CakePHP

Доброго дня всім! Буквально на днях, хлопці з команди WebForMySelf створили для вас безкоштовний міні-курс, момтоящий з пяти відеоуроків, які допоможуть вам ближче познайомитися з одним з найбільш дивовижних і зручних у роботі PHP-фреймворків – CakePHPВивчивши ці уроки ви зможете зрозуміти базові принципи роботи CakePHP, ознайомитеся з усіма плюсами і мінусами цього каркаса, на власні очі переконаєтеся у його простоті та могутності.

Висуваються бічне меню на чистому CSS

Бічні меню, що висуваються по кліку, останнім часом широко використовуються розробниками сайтів. Найвідоміше, на даний момент, це звичайно ж меню навігації, упаковане під кнопки в стилі «гамбургер». Напевно кожен з вас хоча б раз зустрічав в інтернеті сайт, на якому збоку, праворуч або ліворуч, красується кнопа такого виду: ? , при натисканні на яку зявляється(висувається) панелька з вертикальним меню.Існує маса готових рішень для створення таких панелей з допомогою jQuery, окремі плагіни та модулі для різних систем управління сайтом. Це все дуже навіть добре, але чи можна, для реалізації бічних слайд-панелей обійтися виключно засобами CSS? Звичайно можна! Але обережно ))), з оглядкою на те, що не всі браузери однаково добре підтримують сучасні властивості CSS3.Не так давно, «видав на-гора» рішення і приклад роботи панелі висувається зверху.

FlatMagazine — чудова тема WordPress з адаптивним дизайном

Сьогодні я хочу познайомити вас з чудовою преміум-темою WordPress під назвою FlatMagazine. Це багатофункціональна преміум-тема WordPress з адаптивним дизайном якісно пророблена в журнальному стилі, відмінно підійде для сайтів будь-якої тематики, але найкраще, весь потужний функціонал цієї теми, направити для створення новинного сайту.

Ефект тіні box-shadow CSS без зображень

Всім знову привіт.Продовжуємо експерименти з новими властивостями CSS3. Сьогодні розпишу техніку створення ефекту drop-shadows, що у вільному перекладі означає — «падаюча тінь». Раніше я розповідав про прийоми оформлення кордонів блоку за допомогою CSS, в яких широко застосовувався параметр box-shadow, а так само напевно всім добре відомий спосіб створення тіні для тексту text-shadow .

15 Адаптивних тим оформлення WordPress в стилі Metro

Дизайн сайтів в стилі Metro або, як його ще називають дизайн від Windows 8, став дуже популярним в середовищі розробників і веб-дизайнерів, в першу чергу завдяки простоті та зручності використання. Той факт, що нова концепція дизайну в стилі «Metro» використовується Microsoft практично у всіх своїх продуктах, включаючи мобільну ОС Windows Phone 8, панель оновлень Xbox 360 і флагманську Windows 8, інтерфейс сайтів в стилі Metro буде продовжувати розвиватися, а армія шанувальників цього стилю буде розширюватися протягом тривалого періоду. Розробники тим оформлення WordPress, одними з перших відреагували на віяння нової моди.

Найлегший плагін jQuery для створення вкладок (табів)

Пропоную на розгляд дуже простий і напевно, найлегший плагін jQuery, для створення вкладок(табів), за допомогою якого, ви зможете організувати на своїх сайтах, висновок контенту у вигляді динамічних, перемикаються блоків з вмістом.Писав плагін давно і для себе, хотілося мати під рукою надійний, простий в налаштуванні і використанні інструмент, який може бути включений в роботу на будь-якому сайті або блозі замовника.

Створюємо меню для сайту

У цій статті розповім як можна без особливих труднощів зробити красиве і динамічне меню для сайту. Меню виконано з використанням зображень, які ви з легкістю можете поміняти на свої, але для цього потрібно зовсім небагато, розібратися і зрозуміти структуру самого навігаційного блоку.Даний блок з цікавим ефектом при наведенні курсора мишки на елемент меню, може згодиться на Вашому сайті.Як завжди подивіться як буде виглядати ваше меню:Дивитися ДемоОтже , давайте тепер все по порядку.Крок 1.Між тегами необхідно вставити код скрипта: <script type=text/javascript>

Адаптивні зображення з допомогою CSS

У цьому невеликому уроці ми розглянемо найпростіші способи створення адаптивних зображень за допомогою CSS. Існує не мало різних рішень зробити зображення адаптивними, всі вони різняться за складністю, та ступеня підтримки браузерами.

Стильний шаблон сайту — Ancient

Ancient — CSS шаблон для сайту, прекрасно оформлений в оригінальному стилі «папірус». На мій погляд, найбільше підійде для ведення блогу, темний фон, легкий наліт старовини в дизайні сторінок, розташовують до розміреного читання записів. Шаблон упакований готовими варіантами сторінок для блогу, галерея зображень, сторінкою зворотного звязку з вбудованою контактною формою, а так само запропонований варіант авторської сторінки.

Анімована Форма Входу та Реєстрації

Доброго дня всім!Сьогодні я хочу розповісти і показати на прикладі, як з допомогою JQuery створити просту і функціональну форму «входу» з можливістю перемикання на форму «реєстрації» і «відновлення пароля».

Ефект биття серця на чистому CSS3

Як «намалювати» добре всім знайомий символ серця з допомогою css3, показав на прикладі в одній зі своїх статей: «Малюємо серце з допомогою CSS3». Сьогодні хочу показати, як можна оживити це сердечко, додавши візуальний ефект биття.

5 безкоштовних відеоуроків створення інтернет-магазину з нуля

Доброго дня, шановні друзі! Після недовгої перерви, викликаного навалившейся роботою по створенню парочки сайтів для муніципальних установ, поспішаю повідомити цікаву новину, звичайно для тих хто в темі і тим кому воно треба.

Оформлення цитат з допомогою CSS

Цитати на сьогоднішній день є невідємною частиною будь-якого мало-мальськи серйозного інтернет-проекту, так і односторінкові сайтики ні-ні та і вставлять що отаке у формі цитати. Вставити, це ми всі мастаки, у багатьох виникає проблема з оформленням цитат.

Топ — 20 Нові преміум теми WordPress на Themeforest ( грудень 2016)

Продовжуємо знайомитися з новинками розробок преміум тем WordPress , представлених на популярної торгової майданчику Themeforest . Сьогодні представляю на ваш огляд ТОП-20 тим WP преміум класу, виставлені на продаж або пройшли повний апгрейд(оновлення) в грудні 2016 року.Всі теми представлені в цьому огляді різної спрямованості, це можуть бути багато-функціональні теми, які підходять для створення сайтів, блогів і журналів різної тематики, а так само теми привязані до якоїсь однієї категорії майбутніх веб-проектів.При складанні огляду спирався на низку факторів і звичайно ж на свій смак, а він, як ми всі прекрасно знаємо, у всіх різний.

Безкоштовні набори Новорічних іконок

Новий рік неминучий! Так було і, сподіваюся, так буде завжди. І чому б напередодні свят не зайнятися дизайном свого сайту або блогу, вдихнути в нього трохи святкової атмосфери. Необовязково кардинально змінювати тему сайту, блогу і робочого простору, досить додати пару-трійку іконок новорічної тематики.

Три ефекти при наведенні на зображення

Багато разів писав про різних hover-ефекти для зображень, так і в інтернетах цього добра напрацювали предостатньо. В цей раз вирішив використовувати відразу три ефекту на одному зображенні, що спрацьовують при наведенні на картинку.

Навколишній світ

Час спорту

Космос