background preloader

KNACSS, un micro framework CSS qui a du goût !

KNACSS, un micro framework CSS qui a du goût !
Soft reset KNACSS applies a minimal CSS reset to remove some problematical external margins and have a generic base for all elements. Box-Sizing One important part is that KNACSS use the usefull box-sizing: border-box model to ease our life when dealing with paddings and borders ; the exact size of all elements will now correspond to width property (and not width + padding + border anymore) : Typography For accessibility concerns, em is used as the main unit for major elements font sizes.

http://knacss.com/

Related:  CSSFrameworks Frontend

Full property table previous next contents properties index Appendix F. Full property table Top 21 Best Free CSS3 Frameworks for Web Development 2016 Cascading Style Sheets (CSS) is what gives the web its cozy looks. Writing plain HTML is a thing of a very distant past, and the language itself (CSS) has advanced so much in the recent years that it’s impossible to imagine what the web would look like without it. In the early days, much of webs styling could be achieved through HTML usage, while nowadays both HTML5 and CSS3 work closely together to achieve startling results in web design, application design, and in some cases even software design. It’s an evolving styling language. Web designer communities such as CodePen have enabled for designers and creative artists to understand more the full capacity of CSS3 features, and each day hundreds of new and inspirational concepts are being added to the CodePen community for indulging, exploring, and reusing within others own projects; tune in the Radio Station (Podcast) to get a weekly update on all the best stuff happening in the world of style sheets. Material Framework

An Introduction To Object Oriented CSS (OOCSS) Advertisement We explore how to craft flexible front-end design patterns and making future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now → Have you ever heard the phrase “Content is King”? What are Frameworks? 22 Best Responsive CSS Frameworks for Web Design This post aims to present what frameworks are and what they are used for, alongside a selection of the best that can be got for free on the internet. In this way, we want to help web designers and developers who are starting out to discover new resources and possibilities, as well as setting out concepts that can sometimes be too abstract for those who have already travelled far in the world of web design. What is a framework? A framework is a standardized set of concepts, practices and criteria for dealing with a common type of problem, which can be used as a reference to help us approach and resolve new problems of a similar nature. In the world of web design, to give a more straightforward definition, a framework is defined as a package made up of a structure of files and folders of standardized code (HTML, CSS, JS documents etc.) which can be used to support the development of websites, as a basis to start building a site.

Most popular smartphone screen resolutions 2015 The first 4K (2160 x 3840) smartphone, the ZTE Star 3, is reportedly on the way, and thus perhaps 4K will become the new standard for mobile device screen resolution. However, lower resolutions are currently the most popular in the smartphone world. Check out the most recent statistics on top smartphone screen resolutions in 2015 based on browser hits.

Top 25+ Best CSS Framework 2016 for Web Designers We already wrote an article about Responsive CSS frameworkbut today we bring you a lot more best CSS framework 2016 for a designer to choices and build their website within a less time frame. The purpose of today’s posts to expand the list of frameworks and provide you more free CSS framework over the internet. Our today collection covers all possible best framework of 2016. CssDeck Alternatives AlternativeTo AlternativeTo is a free service that helps you find better alternatives to the products you love and hate. The site is made by Ola and Markus in Sweden, with a lot of help from our friends in Italy, Finland, USA and contributors from all over the world. That's right, all the lists of alternatives are crowd-sourced, and that's what makes the data powerful and relevant.

Tool-Up Time: The Very Best Front End Web Developer Tools DebugMe Blog We talked a lot with our in-house web developer team, researched the topic for hours and hours and finally put together the DebugMe* list of front end web developer tools which can be useful for every web dev out there. *Our bug tracking and visual feedback giving solution is not on the list because we are more humble than that, however you should take a look at it and maybe give it a try. DebugMe will make your life easier especially if you are a web developer, a web designer or a project manager. Are you a web developer or a designer? This tool will make your life and workflow a lot easier

Related: