recentpopularlog in

kintopp : css   20

Wax is a Jekyll theme designed for digital exhibitions based on minimal computing principles, and is focused on impact, durability, ease, and flexibility. Our underlying technology is easy to learn and teach, and can produce beautifully rendered, high-quality collections of image-based data. via Pocket
catalog  css  html  webdev 
june 2019 by kintopp
CSS Grid and Grid Inspector in Firefox — Mozilla
CSS Grid simplifies existing layout patterns and adds new possibilities for graphic design. It’s a layout framework — without the framework. via Pocket
css  demos  design  webdev 
october 2017 by kintopp
Learn CSS Grid | Jen Simmons
People are starting to ask: where can I learn about CSS Grid? There are a lot of fantastic resources out there. When it comes to the technical how-to, most of what’s out there was written by Rachel Andrew. If you don’t know her work, take some time to get to know her and follow her. via Pocket
css  learn  resources 
march 2017 by kintopp
Grid layout is a much needed step-change for CSS | Matt Hinchliffe, Front-End Developer
Making website layouts can be hard. We’ve performed CSS gymnastics to achieve layouts that can seem so simple on first appearances, re-appropriating floats, table layout and absolute positioning into every possible combination. via Pocket
css  design 
november 2016 by kintopp
The Sad State of Printing on the Web — Medium
It all started with a StackOverflow question. It seemed so simple: “hey browser, here are my page margins, can you respect that please?” to which it responded: The whole reason this question came about is because anything and everything regarding printing seems to be poorly documented. via Pocket
css  webdev 
july 2016 by kintopp
The Safari Problem With SVG Sprites (Now Fixed) – Smashing Magazine
Update (19.05.2016): The bug was just fixed by Antti Koivisto and has landed in the current update of iOS (9.3.2) and Safari for OS X 9.1.1 (11601.6.17). via Pocket
css  svg  tools  webdev 
may 2016 by kintopp
A Complete Guide to Flexbox | CSS-Tricks
The Flexbox Layout (Flexible Box) module (currently a W3C Last Call Working Draft) aims at providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic (thus the word "flex"). via Pocket
april 2016 by kintopp
The Flexbox Reading List: Techniques And Tools – Smashing Magazine
Flexbox gives us a new kind of control over our layouts1, making coding challenges that were hard or impossible to solve with CSS alone straightforward and intuitive. via Pocket
css  learn  ui 
march 2016 by kintopp
HOW TO: Pure CSS masonry layouts — Medium
One popular content layout style is “masonry”. Not familiar with it? Think Pinterest, Windows’ Metro etc. To describe it in words, an almost crazy paving effect whereby variable sized blocks of content are pieced together in an aesthetically pleasing style, often staggered. via Pocket
css  howto  kanjialive  webdev 
february 2016 by kintopp
Learn CSS Layout The Pedantic Way
Bureaucrat Conrad, you are technically correct - the best kind of correct. I hereby promote you to grade 37. - Number 1.0 (Futurama, S2E15) I won't lie to you, Neo. Every single man or woman who has fought an agent has died. But where they have failed, you will succeed. via Pocket
css  learn 
january 2016 by kintopp
How To Create And Customize A WordPress Child Theme – Smashing Magazine
The WordPress platform is a magnet for those who want to take matters into their own hands, who want complete control over their websites and want to be independent in running them. WordPress does make it really easily to completely customize a website. via Pocket
css  template  webdev  wordpress 
january 2016 by kintopp
Why Static Website Generators Are The Next Big Thing – Smashing Magazine
At StaticGen281, our open-source directory of static website generators, we’ve kept track of more than a hundred generators for more than a year now, and we’ve seen both the volume and popularity of these projects take off incredibly on GitHub during that time, going from just 50 to more th via Pocket
css  html  webdev 
november 2015 by kintopp
Flexbox For Interfaces All The Way: Tracks Case Study – Smashing Magazine
The days of floats and margin trickery are finally behind us, as CSS furnishes developers with new and improved properties perfect for those delicate layouts. via Pocket
css  learn 
november 2015 by kintopp
Pixelarity: Spectacular responsive site templates
Spectacular responsive site templates for whatever you're building. Beautifully designed. Expertly coded. Unlimited access for just $19. Sign up for just $19 and get three months of unlimited downloads, new releases and support. Keep using anything you download even if you decide not to renew. via Pocket
css  html5  template  webdev 
february 2015 by kintopp
About Ghost - The Open Source Blogging Platform
Ghost is a platform dedicated to one thing: Publishing. It's beautifully designed, completely customisable and completely Open Source. Ghost allows you to write and publish your own blog, giving you the tools to make it easy and even fun to do. Ghost is an Open Source software project. via Pocket
blogging  css  html 
february 2015 by kintopp
Did I say flexible? Wintersmith tries not to put any limitations on how you work with your content. You can transform it using plugins and structure it as you please. No special directories or odd metadatafiles, just a directory structure. via Pocket
blogging  css  html 
february 2015 by kintopp
Jekyll • Simple, blog-aware, static sites
Transform your plain text into static websites and blogs. No more databases, comment moderation, or pesky updates to install—just your content. via Pocket
css  html  webdev 
february 2015 by kintopp
Styling And Animating SVGs With CSS - Smashing Magazine
CSS can be used to style and animate scalable vector graphics, much like it is used to style and animate HTML elements. via Pocket
animation  css  svg  webdev 
december 2014 by kintopp
20 Tutorials That Will Improve Your CSS Skills and Make You a Better Coder | SpyreStudios
Create Digital Poster Design with CSS3 Only Create a rocking drop down navigation menu using css3 CSS Gradient Text Effect The CSS-Only Accordion Effect Create a rollover image using css image sprites Rounded Corner Boxes the CSS3 Way Styling Tables with CSS Working with css3 gradients an via Pocket
css  demos  howto  learn  webdev 
july 2014 by kintopp

Copy this bookmark:

to read