Webpage foundations
HTML (hypertext markup language)
HTML learning programs
- HTML-01-elements
- HTML-02-tags
- HTML-03-attributes
- HTML-04-formatting
- HTML-05-forms
- HTML-06-graphics
- HTML-07-media
- HTML-08-API
- HTML-09-iframe
- HTML-10-image-maps
- HTML-11-object
- HTML-12-landmarks
- HTML-13-fieldset-legend
- HTML-14-details element
- HTML-15-SVG
- HTML-16-SVG elements-01
- HTML-17-SVG elements-02
- HTML-18-SVG elements-03
- HTML-19-SVG-path
- HTML-20-SVG icons
- HTML-21-SVG-animation elements
- HTML-22-SVG-basic shapes
- HTML-23-SVG-container elements
- HTML-24-SVG-descriptive elements
- HTML-25-SVG-filter primitive elements
- HTML-26-SVG-font elements
- HTML-27-SVG-gradient elements
- HTML-28-SVG-graphics elements
- HTML-29-SVG-light source elements
- HTML-30-SVG-never-rendered elements
- HTML-31-SVG-paint server elements
- HTML-32-SVG-renderable elements
- HTML-33-SVG-shape elements
- HTML-34-SVG-structural elements
- HTML-35-SVG-text content elements
- HTML-36-SVG-uncategorized elements
- HTML-37-canvas-01
- HTML-38-canvas-02
HTML attributes (100+)
- HTML-attributes-accept
- HTML-attributes-accept-charset
- HTML-attributes-accesskey
- HTML-attributes-action
- HTML-attributes-alt
- HTML-attributes-async
- HTML-attributes-autocomplete
- HTML-attributes-autofocus
- HTML-attributes-autoplay
- HTML-attributes-charset
- HTML-attributes-cheched
- HTML-attributes-cite
- HTML-attributes-class
- HTML-attributes-cols
- HTML-attributes-colspan
- HTML-attributes-content
- HTML-attributes-contenteditable
- HTML-attributes-controls
- HTML-attributes-coords
- HTML-attributes-data
- HTML-attributes-data-
- HTML-attributes-datetime
- HTML-attributes-default
- HTML-attributes-defer
- HTML-attributes-dir
- HTML-attributes-dirname
- HTML-attributes-disabled
- HTML-attributes-download
- HTML-attributes-draggable
- HTML-attributes-enctype
- HTML-attributes-for
- HTML-attributes-form
- HTML-attributes-formaction
- HTML-attributes-headers
- HTML-attributes-height
- HTML-attributes-hidden
- HTML-attributes-high
- HTML-attributes-href
- HTML-attributes-hreflang
- HTML-attributes-http-equiv
- HTML-attributes-id
- HTML-attributes-ismap
- HTML-attributes-kind
- HTML-attributes-label
- HTML-attributes-lang
- HTML-attributes-list
- HTML-attributes-loop
- HTML-attributes-low
- HTML-attributes-max
- HTML-attributes-maxlength
- HTML-attributes-media
- HTML-attributes-method
- HTML-attributes-min
- HTML-attributes-multiple
- HTML-attributes-muted
- HTML-attributes-name
- HTML-attributes-novalidate
- HTML-attributes-onabort
- HTML-attributes-onafterprint
- HTML-attributes-onbeforeprint
- HTML-attributes-onbeforeunload
- HTML-attributes-onblur
- HTML-attributes-oncanplay
- HTML-attributes-oncanplaythrough
- HTML-attributes-onchange
- HTML-attributes-onclick
- HTML-attributes-oncontextmenu
- HTML-attributes-oncopy
- HTML-attributes-oncuechange
- HTML-attributes-oncut
- HTML-attributes-ondblclick
- HTML-attributes-ondrag_ondrop
- HTML-attributes-ondurationchange
- HTML-attributes-onemptied
- HTML-attributes-onended
- HTML-attributes-onerror
- HTML-attributes-onfocus
- HTML-attributes-onhaschange
- HTML-attributes-oninput
- HTML-attributes-oninvalid
- HTML-attributes-onkey
- HTML-attributes-onload
- HTML-attributes-onmouse
- HTML-attributes-onpagehide
- HTML-attributes-onpageshow
- HTML-attributes-onpaste
- HTML-attributes-onpause
- HTML-attributes-onplay
- HTML-attributes-onplaying
- HTML-attributes-onprogress
- HTML-attributes-onratechange
- HTML-attributes-onreset
- HTML-attributes-onresize
- HTML-attributes-onscroll
- HTML-attributes-onsearch
- HTML-attributes-onseeked
- HTML-attributes-onseeking
- HTML-attributes-onselect
- HTML-attributes-onstalled
- HTML-attributes-onstorage
- HTML-attributes-onsubmit
- HTML-attributes-onsuspend
- HTML-attributes-ontimeupdate
- HTML-attributes-ontoggle
- HTML-attributes-onunload
- HTML-attributes-onvolumechange
- HTML-attributes-onwaiting
- HTML-attributes-onwheel
- HTML-attributes-open
- HTML-attributes-optimum
- HTML-attributes-pattern
- HTML-attributes-placeholder
- HTML-attributes-popover
- HTML-attributes-poster
- HTML-attributes-preload
- HTML-attributes-readonly
- HTML-attributes-rel
- HTML-attributes-required
- HTML-attributes-reversed
- HTML-attributes-rows
- HTML-attributes-rowspan
- HTML-attributes-sandbox
- HTML-attributes-scope
- HTML-attributes-selected
- HTML-attributes-shape
- HTML-attributes-size
- HTML-attributes-span
- HTML-attributes-spellcheck
- HTML-attributes-src
- HTML-attributes-srcdoc
- HTML-attributes-srclang
- HTML-attributes-srcset
- HTML-attributes-start
- HTML-attributes-step
- HTML-attributes-style
- HTML-attributes-tabindex
- HTML-attributes-target
- HTML-attributes-title
- HTML-attributes-translate
- HTML-attributes-type
- HTML-attributes-usemap
- HTML-attributes-value
- HTML-attributes-width
- HTML-attributes-wrap
HTML tags (100+)
CSS (cascading style sheets)
CSS learning programs
- CSS-01-styling
- CSS-02-styling text
- CSS-03-layout
- CSS-04-values and units
- CSS-05-variables
- CSS-06-variable fonts
- CSS-07-selectors
- CSS-08-pseudo-classess
- CSS-09-pseudo-elements
- CSS-10-grid
- CSS-11-subgrid
- CSS-12-flexbox
- CSS-13-@ rules
- CSS-14-perspective
- CSS-15-aspect-ratio
- CSS-16-CSS functions
- CSS-17-gradients
- CSS-18-CSS reset
- CSS-19-animation
- CSS-20-display
- CSS-21-styling images
- CSS-22-nesting
- CSS-23-blend modes
- CSS-24-cascade layers
- CSS-25-site accessibility
- CSS-26-logical properties
- CSS-27-positioning
- CSS-28-houdini
- CSS-29-media queries
- CSS-30-container queries
- CSS-31-transitions
- CSS-32-language settings
SCSS learning programs
CSS properties
- CSS-properties_list
- CSS-properties_@charset
- CSS-properties_@import
- CSS-properties_@keyframes
- CSS-properties_@media
- CSS-properties_accent-color
- CSS-properties_align
- CSS-properties_all
- CSS-properties_animation-1
- CSS-properties_animation-2
- CSS-properties_aspect-ratio
- CSS-properties_backdrop-filter
- CSS-properties_backface-visibility
- CSS-properties_background_1
- CSS-properties_background_2
- CSS-properties_block-size
- CSS-properties_border-related_1
- CSS-properties_border-related_2
- CSS-properties_bottom
- CSS-properties_box-related
- CSS-properties_break
- CSS-properties_caption-side
- CSS-properties_caret-color
- CSS-properties_clear
- CSS-properties_clip-path_1
- CSS-properties_clip-path_2
- CSS-properties_color
- CSS-properties_column-related
- CSS-properties_contain
- CSS-properties_contain-intrinsic-size
- CSS-properties_content
- CSS-properties_content-visibility
- CSS-properties_counter-related
- CSS-properties_cursor
- CSS-properties_direction
- CSS-properties_display
- CSS-properties_empty-cells
- CSS-properties_content
- CSS-properties_flex-related
- CSS-properties_float
- CSS-properties_font-related-1
- CSS-properties_font-related-2
- CSS-properties_gap
- CSS-properties_grid-related
- CSS-properties_hanging-punctuation
- CSS-properties_height
- CSS-properties_hyphens
- CSS-properties_image-rendering
- CSS-properties_initial-letter
- CSS-properties_inline-size
- CSS-properties_inset-related
- CSS-properties_isolation
- CSS-properties_justify-related
- CSS-properties_left
- CSS-properties_letter-spacing
- CSS-properties_line-height
- CSS-properties_list-related
- CSS-properties_margin-related
- CSS-properties_mask-related
- CSS-properties_max-related
- CSS-properties_min-related
- CSS-properties_mix-blend-mode
- CSS-properties_object-related
- CSS-properties_offset-related
- CSS-properties_opacity
- CSS-properties_order
- CSS-properties_orphans
- CSS-properties_outline-related
- CSS-properties_overflow-related
- CSS-properties_overscroll-behavior-related
- CSS-properties_padding-related
- CSS-properties_page-breaker-related
- CSS-properties_paint-order
- CSS-properties_perspective-related
- CSS-properties_place-related
- CSS-properties_pointer-events
- CSS-properties_position
- CSS-properties_quotes
- CSS-properties_resize
- CSS-properties_right
- CSS-properties_rotate
- CSS-properties_row-gap
- CSS-properties_scale
- CSS-properties_scroll-related
- CSS-properties_shape-outside
- CSS-properties_table-layout
- CSS-properties_tab-size
- CSS-properties_text-related-1
- CSS-properties_text-related-2
- CSS-properties_top
- CSS-properties_transform-related
- CSS-properties_transition
- CSS-properties_translate
- CSS-properties_unicode-bidi
- CSS-properties_user-select
- CSS-properties_vertical-align
- CSS-properties_visibility
- CSS-properties_white-space
- CSS-properties_widows
- CSS-properties_width
- CSS-properties_word-related
- CSS-properties_writing-mode
- CSS-properties_z-index
JavaScript (JS)
JS learning programs
- JS-01-variables
- JS-02-operators
- JS-03-arrays
- JS-04-conversions
- JS-05-functions
- JS-06-loops
- JS-07-conditional
- JS-08-strings
- JS-09-expression syntax
- JS-10-objects_OOP
- JS-11-data types
- JS-12-events
- JS-13-time and date
- JS-14-canvas
- JS-15-numbers_math
- JS-16-forms
- JS-17-modules
- JS-18-prototypes
- JS-19-design patterns
- JS-20-lexical structure
- JS-21-JSON
- JS-22-object properties
- JS-23-filter
- JS-24-set object
- JS-25-get_set element-text
- JS-26-classes
- JS-27-asynchronous
- JS-28-decorators
- JS-29-search webpage
- JS-30-JS libraries
- JS-31-web storage
JS-HTML properties
- JS-element properties-attributes
- JS-element properties-childElementCount
- JS-element properties-childNodes
- JS-element properties-children
- JS-element properties-classList
- JS-element properties-className
- JS-element properties-clientHeight
- JS-element properties-clientLeft
- JS-element properties-clientTop
- JS-element properties-clientWidth
- JS-element properties-contentEditable
- JS-element properties-dir
- JS-element properties-firstChild
- JS-element properties-firstElement
- JS-element properties-id
- JS-element properties-innerHTML
- JS-element properties-innerText
- JS-element properties-isContentEditable
- JS-element properties-lang
- JS-element properties-lastChild
- JS-element properties-lastElementChild
- JS-element properties-nameSpaceURI
- JS-element properties-nextElementSibling
- JS-element properties-nextSibling
- JS-element properties-nodeName
- JS-element properties-nodeType
- JS-element properties-nodeValue
- JS-element properties-offsetHeight
- JS-element properties-offsetLeft
- JS-element properties-offsetParent
- JS-element properties-offsetTop
- JS-element properties-offsetWidth
- JS-element properties-outerHTML
- JS-element properties-outerText
- JS-element properties-ownerDocument
- JS-element properties-parentElement
- JS-element properties-parentNode
- JS-element properties-previousElementSibling
- JS-element properties-previousSibling
- JS-element properties-scrollHeight
- JS-element properties-scrollLeft
- JS-element properties-scrollTop
- JS-element properties-scrollWidth
- JS-element properties-style
- JS-element properties-tabIndex
- JS-element properties-tagname
- JS-element properties-textContent
- JS-element properties-title
JS methods
- JS-1-array-methods
- JS-2-ES6-methods
- JS-3-number-methods
- JS-4-object-methods
- JS-5-string-methods
- JS-6-boolean-methods
- JS-7-string-HTML-wrappers
- JS-8-date-methods
- JS-9-math-methods
- JS-10-RegExp-methods
- JS-addEventListener-method
- JS-adoptNode-method
- JS-after-method
- JS-animate-method
- JS-appendChild-method
- JS-append-method
- JS-apply-method
- JS-assign-method
- JS-at-method
- JS-attachShadow-method
- JS-before-method
- JS-bind-method
- JS-blur-method
- JS-call-method
- JS-caretPositionFromPoint-method
- JS-charAt-method
- JS-charCodeAt-method
- JS-click-method
- JS-clonenode-method
- JS-close-method
- JS-closest-method
- JS-codePointAt-method
- JS-compareDocumentPosition-method
- JS-computedStyleMap-method
- JS-concat-method
- JS-contains-method
- JS-copyWithin-method
- JS-createAttribute-method
- JS-createAttributeNS-method
- JS-createCDATAsection-method
- JS-createComment-method
- JS-createDocumentFragment-method
- JS-createElement-method
- JS-createElementNS-method
- JS-createEvent-method
- JS-createExpression-method
- JS-create-method
- JS-createNodeIterator-method
- JS-createNSResolver-method
- JS-createProcessingInstruction-method
- JS-createRange-method
- JS-createTextNode-method
- JS-createTreeWalker-method
- JS-defineProperties-method
- JS-defineProperty-method
- JS-dispatchEvent-method
- JS-elementFromPoint-method
- JS-elementsFromPoint-method
- JS-endsWith-method
- JS-entries-method
- JS-evaluate-method
- JS-every-method
- JS-exitFullscreen-method
- JS-exitPictureInPicture-method
- JS-exitPointerLock-method
- JS-fill-method
- JS-filter-method
- JS-findIndex-method
- JS-findLastIndex-method
- JS-findLast-method
- JS-find-method
- JS-flatMap-method
- JS-flat-method
- JS-focus-method
- JS-forEach-method
- JS-freeze-method
- JS-fromAsync-method
- JS-fromCharCode-method
- JS-fromEntries-method
- JS-from-method
- JS-getAnimations-method
- JS-getAttribute-method
- JS-getAttributeNames-method
- JS-getAttributeNode-method
- JS-getAttributeNodeNS-method
- JS-getAttributeNS-method
- JS-getBoundingClientRect-method
- JS-getClientRects-method
- JS-getElementById-method
- JS-getElementsByClassName-method
- JS-getElementsByName-method
- JS-getElementsByTagName-method
- JS-getElementsByTagNameNS-method
- JS-getOwnPropertyDescriptor-method
- JS-getOwnPropertyDescriptors-method
- JS-getOwnPropertyNames-method
- JS-getOwnPropertySymbols-method
- JS-getPropertyOf-method
- JS-getSelection-method
- JS-group-method
- JS-groupToMap-method
- JS-hasAttribute-method
- JS-hasAttributeNS-method
- JS-hasAttributes-method
- JS-hasChildNodes-method
- JS-hasFocus-method
- JS-hasOwn-method
- JS-hasOwnProperty-method
- JS-hasPointerCapture-method
- JS-hasStorageAccess-method
- JS-importNode-method
- JS-includes-method
- JS-indexOf-method
- JS-insertAdjacentElement-method
- JS-insertAdjacentHTML-method
- JS-insertAdjacentText-method
- JS-insertBefore-method
- JS-isArray-method
- JS-isEqualNode-method
- JS-isExtensible-method
- JS-isFinite-method
- JS-isFrozen-method
- JS-isInteger-method
- JS-is-method
- JS-isNaN-method
- JS-isPrototypeOf-method
- JS-isSafeInteger-method
- JS-isSameNode-method
- JS-isSealed-method
- JS-join-method
- JS-keys-method
- JS-lastIndexOf-method
- JS-localeCompare-method
- JS-map-method
- JS-matches-method
- JS-match-method
- JS-mathmax-method
- JS-normalize-method
- JS-of-method
- JS-open-method
- JS-padEnd-method
- JS-padStart-method
- JS-parseFloat-method
- JS-parseInt-method
- JS-pop-method
- JS-prepend-method
- JS-preventExtensions-method
- JS-propertyIsEnumerable-method
- JS-push-method
- JS-querySelector-method
- JS-querySelectorAll-method
- JS-reduce-method
- JS-reduceRight-method
- JS-releasePointerCapture-method
- JS-removeAttribute-method
- JS-removeAttributeNode-method
- JS-removeAttributeNS-method
- JS-removeChild-method
- JS-removeEventListener-method
- JS-remove-method
- JS-repeat-method
- JS-replaceAll-method
- JS-replaceChild-method
- JS-replaceChildren-method
- JS-replace-method
- JS-replaceWith-method
- JS-requestFullscreen-method
- JS-requestPointerLock-method
- JS-requestStorageAccess-method
- JS-reverse-method
- JS-scrollBy-method
- JS-scrollIntoView-method
- JS-scroll-method
- JS-scrollTo-method
- JS-seal-method
- JS-search-method
- JS-setAttribute-method
- JS-setAttributeNode-method
- JS-setAttributeNodeNS-method
- JS-setAttributeNS-method
- JS-setPointerCapture-method
- JS-setPrototypeOf-method
- JS-shift-method
- JS-slice-method
- JS-some-method
- JS-sort-method
- JS-splice-method
- JS-split-method
- JS-startsWith-method
- JS-substring-method
- JS-substr-method
- JS-toExponential-method
- JS-toFixed-method
- JS-toggleAttribute-method
- JS-toLocaleLowerCase-method
- JS-toLocaleString-method
- JS-toLocaleUpperCase-method
- JS-toLowerCase-method
- JS-toPrecision-method
- JS-toReversed-method
- JS-toSorted-method
- JS-toSpliced-method
- JS-toString-method
- JS-toUpperCase-method
- JS-trimEnd-method
- JS-trim-method
- JS-trimStart-method
- JS-unshift-method
- JS-valueOf-method
- JS-values-method
- JS-with-method
- JS-writeIn-method
- JS-write-method
JS-techniques
- JS-arrow functions
- JS-calculator
- JS-callback functions
- JS-collections
- JS-counter
- JS-create HTML elements
- JS-destructuring
- JS-export to file
- JS-filter
- JS-generators
- JS-hoisting
- JS-invoke JS in iframe
- JS-lang picker-01
- JS-menu
- JS-message box
- JS-move grid cells
- JS-multilanguage
- JSON-examples
- JS-OOP
- JS-parent-child
- JS-querySelector
- JS-randomize
- JS-save to file
- JS-search methods
- JS-search streetnames
- JS-show-hide nav
- JS-show-hide
- JS-slider-trial
- JS-useful techniques
- JS-web components
- JS-webpage activity
JS-libraries
- jQuery-01-core
- jQuery-02-effects
- jQuery-03-HTML
- jQuery-04-traversing
- jQuery-05-jQuery selectors
- jQuery-06-jQuery effect methods
- jQuery-07-traversing methods
- jQuery-08-jQuery event methods
- jQuery-09-HTML_CSS methods
- jQuery-10-jQuery miscellaneous methods
- jQuery-11-jQuery properties
- jQuery-12-jQuery-date and time examples
- jQuery-13-jQuery-image examples
- jQuery-14-jQuery-menu examples
PHP
PHP tutorials
Node.js
Python
Java
Topics
Animation
- Autumn is coming!
- Moving background pictures around
- Diagonal sliding bars as background
- Animated backgrounds
- Animated background colors
- Box-shadow property
- CSS_based animation-using keyframes
- CSS_based animation-3D rendering
- CSS_based animation-background-color animation
- CSS_based animation-toggle
- CSS_based animation-pseudo-classes
- CSS_based animation-text-shadow property
- CSS_based animation-box animations
- 12 column grid-less CSS, lighter code
- 12 column grid-less CSS, lighter code
- 12 column grid-less CSS, lighter code
- header animations
- JS_based animation-flipping objects
- JS_based animation-compare images
- JS_based animation-image magnifier glass
- JS_based animation-zoom-in zoom-out
- JS_based animation-cube animation
- JS_based animation-matrix rain animation
- Pre-loaders
- Rotation
- Text animation
- Animation tools
CSS applications
Drawing
Flex-grid
Navigation
Optimization
Photo gallery
Pictures
- Download images
- Images coding
- Drag images
- Responsive images
- Insert media
- Resize images
- Scale images
- Zoom images
- Enlarge images
- Images effects
- Filter images
- Images watermarking
- Move images
- Use JavaScript on images
- Overlay images
- Magnify images
- Images map
- Grid for images
- Interactive images
- Numbering pictures in gallery
- Enlarge with mousewheel
- Zoom and pan
Queries
Screen modes
- Modals-i-Image modal
- Modals-stacked-up modals
- Modals-modals positioning
- Popup-CSS properties and functions
- Popup-popup form
- Popup-colorful popup
- Popup-floating language box
- Screen-default HTML color scheme(s)
- Screen-light_dark-contract levels
- Screen-light_dark-select
- Screen-light_dark-toggle
- Screen-light_dark-use light-dark()
- Screen-light_dark-use JavaScript
- Screen-full screen
Time
- Analog clock-simple design
- Analog picture background
- Analog clock-simple with picture
- Analog clock-using canvas
- Analog clock-classical layout
- Digital clocks-12/24 hours formats
- Digital clocks-circular 24 hours format
- Multifunctional clock
- Calculate time
- Local time
- Show time
- Update time
- Time stamp
- Creating clock with sin and cos
- Manage time