Intellisense for writting CSS selectors

Requests new features for future versions.

Moderator: TopStyle Support

Intellisense for writting CSS selectors

Postby FataL » Mon Feb 28, 2011 8:55 pm

When creating CSS selectors TopStyle can lookup for structure of HTML markup and suggest appropriate HTML structure.
This is already implemented in Microsoft Sharepoint Designer and Microsoft Expression Web for many years.

You can test this feature here for free (only via Internet Explorer).

I created animated GIF to show how it works:
Image
User avatar
FataL
Rank II - Novice
Rank II - Novice
 
Posts: 23
Joined: Mon Feb 28, 2011 8:41 pm

Re: Intellisense for writting CSS selectors

Postby TopStyle Support » Tue Mar 01, 2011 1:37 am

I'm planning this for TopStyle 5
User avatar
TopStyle Support
Rank VI - Professional
Rank VI - Professional
 
Posts: 470
Joined: Sat Jun 13, 2009 12:38 pm

Re: Intellisense for writting CSS selectors

Postby TopStyle Support » Thu Jul 05, 2012 9:56 am

I have added this to TopStyle version 5.0.0.30: http://svanas.dynip.com/topstyle/beta.html
User avatar
TopStyle Support
Rank VI - Professional
Rank VI - Professional
 
Posts: 470
Joined: Sat Jun 13, 2009 12:38 pm

Re: Intellisense for writting CSS selectors

Postby FataL » Thu Sep 13, 2012 10:52 am

Great!
Testing...
User avatar
FataL
Rank II - Novice
Rank II - Novice
 
Posts: 23
Joined: Mon Feb 28, 2011 8:41 pm

Re: Intellisense for writting CSS selectors

Postby FataL » Wed Oct 10, 2012 12:04 am

This is a good start, I can say.

Current TopStyle's implementation lacks HTML hierarchy awareness and suggests all known tags every time. But it has awareness of all IDs and classes in the document (disregards real IDs and classes owners).

Ideally Intellisense should suggest HTML structure and after that full list of known HTML tags.
Code: Select all
<p class="one"><span>test</span></p>
<p class="two"><em>test</em><p>
<div class="three">test</div>

p.|
===============
.one
.two
===============


p |
===============
em
span
---------------------
a
abbr
acronym
...
===============


div |
===============
a
abbr
acronym
...
===============


.two |
===============
em
---------------------
a
abbr
acronym
...
===============
User avatar
FataL
Rank II - Novice
Rank II - Novice
 
Posts: 23
Joined: Mon Feb 28, 2011 8:41 pm


Return to TopStyle Feature Requests

Who is online

Users browsing this forum: No registered users and 1 guest