background preloader

HTML + CSS + Icons

Facebook Twitter

CSS 3.0 Text Shadow. BigText Wizard. Ultimate CSS Gradient Generator - ColorZilla.com. Background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

Ultimate CSS Gradient Generator - ColorZilla.com

Представлен стандарт CSS Grid Alignment Level 3 / Каскадные Таблицы Стилей. Два дня назад я представил на Хабре задачу по компоновке силами CSS.

Представлен стандарт CSS Grid Alignment Level 3 / Каскадные Таблицы Стилей

Задача привлекла небольшое внимание разработчиков и было представлено несколько разных решений, в том числе такие, которые практически точно решают задачу. Пообещав представить оригинальное решение я немного слукавил, потому что это решение представляет собой использование нового стандарта W3C CSS Grid Alignment Level 3, который был представлен в начале ноября на мероприятии TPAC 2010. Публикуя задачу на Хабре я хотел посмотреть на варианты решений от разработчиков и попытаться понять, чем новый стандарт может облегчить нам всем жизнь. CSS Grid Alignment Level 3 Вначале стоит пояснить, что это за стандарт. Если вы взгляните на варианты решения задачи предложенной мной, то увидите массу хаков и использование операторов CSS не по их прямому назначению.

Однако, я думаю многим хотелось бы увидеть с развитием веб-стандартов более простые, интуитивные пути решения задачи. Адаптация под свободное место. 37 Fresh jQuery Image And Gallery Display Solutions. jQuery is already very popular because it is very fast and concise Javacript library simplifing and different event handling, smooth animation with very little code.

37 Fresh jQuery Image And Gallery Display Solutions

With jQuery you can enjoy new way of web development and image galleries are the best way to use it effectively! Here you’ll have more than 35 different unique jQuery Javascript solutions for beautiful image galleries and great ways to display your images with light code. To make it even easier for you to choose, I also added live demo link under every jQuery plugin!

This article has been updated on May 17,2012 and we just have put together fresh 2012 list of image sliders and galleries. Check it out! Before you start out, I thought it would be good idea to get a little bit of inspiration of high quality and creative solutions how you can implement galleries and jquery image effects in your own website! Build Flat Responsive Website from Scratch – Complete Course Zstudio. Editor. What is Highslide JS?

Editor

Highslide JS is an open source image, media and gallery viewer written in JavaScript. These are some of it's advantages: Quick and elegant looking. No plugins like Flash or Java required. Popup blockers are no problem. What is the Highslide Editor? The Highslide Editor is a graphical user interface designed to make it easy setting up a custom Highslide installation without editing code. CSS3 Generator.

Galleria — A JavaScript gallery for the Fastidious. Color Scheme Designer 3. Create Your Own @font-face Kits. CSS3 PIE: CSS3 decorations for IE.

Fonts

Online CSS Optimiser / Optimizer. Blueprint Grid CSS Generator. CSS Type Set. W3Schools Online Web Tutorials. ПикселМиксер - Разработка и дизайн иконок, иллюстраций. Webdev.