ReadyWriteWeb's profile picture. #WebDev tweets by Alan L.

Writing is at the heart of the #Web.

You can write #HTML.

You can write #CSS styles for your markup.

You can apply interactivity.

ReadyWriteWeb

@ReadyWriteWeb

#WebDev tweets by Alan L. Writing is at the heart of the #Web. You can write #HTML. You can write #CSS styles for your markup. You can apply interactivity.

Ten years ago the only #CSS #pseudo-#elements were ::before and ::after. Now we have: ::backdrop ::cue ::cue-region ::file-selector-button ::first-letter ::first-line ::marker ::part() ::placeholder ::selection ::slotted() Which pseudo-elements do you use?

ReadyWriteWeb's tweet image. Ten years ago the only #CSS #pseudo-#elements were ::before and ::after. Now we have:

  ::backdrop
  ::cue
  ::cue-region
  ::file-selector-button
  ::first-letter
  ::first-line
  ::marker
  ::part()
  ::placeholder
  ::selection
  ::slotted()

Which pseudo-elements do you use?

Did you know you can build #HTML-native, cross-browser modals via the <dialog> element? #Firefox & #Safari commenced support in Mar 2022. In Jan 2018, when it was only supported by #Chrome & #Opera, Keith J Grant took a look: keithjgrant.com/posts/2018/01/… front-end.social/@keithjgrant

ReadyWriteWeb's tweet image. Did you know you can build #HTML-native, cross-browser modals via the &amp;lt;dialog&amp;gt; element?

#Firefox &amp;amp; #Safari commenced support in Mar 2022.

In Jan 2018, when it was only supported by #Chrome &amp;amp; #Opera, Keith J Grant took a look:

keithjgrant.com/posts/2018/01/…

front-end.social/@keithjgrant

Danis³h ChangeLog (2023-01-09): Huge update for Jan 2023: Alongside #HTML, #CSS, #JS and #JSON... #Danis3h can now encapsulate #SVG.

ReadyWriteWeb's tweet image. Danis³h ChangeLog (2023-01-09):

Huge update for Jan 2023:

Alongside #HTML, #CSS, #JS and #JSON...

#Danis3h can now encapsulate #SVG.

Danis³h ChangeLog (2023-01-09): Parsing implemented for #HTML #Character #Data start and end demarcators (<![CDATA[ and ]]>) within #CSS. Danis³h now converts #XML-style #CDATA markers into pseudo-CSS inside in-document #stylesheets.

ReadyWriteWeb's tweet image. Danis³h ChangeLog (2023-01-09):

Parsing implemented for #HTML #Character #Data start and end demarcators (&amp;lt;![CDATA[ and ]]&amp;gt;) within #CSS.

Danis³h now converts #XML-style #CDATA markers into pseudo-CSS inside in-document #stylesheets.

Danis³h ChangeLog (2023-01-09): Bi-directional #parsing implemented for #CSS nested inside #HTML and #SVG Markup (via <style>...</style>). In-document #stylesheets now enabled in #Danis3h.

ReadyWriteWeb's tweet image. Danis³h ChangeLog (2023-01-09):

Bi-directional #parsing implemented for #CSS nested inside #HTML and #SVG Markup (via &amp;lt;style&amp;gt;...&amp;lt;/style&amp;gt;).

In-document #stylesheets now enabled in #Danis3h.

Danis³h ChangeLog (2023-01-09): Parsing routines implemented for #HTML #Character #Data in #Markup Cells. <![CDATA[ ... ]]> blocks now enabled in #Danis3h.

ReadyWriteWeb's tweet image. Danis³h ChangeLog (2023-01-09):

Parsing routines implemented for #HTML #Character #Data in #Markup Cells.

&amp;lt;![CDATA[ ... ]]&amp;gt; blocks now enabled in #Danis3h.

There are 8 #HTML #markup #attributes which take as a value the #id value of another element in the same #document: - for - form - aria-activedescendant - aria-controls - aria-describedby - aria-flowto - aria-labelledby - aria-owns #a11y #web #accessibility

ReadyWriteWeb's tweet image. There are 8 #HTML #markup #attributes which take as a value the #id value of another element in the same #document:

 - for
 - form
 - aria-activedescendant
 - aria-controls
 - aria-describedby
 - aria-flowto
 - aria-labelledby
 - aria-owns

#a11y #web #accessibility

Loading...

Something went wrong.


Something went wrong.