Imagine the following HTML structure, where the scrolling container has overflow-y: scroll: +--scrolling container+-+ | | | +-child element+----+ | | | ++iframe++ | | | | | | | | | | | | | | +-----------------------+ | | | | <-- actually cut off by | +--------+ | <-- scrolling container +-------------------+ The issue: On iOS, the child...
...a certain class if no animation is wanted. Option 1: Enable animations only for html elements with class 'animate' @app.config ['$animateProvider', ($animateProvider) -> $animateProvider.classNameFilter(/\banimate\b/) ] Option 2: Disable animations only...
{ 'text': 'Task 2' } ] And you have this template: {{task.text}} Which renders this HTML: Task 1 Task 2 If you'd like to access the scope bound to the...
Consider the following HTML & CSS: ^ img { background-color: red; } div { border: 1px solid black; } This will leave a margin of about 5px between the lower edge of the image and...
When you print out a HTML pages, all raster images (like PNGs) will appear aliased. This is because a printer's resolution is usually much higher than that of a...
Be careful when using buttons without a type attribute, since browsers will consider them the default submit button of a...
...shouldn't have any text before the doctype declaration. If you've got any HTML comments there, for example, the IE will switch to quirks mode. Finally, check if you...
Sometimes you want/have to send specific http(s) requests. You can do that easy with curl or just write the...
other_attributes_hash = { :url => ..., :method => ...,...
disable_link_option = { :before => "$('your_link_selector').html('#{escape_javascript(dummy_link)}'" } # jquery = link_to_remote(label, other_attributes_hash.merge(disable_link_option...
...into a helper called patiently do, like this: Then /^I should see "([^\"]*)" in the HTML$/ do |text| patiently do body = page.body expect(body).to have_content(text) end end
...together. For instance, the following might not work: Then /^I should see "([^\"]*)" in the HTML$/ do |text| body = page.body patiently do expect(body).to have_content(text) end end
...headers, body = response puts status # e.g. 200 puts headers.inspect # hash of headers puts body.body # html of response body Instead of Rails.application you can also call any Rack application...
If you already selected an element and want to get its parent, you can call find(:xpath, '..') on it.
...a form an autocomplete attribute with the value off: ... Rails example form_for @model, :html => { :autocomplete => "off" } do |form...
All you need to do is right click on an element in the HTML panel, pick Log Events from the context menu and switch to the Console panel to...
WMD is a simple, lightweight HTML editor for blog comments, forum posts, and basic content management. You can add WMD to any textarea with one line of code. Add live...
...connect to or communicate with a server other than server1.example.com. An exception is the HTML...
CSS is a lot easier to write and read than clumsy XPath expressions. So when you need to use XPath...
}); // Do this: app.controller('TodoCtrl', function () { this.input = 'ex. buy milk'; });
These are the top ten accessibility errors as researched by TPGi, a company focusing on accessibility. See the linked article...
...size of all cookies <= 4093 bytes) Behind the link, you'll find a simple HTML page that offers some cookie tests (how large, how many etc) and an overview of...
...RegExp objects by interpolating it into new patterns: locales_pattern = /de|en|fr|es/i html_tag_pattern = / / Any modifiers like /i or /x will be preserved within the interpolated region...
...example above only the interpolated locales are case-insensitive, while the pattern around it (/<html .../) remains case-sensitive...
Good reference how to build bootstrap forms with simple_form.
Even when you app has no CSS at all, you still inherit a default user agent stylesheet from your browser...
Here is how to use Chromedriver without libraries like selenium-webdriver. This can be useful for debugging. The following example...