Coding page

Codering pagina

编码页面

Webpage foundations

Window object ARIA object Document object model (DOM)-1 Document object model (DOM)-2 Browser object model (BOM) HTML basics CSS basics JavaScript basics Web components Webpage design Back-end programming

HTML (hypertext markup language) - reviewing

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

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

HTML-tags-semantic elements HTML-tags-a tag HTML-tags-abbr tag HTML-tags-address tag HTML-tags-area tag HTML-tags-article tag HTML-tags-aside tag HTML-tags-audio tag HTML-tags-b tag HTML-tags-base tag HTML-tags-bdi_bdo tag HTML-tags-blockquote tag HTML-tags-body tag HTML-tags-br tag HTML-tags-button tag_1 HTML-tags-button tag_2 HTML-tags-canvas tag_1 HTML-tags-canvas tag_2 HTML-tags-captions tag HTML-tags-cite tag HTML-tags-code tag HTML-tags-column tag HTML-tags-data tag HTML-tags-datalist tag HTML-tags-del tag HTML-tags-dfn tag HTML-tags-dialog tag HTML-tags-div tag HTML-tags-dl_dd_dt tags HTML-tags-em tag HTML-tags-embed tag HTML-tags-fieldset tag HTML-tags-figure tag HTML-tags-footer tag HTML-tags-form tag_1 HTML-tags-form tag_2 HTML-tags-h1-h6 tags HTML-tags-head tag HTML-tags-header tag HTML-tags-hr tag HTML-tags-html tag HTML-tags-i tag HTML-tags-iframe tag HTML-tags-img tag HTML-tags-input tag_1 HTML-tags-input tag_2 HTML-tags-ins tag HTML-tags-kbd tag HTML-tags-label tag HTML-tags-legend tag HTML-tags-li tag HTML-tags-link tag HTML-tags-main tag HTML-tags-map tag HTML-tags-mark tag HTML-tags-meta tag HTML-tags-meter tag HTML-tags-nav tag HTML-tags-noscript tag HTML-tags-object tag HTML-tags-ol tag HTML-tags-option tag HTML-tags-output tag HTML-tags-p tag HTML-tags-param tag HTML-tags-picture tag HTML-tags-pre tag HTML-tags-progress tag HTML-tags-q tag HTML-tags-rp tag HTML-tags-rt tag HTML-tags-ruby tag HTML-tags-s tag HTML-tags-samp tag HTML-tags-script tag HTML-tags-section tag HTML-tags-select tag_1 HTML-tags-select tag_2 HTML-tags-small tag HTML-tags-source tag HTML-tags-span tag HTML-tags-strong tag HTML-tags-style tag HTML-tags-sub_sup tag HTML-tags-svg tag_1 HTML-tags-svg tag_2 HTML-tags-table tag HTML-tags-tbody tag HTML-tags-td tag HTML-tags-template tag HTML-tags-textarea tag HTML-tags-tfoot tag HTML-tags-th tag HTML-tags-thead tag HTML-tags-time tag HTML-tags-title tag HTML-tags-tr tag HTML-tags-track tag HTML-tags-u tag HTML-tags-ul tag HTML-tags-var tag HTML-tags-video tag HTML-tags-wbr tag

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

SCSS-tutorial-01 SCSS-tutorial-02 SCSS-tutorial-03

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_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

PHP-01-basic PHP-02-data types PHP-03-conditionals PHP-04-functions PHP-05-forms PHP-06-date_time PHP-07-sessions PHP-08-arrays PHP-09-file handling PHP-10-network PHP-11-reg_expressions PHP-12-superglobals

PHP topics

PHP-topics-01 PHP-topics-02 PHP-topics-03 PHP-topics-04 PHP-topics-05 PHP-topics-06 PHP-topics-07 PHP-topics-08 PHP-topics-09 PHP-topics-10 PHP-topics-11

Node.js

Node.js tutorials

Node.js-01-basics Node.js-02-environment Node.js-03-REPL Node.js-04-npm package manager Node.js-05-Node.js events Node.js-06-HTTP server Node.js-07-file management Node.js-08-modules Node.js-09-watermarking

Python

Python tutorials

Python-01-basics Python-02-data types Python-03-operators Python-04-lists Python-05-tuples Python-06-sets Python-07-dictionaries Python-08-conditionals Python-09-functions Python-10-classes_objects Python-11-scope_modules Python-12-JSON Python-13-PIP Python-14-file handling

Java

Java tutorials

Java-01-basics Java-02-variables Java-03-data types Java-04-operators Java-05-math Java-06-conditionals Java-07-arrays Java-08-methods Java-09-classes Java-10-class methods Java-11-packages Java-12-various Java-13-user input

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

First letter Line up things Paint API Positioning Scrolling Selection Gradients Vertical alignment

Drawing

Shapes-bird animation Shapes-morphism animation Shapes-3D cubes Creating shapes-hexagons Creating shapes-rhombus Creating shapes-interactive models using flex Creating shapes-interactive models using grid Draw shapes Draw animated shapes-using CSS Draw animated shapes-using JavaScript

Flex-grid

Flex-by-examples Grid-by-examples-1 Grid-by-examples-2 Grid-by-examples-3 Grid-by-examples-4 Responsive grid

Navigation

Navigation-accordions Navigation-fullscreen overlay Navigation-high-end Navigation-hidden menu Navigation-fullscreen with links Navigation-HTML & CSS Navigation-menu bar Navigation-open navigation Navigation page Navigation-tabs

Optimization

Optimization-onload page settings Optimization-optimize loading techniques Optimization-webpage optimization Optimization-webpage protection-images Optimization-webpage protection-text

Photo gallery

Photo gallery-carousels Photo gallery-sliders Photo gallery-thumbnails Photo gallery-selectable Photo gallery-filterable Photo gallery-filterable responsive Photo gallery-filterable in HTML/CSS Photo gallery-responsive filterable Photo-gallery-formats

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

Container queries Media queries-responsive footer Media queries-responsive footer Media queries-fixed footer

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

Text

Text animation and effects Text styles Text styling Write-to-file

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