background preloader

Webcrafting

Facebook Twitter

Single line series. Отладка в браузере Chrome. Перед тем, как двигаться дальше, поговорим об отладке скриптов.

Отладка в браузере Chrome

Все современные браузеры поддерживают для этого «инструменты разработчика». Исправление ошибок с их помощью намного проще и быстрее. На текущий момент самые многофункциональные инструменты — в браузере Chrome. Также очень хорош Firebug (для Firefox). Общий вид панели Sources В вашей версии Chrome панель может выглядеть несколько по-иному, но что где находится, должно быть понятно. Getting Started. Installing There are a number of ways to install Foundation for Sites.

Getting Started

If you're just getting started, we recommend installing our Node CLI, which allows you to quickly set up starter projects with any Foundation framework. It's also possible to manually install Foundation for Sites into your project through npm, Bower, Meteor, NuGet or Composer. Install Foundation for Sites Looking for Foundation 5? We're still supporting Foundation 5 for those who don't want to take the leap into the future with us. What's in the Box? Get to know the pieces of Foundation. General Components. Manipulation. Adds the specified class(es) to each element in the set of matched elements.

Manipulation

Insert content, specified by the parameter, after each element in the set of matched elements. Insert content, specified by the parameter, to the end of each element in the set of matched elements. Insert every element in the set of matched elements to the end of the target. Get the value of an attribute for the first element in the set of matched elements or set one or more attributes for every matched element. Insert content, specified by the parameter, before each element in the set of matched elements. Easing Functions Cheat Sheet. jQuery Easing Plugin. Description A jQuery plugin from GSGD to give advanced easing options.

jQuery Easing Plugin

Please note, the easing function names changed in version 1.2. Please also note, you shouldn't really be hotlinking the script from this site, if you're after a CDN version you could do worse than try cdnjs.com Download Download the following: Example Click on any of the yellow headers to see the default easing method in action (I've set as easeOutBounce for the demo, just because it's obviously different). Select easing types for the demo first one for down, second one for up. The Clicker Updates 12/11/07 1.3 jQuery easing now supports a default easing mode. CSS селекторы, игровая площадка.

Article Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS селекторы, игровая площадка

Phasellus rutrum, lectus eu varius consectetur, libero velit hendrerit augue, ut posuere enim neque in libero. Donec eget sagittis nibh. Suspendisse sed tincidunt urna. Selectors Level 3. Abstract Selectors are patterns that match against elements in a tree, and as such form one of several technologies that can be used to select nodes in an XML document.

Selectors Level 3

Selectors have been optimized for use with HTML and XML, and are designed to be usable in performance-critical code. CSS (Cascading Style Sheets) is a language for describing the rendering of HTML and XML documents on screen, on paper, in speech, etc. CSS uses Selectors for binding style properties to elements in the document. This document describes the selectors that already exist in CSS1 [CSS1] and CSS2 [CSS21], and further introduces new selectors for CSS3 and other languages that may need them. Selectors define the following function: expression ∗ element → boolean That is, given an element and a selector, this specification defines whether that element matches the selector.

Status of this document This section describes the status of this document at the time of its publication. Table of Contents. HTML5 Doctor, helping you implement HTML5 today. jQuery - Урок 3. Фильтры. Parser. GettingStarted - google-code-prettify - How to style code in your web-pages - syntax highlighting of code snippets in a web page. You can load the Prettify script to highlight code in your web pages.

GettingStarted - google-code-prettify - How to style code in your web-pages - syntax highlighting of code snippets in a web page

It adds styles to code snippets so that token boundaries stand out and your readers can get the gist of your code without having to mentally perform a left-to-right parse. Marking code sections The prettyprinter looks for <pre>, <code>, or <xmp> elements with the prettyprint class: <pre class="prettyprint">source code here</pre> and adds <span>s to colorize keywords, strings, comments, and other token types. If you're using Markdown or some other HTML generator that does not add classes, you can alternatively ask the prettifier to target your code by preceding it with a processing instruction thus: <?

Larger example Auto-Loader You can load the JavaScript and CSS for prettify via one URL will load the entire system and schedule the prettifier to run on page load. For example specifies the lang parameter to also load the CSS language extension and the skin parameter to load the *sunburst* skin. Serving your own JS & CSS Styling.

Untitled. Так как на моем блоге будет масса кода, и его нужно как-то выделять, пришлось перечитать много вариантов реализации подсветки кода в постах.

untitled

Сайт со шрифтами. The Most Advanced Responsive Front-end Framework from ZURB. Генератор HTML+CSS шаблонов (CSS Layout Generator)