I wrote a css expander that has a little bit of SASS features.

Previously it was hidden in my html.d on my misc. github, but I just now made it a standalone program in a separate repo:

https://github.com/adamdruppe/cssexpand

Check out the demo input file
https://github.com/adamdruppe/cssexpand/blob/master/demo/test.css

and demo result file
https://github.com/adamdruppe/cssexpand/blob/master/demo_result.css

to get an idea of what it does.

On 4/22/2014 5:47 PM, Aleksandar Ruzicic wrote:
> and would need a
> tool to concat those later to the target CSS (this can be done with cat
> but it's non-standard on windows)

FWIW, on windows:

type input1.txt > output.txt
type input2.txt >> output.txt
type input3.txt >> output.txt

On Tuesday, 22 April 2014 at 22:26:39 UTC, Martin Nowak wrote:
> On 04/21/2014 05:48 PM, Aleksandar Ruzicic wrote:
>> Just one question, would it be okay to depend on node.js/npm to manage
>> dependencies (i.e. CSS/JS frameworks) and build CSS/JS files?
>>
>> As I'd use Sass for styling, which must be translated to CSS (I'd use
>> node-sass package witch doesn't require ruby), and browserify to have
>> Common-JS modules..
>
> Why do you want to write the whole CSS yourself? Isn't something like bootstrap more appropriate for the task?

I would use Foundation[1] instead of Bootstrap.


[1] http://foundation.zurb.com/

On Tuesday, 22 April 2014 at 22:24:25 UTC, Martin Nowak wrote:
>> I have also tried to design something myself (although I'm not a
>> designer) and this is what I came up with:
>>
>> http://krcko.net/dlang.org/dlang-home-draft1.png
>>
>> I'm not entirely satisfied with it but I believe that it looks better
>> (or at least more modern) than the current design.
>>
> This looks great, finally something that doesn't scare off people.
> Please let me know if you need any help to make this happen.

Thanks! I'll be pushing all my work to GitHub from day one (I'll create new branch at https://github.com/raleksandar/dlang.org) so anyone can fork and contribute, later this would be hopefuly merged with official dlang.org repo.

On Tuesday, 22 April 2014 at 23:08:45 UTC, Adam D. Ruppe wrote:
> I wrote a css expander that has a little bit of SASS features.
>
> Previously it was hidden in my html.d on my misc. github, but I just now made it a standalone program in a separate repo:
>
> https://github.com/adamdruppe/cssexpand
>
> Check out the demo input file
> https://github.com/adamdruppe/cssexpand/blob/master/demo/test.css
>
> and demo result file
> https://github.com/adamdruppe/cssexpand/blob/master/demo_result.css
>
> to get an idea of what it does.

Wow, this looks really nice! It has variables, mixins, nested selectors and includes.. That's all I need!

Only.. any chance of making ¤ prefix configurable via cmdline params? :)
Ideally I would use @ as prefix, but that may interfere with CSS @-rules (I see you have CssAtRule class to handle those), so I'd use some character that's easier to type like $ (but that is used for parent selector in upcoming CSS 4)...

On 4/22/2014 7:29 PM, Aleksandar Ruzicic wrote:
> On Tuesday, 22 April 2014 at 22:26:39 UTC, Martin Nowak wrote:
>>
>> Why do you want to write the whole CSS yourself? Isn't something like
>> bootstrap more appropriate for the task?
>
> I would use Foundation[1] instead of Bootstrap.
>
>
> [1] http://foundation.zurb.com/

Eww. Font size and image scaling should *not* be a function of window size. That's just...yuck. Let the system determine it's own appropriate base font size.

And it's all in that horrible, ugly, "giant sized, yet minimal content and maximal blank space" style that's so inexplicably popular with the latest batches of web startups.

*shudder*

On 4/22/14, 1:39 PM, "Ola Fosheim Grøstad" <ola.fosheim.grostad+dlang@gmail.com>" wrote:
> On Tuesday, 22 April 2014 at 20:01:27 UTC, Andrei Alexandrescu wrote:
>> On 4/22/14, 3:32 AM, Kagamin wrote:
>>>
>>> What's problem with entire page width? I don't remember difficulty
>>> reading w3c docs or gcc docs or linux man pages even when they occupy
>>> the entire page width.
>>
>> https://www.google.com/search?q=page%20width%20study#q=optimal+page+width+for+reading&safe=off
>>
>>
>
> As I have already pointed out, there is no optimal width. E.g. if you
> have 3 lines per paragraph you can have longer lines. If you have 20
> lines per paragrap you need shorter ones.

According to the top hits in the search I posted, your point is not valid.

> So why are you doing this?
> Trying to be clever? Obviously not.

I don't understand the motivation of this quip.

> Kagamin meant "window width". Clearly if the user can adjust his window
> he can get the desired text width.

Today's crop of browsers are tabbed, and for many users the position of the browser window is dictated by external constraints (relation to other windows, external monitor or not etc) and it's unreasonable to demand resizing the window whenever they swap tabs.

> Only after two decades of academics
> pointing out a need for flexible width do web designers get it and start
> chanting for "responsive design". Not because they actually understand
> what they are doing, but because they were FORCED to leave their ugly
> fixed width obsession by the introduction of mobile devices.

Strawman. I'm not advocating for fixed width.

> Too many documentation sites still get this wrong, meaning: they don't
> work properly if the user sets a larger font or uses his own stylesheets.
>
> This is the proper link:
>
> http://www.w3.org/TR/WCAG20-TECHS/
>
> (You ARE flame baiting, right? I think you owe Kagamin an apology.)

Wut? This is weird, but whatevs. Just please don't charge him attorney fees :o).


Andrei

On Tuesday, 22 April 2014 at 23:08:45 UTC, Adam D. Ruppe wrote:
> I wrote a css expander that has a little bit of SASS features.
>
> Previously it was hidden in my html.d on my misc. github, but I just now made it a standalone program in a separate repo:
>
> https://github.com/adamdruppe/cssexpand
>
> Check out the demo input file
> https://github.com/adamdruppe/cssexpand/blob/master/demo/test.css
>
> and demo result file
> https://github.com/adamdruppe/cssexpand/blob/master/demo_result.css
>
> to get an idea of what it does.

Any chance to get this separated out just for the css part of it? And onto the dub repository?
I would really like to use this for Cmsed!
And ugh can I change that weird symbol to '$'?

On 23/04/14 00:57, Nick Sabalausky wrote:

> Apparently they can't even manage make basic links work properly:
>
> http://getbootstrap.com/examples/starter-template/
>
> How anyone can manage to fuck up <a href="...">...</a> is beyond me.

What's fucked up with the links?

-- 
/Jacob Carlborg

> http://getbootstrap.com/examples/starter-template/
>
> How anyone can manage to fuck up <a href="...">...</a> is beyond me.

Nick what are you talking about? They referenced some anchors in
their example page and that works.