Commanding Chaos for Coworking, Open Source and Creative Communities

responsive

fat763/breakpoints_class · GitHub

Fri, 09/18/2015 - 08: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 - 08: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

Importing CSS Breakpoints Into Javascript | Lullabot

Thu, 06/11/2015 - 08: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 - 19: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

Masonry Panels | Drupal.org

Wed, 02/18/2015 - 12:55 -- rprice

Provides 'Masonry' style layouts as an option for rendering the contents of panel panes. Masonry rendering will re-pack panes in your panel to minimize vertical space and provide column-like appearance while the items are still in natural (horizontal) order on the page. With "Responsive" layouts happening everywhere, the Panels approach of locking everything into a grid can provide a bit of a dilemma, because your column count is pretty static. But the Panels approach of letting an editor drop elements into a page in certain zones still works well in some cases.

drupaleasypodcast
modules
panels
layout
responsive

InterNations/antwort · GitHub

Thu, 09/18/2014 - 09:27 -- rprice

Antwort offers responsive layouts for Email that both fits and adapts to client widths. Don't underwhelm desktop users with single column layouts that work for mobile. Antwort offers columns on desktop that automatically become rows on mobile. Works on mobile: Mail on iOS and Email on Android. Works in major clients like Hotmail, Gmail, Yahoo! and AOL. Even works in Outlook (2000+). Bulletproof layouts: made with dynamic content in mind. Minimalist in design for maximum customizability.

email
responsive
html

Responsive Menus | Drupal.org

Fri, 02/07/2014 - 13:17 -- rprice

Responsify your menus! Just give me a CSS/jQuery style selector of your menu and I will make it mobile friendly (when the time is right). Technically you could set this to affect any element on the page... e.g. collapse a sidebar or content area at a certain screen width. (Using certain styles).

responsive
menu
drupaleasypodcast
javascript
library

Responsive Menus | Drupal.org

Fri, 02/07/2014 - 13:17 -- rprice

Responsify your menus! Just give me a CSS/jQuery style selector of your menu and I will make it mobile friendly (when the time is right). Technically you could set this to affect any element on the page... e.g. collapse a sidebar or content area at a certain screen width. (Using certain styles).

responsive
menu
drupaleasypodcast
javascript
library

http://ivanchaquea.com/creating-responsive-menu-omega-subthemes.html

Wed, 05/15/2013 - 09:26 -- rprice

First we will apply the css for both the accordion and the drop down, we will put the accordion styles in the global.css stylesheet in your subtheme, and the dropdown styles in yoursubtheme-alpha-default.css file. In my case the menu block has an id of #block-menu-menu-accordion, so replace that id with your own menu block id.

ui
menu
responsive
drupaleasypodcast
omega

Pages

Subscribe to RSS - responsive