Changelog

CSS Icon

CSS

Cascading Style Sheets (CSS) is a language used most often to style and improve upon the appearance of views.
11 Stories
All Topics

CSS Icon frankchimero.com

Everything easy is hard again

This is a long, nuanced piece about progress in web-building technologies and practices. It's written from a designer's perspective, but many of the themes ring true to my developer's brain. I wonder if I have twenty years of experience making websites, or if it is really five years of experience, repeated four times. If you’ve been working in the technology industry a while, please tell me this sounds familiar to you. The primary example cited is how we answer the simple question, "How do I put two things next to each other?" The status quo has changed (tables -> floats -> Flexbox -> CSS grids), but to what advantage? A few of his points feel a bit like looking back at the "good 'ole days" through rose colored glasses, but his case is mostly well-reasoned and powerful. the foundations are now sufficiently complicated enough on their own that it seems foolish to go add more optional complexity on top of it. I’ve kept my examples to the most basic of web implementations, and I haven’t touched on Javascript, animation, libraries, frameworks, pre-processors, package managers, automation, testing, or deployment. Whew. Whew, indeed! The breadth and depth of knowledge required to feel competent in today's web ecosystem is probably why we spend so much time dealing with imposter syndrome in this industry.

read more...
logged by @jerodsanto 2018-02-12T14:19:00.08510Z permalink #design #css #practices

Rico Sta. Cruz Avatar The Changelog #283

Devhints - TL;DR for Developer Documentation

Rico Sta. Cruz joined us to talk about his project Devhints — cheatsheets for developers! There are more than 365 cheatsheets you can contribute to and it's open source. We talked about the design, technical implementation, community, and alternate interfaces (CLI). We also covered RSJS, RSCSS, and Docpress. You have to sell what it is you're building in your documentation. It's not just describing what it is and how to use it. It's about telling interesting stories. — Rico Sta. Cruz

read more...
Play
logged by @adamstac 2018-02-09T23:18:08.927265Z permalink #practices #javascript #css

bitsofcode Icon bitsofcode

Recreating the GitGub contribution graph with CSS Grid

The best way to learn, is to learn by doing! Ire Aderinokun: While learning CSS Grid Layout, I’ve found that the best way to internalize all the new concepts and terminology is by working on various layouts using them. Recently, I decided to try to recreate the GitHub Contribution graph using CSS Grid Layout, and found it was an interesting challenge. View the working code on CodePen.

read more...
logged by @adamstac 2018-02-02T16:28:00.018467Z permalink #front-end #css

CSS Icon www.youtube.com

How can you use CSS Grid today? (Internet Explorer exists)

Layout Land is a new YouTube channel from Mozilla and Jen Simmons focused on helping you learn about the new layout possibilities in web design. If you're looking to use CSS Grid but you need to support IE users, then you should check out this video and the rest of the series when you're done. New videos every Tuesday and Thursday. People always ask, “How can I dare to use this new CSS, when I need to support IE users?” It is very important to make sure every user can do what they came to your website to do, whether or not their browser supports the hot, new CSS you want to use. CSS Grid shipped in March 2017, and is already supported by the vast majority of web browsers in use. But there is a significant portion of users who do not have support for CSS Grid — not just IE, but also UC, Samsung Internet, Opera mini, QQ, and more. So can we use CSS Grid? How do we support these old browsers and use CSS Grid?

read more...
Play
logged by @adamstac 2018-01-25T22:42:38.85263Z permalink #css

Bootstrap Icon blog.getbootstrap.com

Bootstrap 4!!

What a tremendous amount of work! It’s literally taken us years to do it, but Bootstrap 4 has finally arrived! So what's new? There are no breaking changes since our last beta, but we have made some key improvements and resolved some tricky bugs... Be sure to check out the docs, their new examples, and the migration docs.

read more...
logged by @adamstac 2018-01-21T06:03:13.203602Z permalink #bootstrap #design #css

CSS Icon github.com

Crooked Style Sheets

No JavaScript? No problem? This is a proof of concept that does webpage tracking using only CSS. It works by adding ::after content that loads an external resource from a server-side endpoint that tracks the events. As far as we know, the only way to disable this style tracking is to disable CSS altogether.

read more...
logged by @jerodsanto 2018-01-18T16:28:00.012303Z permalink #css
0:00 / 0:00