PPS: Also, check out the activity on the Pure site repo to get a good sense of what's coming down the pipeline, since we dogfood everything we release on Pure's website first. PS: The details on the tools that I mentioned here will be up on Pure's blog and Pure's website once we are done working on this grids work. Luckily, we're almost done so you should see some activity on Pure's repo quite soon. You'll have to pull it in as a separate CSS file. From the responsive grids documentation: Since media queries cannot be over-written, we do not include the grid system as part of pure.css. When it comes to something as important as responsive web design, we want to make sure we have a great story to tell. Anyway, to enable responsive grids in purecss, you have to include the separate responsive grids CSS file as well as the base purecss file. We have to cater to novice web developers, as well as CSS experts, and have to make sure Pure is easy to understand for both sets of audiences. Whenever we want to change something in Pure, we have to make sure it's updated in terms of website documentation, and we have tools to let people do what they want. In short, there's a lot coming down the pipeline, but it's not as simple as simply releasing a new point release. grunt-stripmq, for example, makes it possible to write mobile-first CSS, but still serve a great looking site to desktop users on IE8 and below. toString ( ) Īs for the other tools, they are all meant to help you write better CSS and solve important problems. You can write a new responsive mobile-first grid with your custom media queries like this: We're also making this possible over the command line. We're practically over-hauling the Grids documentation and adding a nice UI to make it possible for people to get started with a mobile-first responsive grid really easily. In order do make this possible, we are doing a lot of work on Pure's website. So instead, we are removing media queries from Pure, and using tooling to let people create their own media queries and responsive grids. ![]() This is because media queries cannot be over-written, and not all sites need/want the same media queries. However, even though we want to ship this grid, we can't just add media queries to Pure's source code. It's a major enhancement to the current grid system. We've been working on a mobile-first grid system that makes it much easier for developers to write mobile-first CSS. Specifically, we've written rework-pure-grids, css-mediaquery, and grunt-stripmq. We've written several tools that make it easier for developers to build mobile-first responsive websites. Our focus over the last few months has been on tooling. Let me update you guys on what we've working on and why we haven't released something in a while: Tooling
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |