Skip to main content

Forums

This topic contains 11 replies, has 8 voices, and was last updated by  Paulie_D 3 years, 5 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #144279

    CodeGraphics
    Participant

    Ok, I know that HTML5 is still been developed and lots of its features are not yet compatible with all the browsers. And some web developers are even yet to learn the new features of html5 and start using them in their day-to-day designs. I know that 90% of css3 properties are not yet fully embraced by web developers and browsers.

    So why will anyone want to start thinking of HTML6 and CSS4? Isn’t that trying to mess up with html and css entirely? Well, I was thinking and it came to me that there are some features I will like to see in html and css in the future.

    Let’s get started.

    **HTML6**

    **<picture></picture>** – This is even been advocated already by web developers. It may replace in the future.

    **<responsive></responsive>** – This will wrap the overall webpage. It will open after body tag and closes before it.

    **<social></social>** – This will be used to mark up social media networks like facebook and twitter.

    **<translate></translate>** – This will be used to translate any text from English to major languages like French.

    **<list></list>** – This will replace and . You just click inside the opening and closing list tag and start typing without . When you finish typing a particular line, just end it with **>**.
    Like:
    <list>
    Web Design>
    Graphics>
    Training>
    </list>

    **<link></link>** – This will replace . You will just type your link like this: <link>index.html</link>

    **<info></info>** – This will be used to write contact info like url, email, phone, etc. It will show in a special character.

    **<page></page>** – This will replace <div id=”wrapper”></div>. It will be used as the main container of each web page.

    **<logo></logo>** This will be used to mark up your logo. Whether your logo is an image or text, you will write it like this: <logo>images/logo.png</logo>. It will be styled later in css4.

    **<paint></paint>** – This is bringing photoshop brush to the web without using an image. You will see how it works in css4.

    **CSS4**

    **picture**{
    scale:proportionally;
    color-ehancement:brighter;
    quality-enhancement:high;
    load-optimizer:fast;
    }

    **responsive**{
    mobile[240px, 320px, 480px, 640px]: respond;
    desktop[960px, 1024px, 1200px, 1600px]: respond;
    fitted: true;
    }

    **social > facebook**{
    background-color:fb-color;
    hint: ‘Like us on facebook’;
    hint-popup: top; /*This will have right, left, top and bottom*/
    hint-color: #fff;
    hint-bg: #000;

    }

    **translate**{
    lang: ‘french’; /*It will support other languages like: Portuguese, German, Greek, Latin, Arabic, etc*/
    }

    **list**{
    type: ul; /*You can also set the value to ol*/
    bullet: disc; /*You can also set to square, circle, etc.*/
    }

    **link**{
    color: red;
    hover: black; /*No more something like a:hover*/
    }

    **info**{
    /*This will have normal css styling like color, font-size, etc, but it will have a special styling by default.*/
    }

    **page**{
    /*This will have normal css styling like width, border, background, etc.*/
    }

    **logo**{
    place: left; /*the value can be set to right or center. Left is the default value*/
    }

    **paint**{
    style: splatter; /*This will have values like: splash, smooth, rough, zigzag, etc*/
    color-mixture: red + yellow; /*You can mix multiple colors as long as you mix them with + sign*/
    }

    Let me know what you think. Am I running out of my senses?

    #144282

    Paulie_D
    Moderator

    Moved to : **Other Discussions** where it belongs.

    #144339

    Paulie_D
    Moderator

    >page: good one, what happened to the ‘main’ element anyway?

    It’s there and valid but it’s intended for the ‘main’ **content**.

    Not sure about a ‘page’ element…what is semantic about it?

    All pages are, erm….pages so why do I need a element to put everything in…I have the <body> for that.

    If it’s intended to be a wrapper or container then I suppose you could use that term but what’s the point? A div is perfectly semantic and already exists quite well

    #207753

    soorajsoft
    Participant

    still html6 not been implimented right?

    #207765

    Atelierbram
    Participant

    Something I would like to see as an extension of the &lt;social&gt;&lt;/social&gt; tags is &lt;irony&gt;&lt;/irony&gt; and &lt;sarcasm&gt;&lt;/sarcasm&gt; tags to avoid the miscommunication you see too often. Then you could write things as:

       <twitter><sarcasm>Blessed are the poor in spirit, for theirs is the kingdom of heaven.</sarcasm></twitter>
    
    
    social > twitter > irony,
    social > twitter > sarcasm {
      font-family: dyslexie, comic-sans;
    }
    
Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star