prettier calls itself an opinionated code formatter. I recommend using it for your JavaScript and TypeScript code. prettier only concerns...
The robots.txt file and HTML tag can be used to control the behavior of search engine crawlers. Both have different effects. robots.txt Marking a URL path as "disallowed" in robots.txt...
...code base will grow a collection of different file types including: Ruby (business logic) HTML fragments (layouts and views) CSS/Sass/SCSS (styles) JavaScript (client-side behavior) Static media (images, fonts, videos...
...a subject block. You can also use describe to specify which parts of your html you are currently interested in naming it with it's actual selector. The context can...
...something like BrandonText-Regular and BrandonText-Bold. (With flawed Meta-information) You have a HTML string to be rendered by PDFKit For demonstration purposes, this string also contains CSS styles...
...some handy stuff in here. Analysing Frontend Performance Issues Rendering Performace Breakpoints Breakpoints on HTML Elements Event Listener Breakpoints Debugging Browser debugging tricks Remote Debugging on Android Access DevTools via...
Hint If you are using our opscomplete.com hosting we can set all environment variables mentioned below for your deployment on...
...a class WebsiteSizer that measures the number of characters in the given URL's HTML body: website_sizer = WebsiteSizer.new website_sizer.size_of('https://makandra.com') # => 27448 website_sizer.size_of('https://railslts.com') # => 2145364
...class should cache its results so subsequent calls for the same URLs return the HTML size instantly, without making an additional HTTP request. Write two versions of WebsiteSizer:
Simplecov is a code coverage tool. This helps you to find out which parts of your application are not tested...
...the pros and cons of each approach with your mentor. Resources Images done right HTML Standard A collection of 300.000+ SVG Vectors and Icons MDN: Responsive Images img srcset und...
...Basic HTML example # Javascript API (notable methods and properties) video = document.querySelector('video') video.play() video.pause() video.load() // Reset to the beginning and select the best available source video.currentSrc // The selected source video.currentTime...
...will not mute the video! Use video.muted = true instead. Resources Mozilla docs on the HTML video element (recommended) – implemented HTML APIs: HTMLVideoElement, HTMLMediaElement, HTMLElement CanIUse: Supported by all browsers since...
...the fourth level of nesting. This is called "timeout clamping" and defined in the HTML spec: If nesting level is greater than 5, and timeout is less than 4, then...
Tested on Ubunut 22.04 1. Opener script Create a file ~/.local/bin/coverage_zip_opener with: #!/bin/bash tmp_folder="/tmp/coverage-report-opener" if [ -z "$1" ]
...a CSS class so you can apply styles. Some layout techniques may require more HTML elements than others, or a different nesting. You can generate paragraphs of random text on...
= @message.content in the view or, if you want to change the rendered html, some variation of @message.content.body.to_rendered_html_with_layout Changing the behavior of the editor
When your Cucumber feature needs to browse the page HTML, and you are not sure how to express your query as a clever CSS or XPath expression, there is another...
...erb template doesn't allow you to indent code like you normally do in HTML mails. ❌ DON'T <%= 'foo' if bar %> "\n" if bar is false "foo\n" if bar...
jamesgolick / resource_controller at Github module ResourceController module Actions def index load_collection before :index response_for :index end
...can install wkhtmltopdf on your appserver if you need to generate PDF files from HTML. However, please note that wkhtmltopdf is no longer actively maintained, which comes with certain limitations...
...There is also -webkit-line-clamp which works only on Chrome. Example Consider this HTML and Sass for a box that is not wide enough for its content: Hello universe...
...level, such that a component is using this class to render and modify some html, it may fastly become boilerplate to define every call of the method. Here callFake comes...
...support for passing a block (which could e.g. render a "read on" link), and html_safe knowledge. Prefer the truncate() helper Warning: truncate() calls html_safe if you're not...
...escaping. FWIW, an HTML string may easily become invalid when truncated, e.g. when a closing tag gets chopped off. However, when the input string is "fully html safe", i.e. contains...
...n} exactly n times Examples <[A-Za-z][A-Za-z0-9]*> matches an HTML tag without any attributes. <[A-Za-z0-9]+> is easier to write but matches invalid...
From at least Rails 4, the ActionView tag helper turns Array values of HTML options into a single space-separated string. This means you can pass an array to :class...