7 ms·
Cssnext: use tomorrow’s CSS syntax, today
- MoOx_ 11y agoIt's cssnext, not Cssnext or CSSNext :) http://cssnext.io/it-s-cssnext-not-CSSNext/ http://cssnext.io/it-s-cssnext-not-CSSNext/
- batuhanicoz 11y agoHN automatically makes the first letter of the title uppercase AFAIK.
- taylorfausak 11y agoThat is true. I think you can work around it by prepending a space to the title. So this one would be " cssnext: use tomorrow's CSS syntax, today".
- posabs 11y agoI'm thinking about starting integrating this into my projects. However there is a couple of things that irritate me, - SASS is already serving all my needs - Current css frameworks are all on sass or less - Specs could change before CSS4 is released.
- MoOx_ 11y ago- Good for you :) - You probably don't need a framework - There is no such things as CSS 4 http://www.xanthir.com/b4Ko0 http://www.xanthir.com/b4Ko0 . That said, cssnext will handle features like babeljs, using different stages. An issue is opened for this https://github.com/cssnext/cssnext/issues/100 https://github.com/cssnext/cssnext/issues/100
- webXL 11y ago"You probably don't need a framework" Care to explain? And how does babeljs fit in?
- neilhem 11y agoSass not SASS http://sassnotsass.com/ http://sassnotsass.com/
- untog 11y agoWho cares?
- pcthrowaway 11y agoI took a look at cssnext while going through the source for the 'Solved by Flexbox' website which was front page last week (https://github.com/philipwalton/solved-by-flexbox/ https://github.com/philipwalton/solved-by-flexbox/). It looks like it does a lot of what sass does, except that it will actually be CSS soon. I suppose it's kind of like using an ES7-to-ES5 transpiler rather than using some other compile-to-JS language; it's a matter of preference, but the ES7 will eventually run without dependencies as well when the transpile step is no longer needed. It'd be nice to see CSS frameworks rewritten using pure CSS (transpiled with cssnext); in fact I might give it a try if I get motivated :)
- MoOx_ 11y agoCheck out http://cssrecipes.github.io/ http://cssrecipes.github.io/ (from me & friends) and http://www.basscss.com/ http://www.basscss.com/
- webXL 11y agohttp://www.basscss.com/docs/base-buttons/ http://www.basscss.com/docs/base-buttons/ Perhaps shouldn't be asking here, but why does a button element get a different style than .button links and inputs? I like the idea of this library, but that's not leaving a good taste in my mouth.
- adam12 11y agoI'm surprised they are using copyrighted images from a movie as their background.
- MoOx_ 11y agoGood point. I will add credits for the images. Not sure if it's enough but it's a start.
- aikah 11y ago> I will add credits for the images. it's not enough, it doesn't give you the right to use these pictures. IANAL but this is common sense. Doesn't mean they'll go after you but it is certainly enough for a DMCA take down request. You don't need these pictures at first place anyway.
- pluma 11y agoThat's not how copyright works. You don't have a license for those images, so you can't use them. Period. Fair use only applies under certain circumstances where using copyrighted materials is necessary (e.g. satire or discussion). Even if you don't use them commercially, you can't just use them like that.
- MoOx_ 11y agoI will keep that in mind and will update the website asap to remove those.
- Jach 11y agohttp://www.morguefile.com http://www.morguefile.com is a handy resource for finding 100% safe images.
- pcthrowaway 11y agoSo how about all these slideshow presentations we see online (or videos of presentations, etc.) that use clips from movies, TV shows, memes, and so on? Are the copyrighted materials really necessary in those? I'd argue they're as necessary to a presentation as they are to a website, yet you never hear people on HN comment that the copyrighted material is out of place in those settings.
- selfsimilar 11y agoI'd recommend getting a native English speaker to proof-read your text. 'More faster' was used repeatedly on the page and should be simply 'faster'. There were a few other typos, (e.g. 'A bug fixed will be released ASAP.') and very non-idiomatic sentence constructions. It might be a solid undercarriage, but now's the time to polish the hood. Also, I'd def. remove the movie screenshots. You could still use imagery that evokes the film but isn't trademarked or under copyright - like an image (not from the film) of flaming tire tracks for example.
- MoOx_ 11y agoThanks for reporting that. I am french and the website is really fresh (pushed this morning). I will do my best to improve it and remove images.
- artmageddon 11y agoIn the part with, "Why cssnext?" there's "Prior 2015", which is sorta correct but might be better worded with "Before 2015," or "Prior to 2015"...
- MoOx_ 11y agoI've fixed the mistakes you mentionned and removed copyrighted images.
- MoOx_ 11y agoI've fixed the mistakes you mentionned and removed copyrighted images.
- pluma 11y agoHow is this different from Myth (http://www.myth.io/ http://www.myth.io/)?
- menor 11y agoI looked into this for my current project, but in my opinion you have to leave behind too many things if you do this instead of Sass. Namely: -No mixins -No maps -No loops and conditionals Maybe a couple of years ago, but now that libsass runs so fast I still don't see the point of using this.
- aquilaFiera 11y agoBecause you're writing standards-track CSS. That's the reason. If that doesn't appeal to you, then that's understandable. It does appeal to some, myself included. In addition, it's built using PostCSS (meaning you can use cssnext as a plugin into PostCSS.) Using PostCSS you can achieve all of your bullet points. Today.
- menor 11y agoOf course that this can appeal to people, I'm just curious about what I'm missing. That PostCSS looks more useful to me, you're right. What is the alternative to the standards-track CSS that could benefit from this?
- MoOx_ 11y agoA lot of people stopped using those things. With a good methodology and a UI component approach, you will find yourself to not need mixins loops etc. I stopped using Sass some years ago and I can definitly live without those features. Maybe one missing thing is extend, but it's comming, a CSS spec is in draft ;)
- bobbyadamson 11y agoHave you abandoned preprocessors altogether?
- MoOx_ 11y agoYep! Some example are http://cssrecipes.github.io/ http://cssrecipes.github.io/ (from me & friends) and http://www.basscss.com/ http://www.basscss.com/
- Wintamute 11y agoCan anyone give me a top level overview of why I should use cssnext, and not for example just roll my own postcss pipeline?
- MoOx_ 11y agocssnext is following w3c standards. That's the only reason, and the best one I think.
- leepowers 11y agoCan I run this in-browser without the command line? LESS is very easy to get started with - just include less.js and a developer can start writing LESS right away: http://lesscss.org/#client-side-usage-browser-options http://lesscss.org/#client-side-usage-browser-options - anything similar for cssnext? Does cssnext support source maps? This is an important feature for any non-trivial project, as it lets a developer inspect how the rules in the source language are translated into the rules read by the browser. Support for source maps in Chrome Developer Tools makes a workflow much more efficient: https://developer.chrome.com/devtools/docs/css-preprocessors https://developer.chrome.com/devtools/docs/css-preprocessors
- MoOx_ 11y agocssnext has some features that LESS doesn't like auto prefixing CSS rules according to your browser scope. So it rely on caniuse database which is why it's not a good idea to use it on the client side. That being said, there is a playground so you can try it http://cssnext.io/playground/ http://cssnext.io/playground/ SourceMap is supported, see options http://cssnext.io/usage/#sourcemap http://cssnext.io/usage/#sourcemap