Commanding Chaos for Coworking, Open Source and Creative Communities

css

fat763/breakpoints_class · GitHub

Fri, 09/18/2015 - 05:04 -- rprice

* Allows to add classes to body tag based on Breakpoints module configuration for specific themes. * Allows to setup classes prefix in module settings. It might be helpful if you have some conflicts with breakpoints and already existing body classes. * Debug mode for logging into Javascript console all breakpoint changes.

drupaleasypodcast
responsive
css
javascript

fat763/breakpoints_class · GitHub

Fri, 09/18/2015 - 05:04 -- rprice

* Allows to add classes to body tag based on Breakpoints module configuration for specific themes. * Allows to setup classes prefix in module settings. It might be helpful if you have some conflicts with breakpoints and already existing body classes. * Debug mode for logging into Javascript console all breakpoint changes.

drupaleasypodcast
responsive
css
javascript

Simple aggregation | Drupal.org

Mon, 08/24/2015 - 07:54 -- rprice

A simple aggregation module for Drupal 7 that reduces the number of aggregated files by: Moving the “System” aggregate to the start of the “Module” aggregate. Preventing modules from adding CSS files with the "screen" media type. (They are converted to "all".) Preventing external CSS files, inline CSS, IE conditional CSS files, or different media type CSS files from splitting aggregate files due to the order they were added to the system. Preventing empty aggregate files from being loaded. Project goal To be a configuration-less aggregation option that works better than core.

drupaleasypodcast
javascript
css
performance

Simple aggregation | Drupal.org

Mon, 08/24/2015 - 07:54 -- rprice

A simple aggregation module for Drupal 7 that reduces the number of aggregated files by: Moving the “System” aggregate to the start of the “Module” aggregate. Preventing modules from adding CSS files with the "screen" media type. (They are converted to "all".) Preventing external CSS files, inline CSS, IE conditional CSS files, or different media type CSS files from splitting aggregate files due to the order they were added to the system. Preventing empty aggregate files from being loaded. Project goal To be a configuration-less aggregation option that works better than core.

drupaleasypodcast
javascript
css
performance

Importing CSS Breakpoints Into Javascript | Lullabot

Thu, 06/11/2015 - 05:57 -- rprice

A quick and easy solution to this problem is to have your JS import the breakpoints directly from the CSS values in the DOM. This solution brings the current breakpoint variable into your JS in a way that's Simple & Lightweight DRY Compatible with all browsers that support media queries (IE9+)

drupaleasypodcast
css
javascript
responsive
tips
theming

Quantity Queries for CSS · An A List Apart Article

Fri, 03/06/2015 - 16:04 -- rprice

If you’re not familiar with the general sibling combinator, the ~ li in li:nth-last-child(6):first-child ~ li means “any li elements that occur after li:nth-last-child(6):first-child.” In the following example, the elements each adopt a green font color if there are precisely six of them in total. Web design is about mutability, difference, uncertainty. It’s about not knowing. Uniquely, it is a mode of visual design not about manifesting a form, but about anticipating the different forms something might take.

css3
responsive
math
drupaleasypodcast
css
webdesign

Classy Panel Styles | Drupal.org

Wed, 02/18/2015 - 09:59 -- rprice

CPS allows themers and designers to create a simplified pool of ready-made styles for site builders to choose from when laying out their pages. These translate directly to template and class changes in the DOM in a predictable way. Bridges the gap between styles applied to the site regions and styles applied to the content itself... where the "theme" ends and the WYSIWYG editor begins. Builds on the drag-and-drop content layout freedom that Panels provides. Allows editors to apply ready-made styles a themer has whipped up for them — without having to remember class names!

drupaleasypodcast
panels
css
layout

CodePen - Front End Developer Playground & Code Editor in the Browser

Tue, 02/03/2015 - 09:23 -- rprice

CodePen is for Web Designers and Front End Developers. It is an HTML, CSS, and JavaScript code editor in your browser with instant previews of the code you see and write. It is a searchable trove of your own creations, and a world of other people's creations. A place to troubleshoot, to teach, to learn, to test, and to grow.

code
html5
Programming
javascript
html
css
svg
inspiration
battideas

Type Rendering Mix

Thu, 09/04/2014 - 12:14 -- rprice

Using Type Rendering Mix you can instead decrease the font weight for browsers that use Core Text to render text. By only applying changes when Core Text is used you will achieve a more consistent rendering while preserving the accuracy of sub-pixel antialiasing. .tr-coretext { font-weight: 100; } Another use case for Type Rendering Mix is to disable web fonts when no antialiasing is applied. In the following example we fall back on “Verdana”, one of the core web fonts that is known to render well when antialiasing is disabled.

typography
javascript
fonts
css
drupaleasypodcast
resources

Pages

Subscribe to RSS - css