[{"line":"aspect-ratio: 16 / 9","note":"Forces an element to respect the aspect ratio.","link":"https://web.dev/one-line-layouts/#10.-respect-for-aspect:-aspect-ratio:-lesswidthgreater-lessheightgreater","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-08-08"},{"line":"width: clamp(23ch, 50%, 46ch)","note":"Sets an absolute min and max size, and the actual size of the element.","link":"https://web.dev/one-line-layouts/#09.-clamping-my-style:-clamp(lessmingreater-lessactualgreater-lessmaxgreater)","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-08-07"},{"line":"justify-content: space-between","note":"Places the first and last items to the edges, with the remaining space evenly distributed between the items.","link":"https://web.dev/one-line-layouts/#08.-line-up:-justify-content:-space-between","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-08-06"},{"line":"grid-template-columns: repeat(auto-fit, minmax(150px, 1fr))","note":"Creates responsive layout with automatically-placed and flexible grid items.","link":"https://web.dev/one-line-layouts/#07.-ram-(repeat-auto-minmax):-grid-template-columns(auto-fit-minmax(lessbasegreater-1fr))","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-08-05"},{"line":"grid-template-columns: repeat(12, 1fr)","note":"Creates a 12-span grid.","link":"https://web.dev/one-line-layouts/#06.-12-span-grid:-grid-template-columns:-repeat(12-1fr)","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-08-04"},{"line":"grid-template: auto 1fr auto / auto 1fr auto","note":"Creates a classic layout: header, left sidebar, content, right sidebar, and footer.","link":"https://web.dev/one-line-layouts/#05.-classic-holy-grail-layout:-grid-template:-auto-1fr-auto-auto-1fr-auto","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-08-03"},{"line":"grid-template-rows: auto 1fr auto","note":"Makes sticky footer and does not wrap grid items when the screen size changes.","link":"https://web.dev/one-line-layouts/#04.-pancake-stack:-grid-template-rows:-auto-1fr-auto","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-07-31"},{"line":"minmax(150px, 25%)","note":"Sets the minimum and maximum width of the grid item.","link":"https://web.dev/one-line-layouts/#03.-sidebar-says:-grid-template-columns:-minmax(lessmingreater-lessmaxgreater)-...)","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-07-30"},{"line":"flex: 0 1 150px","note":"Makes the flex item stretched on desktop and not streched on mobile, with 150px of base width.","link":"https://web.dev/one-line-layouts/#02.-the-deconstructed-pancake:-flex:-lessgrowgreater-lessshrinkgreater-lessbasewidthgreater","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-07-29"},{"line":"place-items: center","note":"Centers items inside grid item.","link":"https://web.dev/one-line-layouts/#01.-super-centered:-place-items:-center","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-07-28"},{"line":"display: contents","note":"Replaces current element's box by their child and  pseudo-boxes.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/display","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-07-24"},{"line":"display: inline-table","note":"Sets current element as an inline table type.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/display","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-07-23"},{"line":"display: table","note":"Sets current element as a table type.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/display","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-07-22"},{"line":"display: inline-grid","note":"Sets current element as an inline grid type.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/display","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-07-21"},{"line":"display: grid","note":"Sets current element as a grid type.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/display","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-07-20"},{"line":"display: inline-flex","note":"Sets current element as an inline flex type.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/display","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-07-17"},{"line":"display: flex","note":"Sets current element as a flex type.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/display","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-07-16"},{"line":"display: inline","note":"Sets current element as an inline type.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/display","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-07-15"},{"line":"display: inline-block","note":"Sets current element as an inline block type.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/display","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-07-14"},{"line":"display: block","note":"Sets current element as a block type.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/display","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-07-13"},{"line":"li::marker {}","note":"Targets list marker.","link":"https://css-tricks.com/list-style-recipes/#article-header-id-6","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-07-01"},{"line":"list-style-position: outside","note":"Places list markers outside the box.","link":"https://css-tricks.com/list-style-recipes/#article-header-id-8","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-06-30"},{"line":"list-style-position: inside","note":"Places list markers inside the box.","link":"https://css-tricks.com/list-style-recipes/#article-header-id-8","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-06-29"},{"line":"<ol reversed>","note":"Displays orders list with reverse order.","link":"https://css-tricks.com/list-style-recipes/#article-header-id-3","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-06-26"},{"line":"<ol start='5'>","note":"Starts ordered list from defined number.","link":"https://css-tricks.com/list-style-recipes/#article-header-id-1","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-06-25"},{"line":"list-style: mongolian","note":"Sets the HTML markup of an element.","link":"https://css-tricks.com/list-style-recipes/#article-header-id-0","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-06-24"},{"line":"list-style: lower-latin","note":"Sets the HTML markup of an element.","link":"https://css-tricks.com/list-style-recipes/#article-header-id-0","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-06-23"},{"line":"list-style: upper-alpha","note":"Sets the HTML markup of an element.","link":"https://css-tricks.com/list-style-recipes/#article-header-id-0","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-06-22"},{"line":"list-style: lower-greek","note":"Sets the HTML markup of an element.","link":"https://css-tricks.com/list-style-recipes/#article-header-id-0","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-06-19"},{"line":"list-style: lower-roman","note":"Sets the HTML markup of an element.","link":"https://css-tricks.com/list-style-recipes/#article-header-id-0","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-06-18"},{"line":"list-style: upper-roman","note":"Sets the HTML markup of an element.","link":"https://css-tricks.com/list-style-recipes/#article-header-id-0","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-06-17"},{"line":"list-style: decimal-leading-zero","note":"Sets the HTML markup of an element.","link":"https://css-tricks.com/list-style-recipes/#article-header-id-0","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-06-16"},{"line":"list-style: decimal","note":"Sets the HTML markup of an element.","link":"https://css-tricks.com/list-style-recipes/#article-header-id-0","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-06-15"},{"line":"list-style: square","note":"Sets the HTML markup of an element.","link":"https://css-tricks.com/list-style-recipes/#article-header-id-0","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-06-12"},{"line":"list-style: circle","note":"Sets the HTML markup of an element.","link":"https://css-tricks.com/list-style-recipes/#article-header-id-0","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-06-11"},{"line":"list-style: disc","note":"Sets the HTML markup of an element.","link":"https://css-tricks.com/list-style-recipes/#article-header-id-0","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-06-10"},{"line":"<input type='image' src='path/to/submit-button.png' alt='Submit'>","note":"Creates a graphical submit button in the form of an image.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/image","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-06-09"},{"line":"<input type='color'>","note":"Allows users to choose a color (#rrggbb format).","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-06-08"},{"line":"<input type='datetime-local'>","note":"Allows users to enter a date and time.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-06-05"},{"line":"<input type='date'>","note":"Allows users to enter a date.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-06-04"},{"line":"<input type='week'>","note":"Allows users to enter a week and year.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/week","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-06-03"},{"line":"<input type='month'>","note":"Allows users to enter a month and year.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/month","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-06-02"},{"line":"<input type='time'>","note":"Allows users to enter a time.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-06-01"},{"line":"<input type='tel'>","note":"Allows users to enter a telephone number.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/tel","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-05-29"},{"line":"<input type='range' min='1' max='365'>","note":"Allows users to choose a value from a predefined range.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-05-28"},{"line":"<input type='number'>","note":"Allows users to enter a number.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-05-27"},{"line":"<input type='file'>","note":"Allows users to choose files from their computer.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-05-26"},{"line":"<input type='url'>","note":"Allows users to enter a URL.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/url","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-05-25"},{"line":"<input type='search'>","note":"Allows users to enter a search query.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/search","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-05-22"},{"line":"<input type='email' mutliple>","note":"Allows users to enter a list of e-mail addresses.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/email","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-05-21"},{"line":"<input type='email'>","note":"Allows users to enter an e-mail address.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/email","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-05-20"},{"line":"<input type='text'>","note":"Creates basic single-line text field.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-05-19"},{"line":"<input type='hidden' value='My value'>","note":"Hides the input, but sends the data.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/hidden","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-05-18"},{"line":"<input type='radio' value='My value'>","note":"Represents multiple clickable options.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-05-15"},{"line":"<input type='checkbox' value='My value'>","note":"Represents clickable boxes.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-05-14"},{"line":"<input type='button' value='My button'>","note":"Represents a form button that could be programmed to perform a custom action.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/button","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-05-13"},{"line":"<input type='reset' value='Reset'>","note":"Resets a form to default values.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/reset","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-05-12"},{"line":"<input type='submit' value='Submit'>","note":"Submits a form.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/submit","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-05-11"},{"line":"<input type='password'>","note":"Provides a way for the user to enter a password securely.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/password","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-05-05"},{"line":"$myElem.innerHTML = '...'","note":"Sets the HTML markup of an element.","link":"https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-04-28"},{"line":"$myElem.innerHTML","note":"Gets the HTML markup of an element.","link":"https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-04-27"},{"line":"var promise = import('ext-module')","note":"Imports bindings which are exported by another module.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-04-24"},{"line":"import 'ext-module'","note":"Imports bindings which are exported by another module.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-04-23"},{"line":"import { module as myModule } from 'ext-module'","note":"Imports bindings which are exported by another module.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-04-22"},{"line":"import { module } from 'ext-module'","note":"Imports bindings which are exported by another module.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-04-21"},{"line":"import module from 'ext-module'","note":"Imports bindings which are exported by another module.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-04-20"},{"line":"a:visited { ... }","note":"Targets links that has been visited.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/:visited","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-04-17"},{"line":"myArr.lastIndexOf(myStr, 2)","note":"Returns the index of the last match starting with the second index from the end, otherwise returns -1.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/lastIndexOf","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-04-16"},{"line":"myArr.lastIndexOf(myStr)","note":"Returns the index of the last match, otherwise returns -1.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/lastIndexOf","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-04-15"},{"line":"myArr.indexOf(myStr, 2)","note":"Returns the index of the first match starting with second index from the start, otherwise returns -1.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-04-14"},{"line":"myArr.indexOf(myStr)","note":"Returns the index of the first match, otherwise returns -1.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-04-13"},{"line":"myArr.values()","note":"Returns values of the array.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/values","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-04-10"},{"line":"myArr.keys()","note":"Returns keys of the array.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/keys","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-04-09"},{"line":"myArr.flat(Infinity)","note":"Flattens nested arrays recursively.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/flat","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-04-07"},{"line":":root { ... }","note":"Targets the root element of the current document, usually HTML tag.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/:root","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-04-06"},{"line":"::selection { ... }","note":"Targets parts of the document that have been highlighted by user.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/::selection","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-04-03"},{"line":"@import 'custom.css'","note":"Imports CSS rules from another CSS file.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/@import","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-04-02"},{"line":"@media (display-mode: browser) { ... }","note":"Checks if an application's display mode is browser.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/@media/display-mode","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-03-31"},{"line":"@media (display-mode: minimal-ui) { ... }","note":"Checks if an application's display mode is like standalone, but with minimal UI controls.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/@media/display-mode","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-03-30"},{"line":"@media (display-mode: standalone) { ... }","note":"Checks if an application's display mode is standalone.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/@media/display-mode","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-03-27"},{"line":"@media (display-mode: fullscreen) { ... }","note":"Checks if an application's display mode is fullscreen.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/@media/display-mode","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-03-26"},{"line":"@media (prefers-reduced-motion: reduce) { ... }","note":"Checks if the user prefers less animations.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-03-25"},{"line":"@media (prefers-color-scheme: light) { ... }","note":"Checks if the user prefers a light theme.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-03-24"},{"line":"@media (prefers-color-scheme: dark) { ... }","note":"Checks if the user prefers a dark theme.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-03-23"},{"line":"<a href=\"https://www.silvestar.codes/\" target=\"_top\">Link</a>","note":"An anchor element opening in the topmost browsing context (if any exists).","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-03-18"},{"line":"<a href=\"https://www.silvestar.codes/\" target=\"_parent\">Link</a>","note":"An anchor element opening in the parent browsing context (if any exists).","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-03-17"},{"line":"<a href=\"https://www.silvestar.codes/\" target=\"_blank\">Link</a>","note":"An anchor element opening in the new tab or window.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-03-16"},{"line":"<a href=\"https://www.silvestar.codes/\" target=\"_self\">Link</a>","note":"An anchor element opening in the current browsing context.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-03-13"},{"line":"<a href=\"image.png\" download>Phone</a>","note":"An anchor element with download link.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-03-12"},{"line":"<a href=\"tel:+385.123.456.789\">Phone</a>","note":"An anchor element with phone link.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Linking_to_telephone_numbers","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-03-11"},{"line":"<a href=\"mailto:me@silvestar.codes\">Mail</a>","note":"An anchor element with email link.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Linking_to_an_email_address","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-03-10"},{"line":"<a href=\"#main\">Link</a>","note":"An anchor element with page section link.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Linking_to_an_element_on_the_same_page","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-03-09"},{"line":"<a href=\"./about/\">Link</a>","note":"An anchor element with directory-relative URL.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Linking_to_relative_URLs","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-03-06"},{"line":"<a href=\"/archive/\">Link</a>","note":"An anchor element with origin-relative URL.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Linking_to_relative_URLs","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-03-05"},{"line":"<a href=\"//www.silvestar.codes/\">Link</a>","note":"An anchor element with scheme-relative URL.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Linking_to_relative_URLs","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-03-04"},{"line":"<a href=\"https://www.silvestar.codes/\">Link</a>","note":"An anchor element with absolute URL.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Linking_to_an_absolute_URL","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-03-03"},{"line":"animation-play-state: pause","note":"Pauses the current animation.","link":"https://css-tricks.com/almanac/properties/a/animation/#article-header-id-0","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-03-02"},{"line":"animation-iteration-count: infinite","note":"Sets the infinite animation iteration count.","link":"https://css-tricks.com/almanac/properties/a/animation/#article-header-id-0","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-02-28"},{"line":"animation-fill-mode: forwards","note":"Sets the animation fill mode to final state.","link":"https://css-tricks.com/almanac/properties/a/animation/#article-header-id-0","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-02-28"},{"line":"animation-delay: 100ms","note":"Sets the animation delay to 100 milliseconds.","link":"https://css-tricks.com/almanac/properties/a/animation/#article-header-id-0","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-02-27"},{"line":"animation-timing-function: linear","note":"Sets the linear animation timing function.","link":"https://css-tricks.com/almanac/properties/a/animation/#article-header-id-0","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-02-26"},{"line":"animation-duration: 1s","note":"Sets the duration of the animation to 1 second.","link":"https://css-tricks.com/almanac/properties/a/animation/#article-header-id-0","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-02-25"},{"line":"animation-name: jump","note":"Sets the animation name to 'jump'.","link":"https://css-tricks.com/almanac/properties/a/animation/#article-header-id-0","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-02-24"},{"line":"a[href*=\"google.com\"] {}","note":"Targets all links containing google.com href.","link":"https://css-tricks.com/a-complete-guide-to-links-and-buttons/","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-02-21"},{"line":"a[href$=\".pdf\"] {}","note":"Targets links to pdf documents.","link":"https://css-tricks.com/a-complete-guide-to-links-and-buttons/","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-02-20"},{"line":"<a href=\"/\" aria-current=\"page\">Home</a>","note":"Tells screen readers which page is current page.","link":"https://css-tricks.com/a-complete-guide-to-links-and-buttons/","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-02-19"},{"line":"a[aria-current=\"page\"] {}","note":"Targets active navigation items (if any present).","link":"https://css-tricks.com/a-complete-guide-to-links-and-buttons/","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-02-18"},{"line":"<a href=\"/files/file.pdf\" download>Download PDF</a>","note":"Allows the user to save the linked URL.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2020-02-17"},{"line":"filter: drop-shadow(10px 10px 10px black)","note":"Applies drop shadow effect to an element.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/filter","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-02-14"},{"line":"filter: saturate(50%)","note":"Applies saturate effect to an element.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/filter","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-02-13"},{"line":"filter: opacity(50%)","note":"Applies opacity effect to an element.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/filter","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-02-12"},{"line":"filter: invert(50%)","note":"Applies invert effect to an element.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/filter","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-02-11"},{"line":"filter: brightness(0.5)","note":"Applies brightness effect to an element.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/filter","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-02-10"},{"line":"filter: hue-rotate(90deg)","note":"Applies hue rotation effect to an element.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/filter","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-02-07"},{"line":"filter: grayscale(50%)","note":"Applies grayscale effect to an element.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/filter","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-02-06"},{"line":"filter: contrast(50%)","note":"Applies contrast effect to an element.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/filter","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-02-05"},{"line":"filter: blur(10px)","note":"Applies blur effect to an element.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/filter","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-02-04"},{"line":"filter: sepia(50%)","note":"Applies sepia effect to an element.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/filter","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-02-03"},{"line":"transition: opacity 3000ms ease-in-out 250ms","note":"Creates a transition on opacity that lasts for 3s, is delayed for .25s, and is eased in and out.","link":"https://css-tricks.com/almanac/properties/t/transition/","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-01-31"},{"line":"transition-timing-function: ease-in-out","note":"Defines a function that describes how a transition's speed will proceed over its duration.","link":"https://css-tricks.com/almanac/properties/t/transition-timing-function/","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-01-30"},{"line":"transition-property: opacity","note":"Defines what properties you want to apply a transition effect to.","link":"https://css-tricks.com/almanac/properties/t/transition-property/","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-01-29"},{"line":"transition-duration: 3000ms","note":"Defines the duration of a transition.","link":"https://css-tricks.com/almanac/properties/t/transition-duration/","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-01-28"},{"line":"transition-delay: 250ms","note":"Defines a length of time to delay the start of a transition.","link":"https://css-tricks.com/almanac/properties/t/transition-delay/","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2020-01-27"},{"line":"myArray.includes(item)","note":"Determines whether an array includes a certain value among its entries, returning true or false as appropriate.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes","language":"JavaScript","author":"Heithem Moumni","handle":"heithemmoumni","date":"2020-01-24"},{"line":"myArray.entries()","note":"Returns a new Array Iterator object that contains the key/value pairs for each index in the array.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/entries","language":"JavaScript","author":"Heithem Moumni","handle":"heithemmoumni","date":"2020-01-23"},{"line":"myVar.length","note":"Returns the number of elements in that array.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/length","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-01-20"},{"line":"myVar.split(' ')","note":"Splits string into array elements by spaces.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-01-17"},{"line":"myVar.join(' ')","note":"Returns a new string by concatenating array items with spaces.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/join","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-01-16"},{"line":"uneval(myObj)","note":"Creates a string representation of the source code of an Object. Use at your own risk.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/uneval","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-01-14"},{"line":"eval(myExp)","note":"Evaluates JavaScript code represented as a string. Use at your own risk.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-01-13"},{"line":"decodeURI(myVar)","note":"Returns decoded Uniform Resource Identifier (URI) string.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/decodeURI","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-01-10"},{"line":"decodeURIComponent(myVar)","note":"Returns decoded Uniform Resource Identifier (URI) component string.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/decodeURIComponent","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-01-09"},{"line":"encodeURI(myVar)","note":"Returns encoded URI string.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURI","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-01-08"},{"line":"encodeURIComponent(myVar)","note":"Returns encoded URI component string.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-01-07"},{"line":"Number.isNaN(myVar)","note":"ECMAScript 2015 version for checking if a value is NaN or not.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isNaN","language":"JavaScript","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2020-01-03"},{"line":"isNaN(myVar)","note":"Checks if a value is NaN or not.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/isNaN","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2020-01-02"},{"line":"Math.ceil()","note":"Returns rounded number up to the next largest whole number or integer.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/ceil","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-12-31"},{"line":"Math.floor()","note":"Returns the largest integer less than or equal to a given number.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/floor","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-12-30"},{"line":"Math.max()","note":"Returns the largest of zero or more numbers.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/max","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-12-27"},{"line":"Math.min()","note":"Returns the lowest of zero or more numbers.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/min","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-12-23"},{"line":"Math.round()","note":"Returns the value of a number rounded to the nearest integer.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/round","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-12-20"},{"line":"Math.trunc()","note":"Returns the integer part of a number by removing any fractional digits.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/trunc","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-12-19"},{"line":"Math.pow()","note":"Returns the base to the exponent power.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/pow","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-12-18"},{"line":"Math.sqrt()","note":"Returns the square root of a number.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/sqrt","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-12-17"},{"line":"Math.random()","note":"Returns a floating-point random number in the range 0–1.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random","language":"JavaScript","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-12-16"},{"line":"<link rel=\"alternate\" type=\"application/rss+xml\" title=\"RSS Feed\" href=\"/rss\">","note":"Points to RSS feed and helps people and machines find the feed.","link":"https://developer.mozilla.org/en-US/docs/Archive/RSS/Getting_Started/Syndicating","language":"HTML","author":"Silvestar","handle":"malimirkeccita","date":"2019-12-13"},{"line":"<meta charset=\"UTF-8\">","note":"Sets UTF-8 character encoding.","link":"https://bitsofco.de/meta-charset/","language":"HTML","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-12-12"},{"line":"<meta name=\"referrer\" content=\"no-referrer\">","note":"Omits the Referrer header entirely.","link":"https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referrer-Policy","language":"HTML","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-12-11"},{"line":"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">","note":"Controls the viewport's size and scale.","link":"https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag","language":"HTML","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-12-10"},{"line":"<!DOCTYPE html>","note":"Sets doctype declaration to make browsers parse the document equally.","link":"https://www.w3.org/QA/2002/04/valid-dtd-list.html","language":"HTML","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-12-09"},{"line":"span:not(:only-child) {}","note":"Targets all span elements that are the only child.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/:not","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2019-12-06"},{"line":"span:not(:first-of-type) {}","note":"Targets all span elements that are not first child and type span.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/:not","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2019-12-05"},{"line":"span:not(:first-child) {}","note":"Targets all span elements that are not first child.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/:not","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2019-12-04"},{"line":"span:not(:last-of-type) {}","note":"Targets all span elements that are not last child and type span.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/:not","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2019-12-03"},{"line":"span:not(:last-child) {}","note":"Targets all span elements that are not last child.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/:not","language":"CSS","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-12-02"},{"line":"{{ 1999 | money }}","note":"Converts a number variable into money format.","link":"https://help.shopify.com/en/themes/liquid/filters/money-filters#money","language":"Liquid","author":"Silvestar","handle":"malimirkeccita","date":"2019-11-29"},{"line":"{{ myVar | json }}","note":"Converts a string variable into JSON format.","link":"https://help.shopify.com/en/themes/liquid/filters/additional-filters#json","language":"Liquid","author":"Silvestar","handle":"malimirkeccita","date":"2019-11-28"},{"line":"forloop.last","note":"Checks if it is the last iteration of the loop.","link":"https://help.shopify.com/en/themes/liquid/objects/for-loops#forloop-last","language":"Liquid","author":"Silvestar","handle":"malimirkeccita","date":"2019-11-27"},{"line":"myArray.unshift(myElem)","note":"Adds new elements to the beginning of an array. Returns a new array length.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/unshift","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-11-26"},{"line":"myArray.shift()","note":"Gets and removes the first element from an array.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/shift","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-11-25"},{"line":"myArray.pop()","note":"Gets and removes the last element from an array.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/pop","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-11-22"},{"line":"myArray.push(myElem)","note":"Adds new elements to the end of an array. Returns a new array length.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/push","language":"JavaScript","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-11-21"},{"line":"$myElem.setAttribute('aria-hidden', 'true')","note":"Sets aria-hidden attribute to true.","link":"https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-11-20"},{"line":"$myElem.getAttribute('aria-hidden')","note":"Gets aria-hidden attribute from the element.","link":"https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute","language":"JavaScript","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-11-19"},{"line":"window.innerWidth","note":"Returns viewport's width in pixels.","link":"https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth","language":"JavaScript","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-11-18"},{"line":"window.innerHeight","note":"Returns viewport's height in pixels.","link":"https://developer.mozilla.org/en-US/docs/Web/API/Window/innerHeight","language":"JavaScript","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-11-15"},{"line":"window.scrollX","note":"Returns the number of pixels that the document is currently scrolled horizontally.","link":"https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollX","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-11-14"},{"line":"window.scrollY","note":"Returns the number of pixels that the document is currently scrolled vertically.","link":"https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollY","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-11-13"},{"line":"$myElem.getBoundingClientRect()","note":"Returns the size of an element and its position relative to the viewport.","link":"https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect","language":"JavaScript","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-11-12"},{"line":"document.body","note":"Returns the body of the body or frameset node of the current document.","link":"https://developer.mozilla.org/en-US/docs/Web/API/Document/body","language":"JavaScript","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-11-11"},{"line":"wp_get_upload_dir()","note":"Returns WordPress uploads directory information.","link":"https://developer.wordpress.org/reference/functions/wp_get_upload_dir/","language":"PHP","author":"Silvestar","handle":"malimirkeccita","date":"2019-11-08"},{"line":"get_template_directory_uri()","note":"Returns the WordPress theme directory URI.","link":"https://developer.wordpress.org/reference/functions/get_template_directory_uri/","language":"PHP","author":"Silvestar","handle":"malimirkeccita","date":"2019-11-07"},{"line":"get_template_directory()","note":"Returns the WordPress current theme directory.","link":"https://developer.wordpress.org/reference/functions/get_template_directory/","language":"PHP","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-11-06"},{"line":"window.requestAnimationFrame(() => {...})","note":"Tells the browser that you wish to perform an animation and requests that the browser calls a specified function to update an animation before the next repaint.","link":"https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-11-05"},{"line":"window.addEventListener('scroll', () => {...})","note":"Sets scroll event listener.","link":"https://developer.mozilla.org/en-US/docs/Web/API/Document/scroll_event","language":"JavaScript","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-11-04"},{"line":"div:only-child","note":"Targets div element without any siblings.","link":"https://css-tricks.com/almanac/selectors/o/only-child/","language":"CSS","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-11-01"},{"line":"div:first-of-type","note":"Targets the first div element of its own type among group of siblings.","link":"https://css-tricks.com/almanac/selectors/f/first-of-type/","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2019-10-31"},{"line":"div:first-child","note":"Targets the first div element among group of siblings.","link":"https://css-tricks.com/almanac/selectors/f/first-child/","language":"CSS","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-10-30"},{"line":"div:last-of-type","note":"Targets the last div element of its own type among group of siblings.","link":"https://css-tricks.com/almanac/selectors/l/last-of-type/","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2019-10-29"},{"line":"div:last-child","note":"Targets the last div element among group of siblings.","link":"https://css-tricks.com/almanac/selectors/l/last-child/","language":"CSS","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-10-28"},{"line":"div:empty","note":"Targets empty div elements.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/:empty","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2019-10-25"},{"line":"input::placeholder","note":"Targets an input's placeholder.","link":"https://css-tricks.com/almanac/selectors/p/placeholder/","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2019-10-24"},{"line":"visibility: hidden","note":"Hides an element without changing the layout of a document.\n\n","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/visibility","language":"CSS","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-10-23"},{"line":"@media (hover: hover) { ... }","note":"Targets devices with a supported hover input mechanism.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2019-10-22"},{"line":"@media (pointer: fine) { ... }","note":"Targets devices with an accurate pointing device input mechanism.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2019-10-21"},{"line":"location.reload(true)","note":"Forces reloading the current page from the server.","link":"https://developer.mozilla.org/en-US/docs/Web/API/Window/location#Example_2_Force_reloading_the_current_page_from_the_server","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-10-18"},{"line":"window.onpopstate = () => {}","note":"Sets EventHandler for processing popstate events on the window.","link":"https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onpopstate","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-10-17"},{"line":"window.history.pushState({ state: 1 }, 'My state', '#myHash')","note":"Adds a state to the browsers history.","link":"https://developer.mozilla.org/en-US/docs/Web/API/History/pushState","language":"JavaScript","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-10-16"},{"line":"str_replace('$', '€', $str)","note":"Replaces all targeted symbols with the replacement symbol.","link":"https://www.php.net/str_replace","language":"PHP","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-10-15"},{"line":"const greeting = `Hello ${myVar}!`","note":"Interpolates string with the variable.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals","language":"JavaScript","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-10-14"},{"line":"column-count: 2","note":"Breaks the content into columns.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/column-count","language":"CSS","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-10-04"},{"line":"break-inside: avoid-column","note":"Prevents the content to break to a new column.","link":"https://css-tricks.com/almanac/properties/b/break-inside/","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2019-10-03"},{"line":"get_the_terms($post_id, 'taxonomy')","note":"Returns all terms of the taxonomy for the given post.","link":"https://developer.wordpress.org/reference/functions/get_the_terms/","language":"PHP","author":"Silvestar","handle":"malimirkeccita","date":"2019-10-02"},{"line":"get_term_by('term_taxonomy_id', $post_id)","note":"Returns all terms by “Term” field and data.","link":"https://developer.wordpress.org/reference/functions/get_term_by/","language":"PHP","author":"Silvestar","handle":"malimirkeccita","date":"2019-10-01"},{"line":"text.trim()","note":"Removes whitespace from string.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-09-30"},{"line":"strtoupper($text)","note":"Converts a string to uppercase.","link":"https://www.php.net/manual/en/function.strtoupper.php","language":"PHP","author":"Silvestar","handle":"malimirkeccita","date":"2019-09-27"},{"line":"strtolower($text)","note":"Converts a string to lowercase.","link":"https://www.php.net/manual/en/function.strtolower.php","language":"PHP","author":"Silvestar","handle":"malimirkeccita","date":"2019-09-26"},{"line":"get_template_directory()","note":"Returns directory of the current theme.","link":"https://developer.wordpress.org/reference/functions/get_template_directory/","language":"PHP","author":"Silvestar","handle":"malimirkeccita","date":"2019-09-25"},{"line":"in_category('Blog')","note":"Returns true if the current post is in the category.","link":"https://developer.wordpress.org/reference/functions/in_category/","language":"PHP","author":"Silvestar","handle":"malimirkeccita","date":"2019-09-24"},{"line":"wp_list_pluck($menu, 'object_id')","note":"Plucks a particular field from each object in a list.","link":"https://codex.wordpress.org/Function_Reference/wp_list_pluck","language":"PHP","author":"Silvestar","handle":"malimirkeccita","date":"2019-09-23"},{"line":"string.replace(/$/g, '')","note":"Removes all $ (dollar) characters from the string.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace","language":"JavaScript","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-09-20"},{"line":"exec(`ruby script.rb`, function (err, stdout, stderr) {})","note":"Executes shell command and buffers the output.","link":"https://nodejs.org/api/child_process.html#child_process_child_process_exec_command_options_callback","language":"Nodejs","author":"Silvestar","handle":"malimirkeccita","date":"2019-09-19"},{"line":"$myElem.classList.contains('my-class')","note":"Checks if an element contains a class.","link":"https://developer.mozilla.org/en-US/docs/Web/API/Element/classList#Methods","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-09-18"},{"line":"$parent.contains($child) ","note":"Checks if an element contains a child node.","link":"https://developer.mozilla.org/en-US/docs/Web/API/Node/contains","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-09-17"},{"line":"articles.some(article => article.published)","note":"Returns true or false if at least one element in the array passes the test.","link":"https://medium.com/poka-techblog/simplify-your-javascript-use-some-and-find-f9fb9826ddfd","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-09-16"},{"line":"articles.every(article => article.published)","note":"Returns true or false if all elements in the array pass the test.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/every","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-09-13"},{"line":"new Promise(resolve => resolve()})","note":"Creates a new promise that represents the eventual completion (or failure) of an asynchronous operation, and its resulting value.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-09-12"},{"line":"text-decoration-thickness: .125em","note":"Sets text decoration thickness.","link":"https://css-tricks.com/styling-links-with-real-underlines/","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2019-09-11"},{"line":"text-decoration: wavy overline Salmon","note":"Sets wavy text decoration over the text.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration#Examples","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2019-09-10"},{"line":"background: Salmon content-box","note":"Sets background to content-box of an element.","link":"https://css-tricks.com/nested-gradients-with-background-clip/","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2019-09-09"},{"line":"min-height: 100vh","note":"Sets the minimum height to 100% of the height of the viewport.","link":"https://css-tricks.com/a-couple-of-use-cases-for-calc/","language":"CSS","author":"Silvestar","handle":"malimirkeccita","date":"2019-09-06"},{"line":"let apples = shoppingList.removeLast()","note":"Removes the final item from an array.","link":"https://docs.swift.org/swift-book/LanguageGuide/CollectionTypes.html","language":"Swift","author":"Ethan Chin","handle":"EthanChinCN","date":"2019-09-05"},{"line":"new Date()","note":"Creates current date object.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date#Parameters","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-09-04"},{"line":"lines.find(line => new Date(line.date) <= new Date())","note":"Finds and returns first match in an array.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-09-03"},{"line":"JSON.stringify({ item: \"value\" })","note":"Converts JS object or value to a JSON string.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify","language":"JavaScript","author":"Silvestar","handle":"malimirkeccita","date":"2019-09-02"},{"line":"fs.existsSync(path)","note":"Checks if file exists.","link":"https://nodejs.org/api/fs.html#fs_fs_existssync_path","language":"Nodejs","evergreen":false,"author":"Silvestar","handle":"malimirkeccita","date":"2019-08-30"},{"line":"const myClass = isHome() ? 'home' : 'category'","note":"Ternary operator.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator","language":"JavaScript","evergreen":false,"author":"Silvestar","handle":"malimirkeccita","date":"2019-08-29"},{"line":"pointer-events: none","note":"Removes clickable context.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events","language":"CSS","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-08-28"},{"line":"<wbr/>","note":"Sets desired word break position.","link":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/wbr","language":"HTML","evergreen":false,"author":"Silvestar","handle":"malimirkeccita","date":"2019-08-27"},{"line":"var_dump( $variable )","note":"Dumps variable.","link":"https://www.php.net/manual/en/function.var-dump.php","language":"PHP","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-08-26"},{"line":"border-color: currentColor","note":"Uses current text color as border color.","link":"https://css-tricks.com/currentcolor/","language":"CSS","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-08-16"},{"line":"event.preventDefault()","note":"Prevents default action.","link":"https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault","language":"JavaScript","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-08-15"},{"line":"add_shortcode( 'card' , 'generate_card' )","note":"Adds shortcode tag hook.","link":"https://codex.wordpress.org/Function_Reference/add_shortcode","language":"PHP","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-08-14"},{"line":"* + *","note":"Universal adjacent sibling combinator aka Lobotomized Owl.","link":"https://alistapart.com/article/axiomatic-css-and-lobotomized-owls/","language":"CSS","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-08-13"},{"line":"const { src, dest, series, or parallel } = require('gulp')","note":"Deconstructs object.","link":"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Object_destructuring","language":"JavaScript","evergreen":false,"author":"Silvestar","handle":"malimirkeccita","date":"2019-08-12"},{"line":"setcookie('myCookie', time() - 3600)","note":"Deletes cookie.","link":"https://www.pontikis.net/blog/create-cookies-php-javascript","language":"PHP","evergreen":false,"author":"Silvestar","handle":"malimirkeccita","date":"2019-08-09"},{"line":"br { content: ' ' }","note":"Prevents line break.","link":"https://www.gallagherwebsitedesign.com/blog/remove-line-break-css-replace-with-space/","language":"CSS","evergreen":false,"author":"Silvestar","handle":"malimirkeccita","date":"2019-08-08"},{"line":"position: sticky","note":"Makes element sticky.","link":"https://caniuse.com/#feat=css-sticky","language":"CSS","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-08-07"},{"line":"configs.map(config => config.path)","note":"Creates an array with returned paths.","link":"https://medium.com/poka-techblog/simplify-your-javascript-use-map-reduce-and-filter-bd02c593cc2d","language":"JavaScript","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-08-06"},{"line":"background-repeat: round","note":"Tiles background image.","link":"https://codepen.io/thewizardjs/pen/WVEBLo","language":"CSS","evergreen":false,"author":"Silvestar","handle":"malimirkeccita","date":"2019-08-05"},{"line":"-moz-osx-font-smoothing: grayscale","note":"Fixes font smoothness on MacOS.","link":"https://responsivedesign.is/articles/font-smoothing/","language":"CSS","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-08-04"},{"line":"wp_reset_postdata( )","note":"Reset context for WordPress query.","link":"https://developer.wordpress.org/reference/functions/wp_reset_postdata/","language":"PHP","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-08-03"},{"line":"overflow: initial","note":"Sets overflow to default state.","link":"https://css-tricks.com/almanac/properties/o/overflow/","language":"CSS","evergreen":false,"author":"Silvestar","handle":"malimirkeccita","date":"2019-08-02"},{"line":"all: unset","note":"Resets all properties to default.","link":"https://developer.mozilla.org/en-US/docs/Web/CSS/all","language":"CSS","evergreen":true,"author":"Silvestar","handle":"malimirkeccita","date":"2019-08-01"}]