CSS3 introduces many new features for styling web pages including selectors, RGBA color values, multi-column layouts, multiple backgrounds, word wrap, text shadows, @font-face fonts, border radii, border images, box shadows, and media queries. Browser vendors prefix new CSS properties for cross-browser support during development before the properties become standards. Common prefixes include -webkit for Chrome and Safari, -moz for Firefox, and -ms for Internet Explorer. Using vendor prefixes provides support for experimental CSS3 features across different browsers.
An overview of the CSS preprocessor LESS.
Including code samples for creating mixins, variables, math, colors, patterns, guards, scope, and namespaces.
Given at the Western MA WordPress meetups, 5/30/12. A short presentation on webfonts. The talk featured a brief introduction to webfonts, considerations for picking the right webfont, and integrating webfonts into WordPress.
An overview of the CSS preprocessor LESS.
Including code samples for creating mixins, variables, math, colors, patterns, guards, scope, and namespaces.
Given at the Western MA WordPress meetups, 5/30/12. A short presentation on webfonts. The talk featured a brief introduction to webfonts, considerations for picking the right webfont, and integrating webfonts into WordPress.
Improving Land Governance for Inclusive and Sustainable Agriculture Transform...futureagricultures
Eugene Rurangwa, UN Food and Agriculture Organisation (FAO)
Presentation to the 11th CAADP Partnership Platform Meeting
Side event on Improving Land Governance for Inclusive and Sustainable Agricultural Transformation
Convened by the AU/AfDB/UNECA Land Policy Initiative
Johannesburg
24 March 2015
McCrindle Research is a reputable research agency committed to conducting world class research and presenting the insights in innovative ways. It is spearheaded by renowned social researcher, demographer and commentator Mark McCrindle, whose expertise has brought McCrindle Research to the forefront when it comes to the latest market research, social trend analysis, generational studies and consumer insights.
So, You Wanna Dev? Join the Team! - WordCamp Raleigh 2017 Evan Mullins
WP Dev/tools for beginners: ftp, git, svn, php, html, css, sass, js, jquery, IDEs, themes, child themes, the loop, hooks, APIs, CLI, agile, bootstrap, SEO, slack… etc.
We’ll discuss the language and various acronyms and buzzwords used by devs in this crash course introduction to the developer’s world. Overview of primary development processes and terms and what software is needed to play the game. We’ll cover what you need to go from zero to developer and hopefully how to have fun on the way.
Improving Land Governance for Inclusive and Sustainable Agriculture Transform...futureagricultures
Eugene Rurangwa, UN Food and Agriculture Organisation (FAO)
Presentation to the 11th CAADP Partnership Platform Meeting
Side event on Improving Land Governance for Inclusive and Sustainable Agricultural Transformation
Convened by the AU/AfDB/UNECA Land Policy Initiative
Johannesburg
24 March 2015
McCrindle Research is a reputable research agency committed to conducting world class research and presenting the insights in innovative ways. It is spearheaded by renowned social researcher, demographer and commentator Mark McCrindle, whose expertise has brought McCrindle Research to the forefront when it comes to the latest market research, social trend analysis, generational studies and consumer insights.
So, You Wanna Dev? Join the Team! - WordCamp Raleigh 2017 Evan Mullins
WP Dev/tools for beginners: ftp, git, svn, php, html, css, sass, js, jquery, IDEs, themes, child themes, the loop, hooks, APIs, CLI, agile, bootstrap, SEO, slack… etc.
We’ll discuss the language and various acronyms and buzzwords used by devs in this crash course introduction to the developer’s world. Overview of primary development processes and terms and what software is needed to play the game. We’ll cover what you need to go from zero to developer and hopefully how to have fun on the way.
Video at http://www.youtube.com/watch?v=HaJnhYPLvx0
Large Drupal projects will generally have a themer or five working alongside the developers, site builders and designers. Themers are the magicians who transform what Drupal wants to do into what the designer wants it to do.
Smaller projects also usually need someone on the team who can make sense of Drupal's output, knows more CSS and JS than anyone else and can configure Views with their eyes closed.
The thing is — and whisper this, if possible redundancy concerns you — we can bypass the themer entirely.
With some simple configuration, a site builder can get Drupal to output exactly the semantic, lightweight markup that any modern front-end designer would be proud of. The designer can be left alone to write the most appropriate HTML, CSS and JS, while the site builder need only choose a couple of options when putting together content types, views and panels to make Drupal behave.
A friendly developer may have to lend a hand every now and then, but that’s it. You can get rid of the themer altogether.
http://2013.drupalcamplondon.co.uk/session/death-themer
WordCamp Asheville 2017 - So You Wanna Dev? Join the Team!Evan Mullins
WP Dev/tools for beginners: ftp, git, svn, php, html, css, sass, js, jquery, IDEs, themes, child themes, the loop, inspect element, hooks, APIs, CLI, agile, bootstrap, SEO, slack… etc.
We’ll discuss the language and various acronyms and buzzwords used by devs in this crash course introduction to the developer’s world. Overview of primary development processes and terms and what software is needed to play the game. We’ll cover what you need to go from zero to developer and hopefully how to have fun on the way.
Takeaways:
Learn to speak dev
Get familiar with concepts (and acronyms) you’ll need to dev
Learn about tools that will help you
WordCamp Greenville 2018 - Beware the Dark Side, or an Intro to DevelopmentEvan Mullins
Crash course introduction to web development for WordPress covering acronyms, buzzwords and concepts that often leave outsiders mystified. Overview of primary development processes and what software and tools are needed to play the game. We’ll cover what you need to go from zero to developer and hopefully how to have fun on the way. WordPress development tools explained for beginners: ftp, git, svn, php, html, css, sass, js, jquery, IDEs, themes, child themes, the Loop, hooks, APIs, CLI, agile, bootstrap, slack, linting, sniffing … etc.
A hands-on workshop for DC Web Women on August 14, 2012.
Read more about the workshop and a summary of what we talked about on my blog: http://www.clarissapeterson.com/2012/08/responsive-web-design/
5. Selectors: Pseudo-Classes
CSS3 provides four powerful pseudo-classes that allow the CSS designer to select
multiple elements according to their positions in a document tree. Using these
pseudo-classes can be a little confusing at first, but it’s easy once you get the
hang of it. The pseudo-classes are:
:nth-child(N)
matches elements on the basis of their positions within a parent element’s list of child elements
:nth-last-child(N)
matches elements on the basis of their positions within a parent element’s list of child elements
:nth-of-type(N)
matches elements on the basis of their positions within a parent element’s list of child elements of the same type
:nth-last-of-type(N)
matches elements on the basis of their positions within a parent element’s list of child elements of the same type
http://reference.sitepoint.com/css/understandingnthchildexpressions
7. Selectors: Pseudo-Classes
:last-child - matches an element that’s the last child element of its parent element
:first-of-type - matches the first child element of the specified element type
:last-of-type - matches the last child element of the specified element type
:only-child - matches an element if it’s the only child element of its parent
:only-of-type - matches an element that’s the only child element of its type
:root - matches the element that’s the root element of the document
:empty - matches elements that have no children
:target - matches an element that’s the target of a fragment identifier in the document’s URI
:enabled - matches user interface elements that are enabled
:disabled - matches user interface elements that are disabled
:checked Pseudo-class - matches elements like checkboxes or radio buttons that are checked
:not(S) - matches elements that aren’t matched by the specified selector
http://reference.sitepoint.com/css/css3psuedoclasses
12. Cross-browser support with CSS Vendor Prefixes
CSS vendor prefixes or CSS browser prefixes are a way for browser makers to add support for
new CSS features in a sort of testing and experimentation period. Browser prefixes are used
to add new features that may not be part of a formal specification and to implement features
in a specification that hasn’t been finalized.
The CSS browser prefixes are: Android: -webkit-
Chrome: -webkit-
Firefox: -moz-
Internet Explorer: -ms-
iOS: -webkit-
Opera: -o-
Safari: -webkit-
http://webdesign.about.com/od/css/a/css-vendor-prefixes.htm
13. Cross-browser support with CSS Vendor Prefixes
In most cases, to use a more advanced CSS style property, you take the standard CSS property and add the prefix
above for each browser. For example, if you want to add a CSS3 transition to your document, you would use the
transition property with the prefixes listed first:
-webkit-transition: all 4s ease;
-moz-transition: all 4s ease;
-ms-transition: all 4s ease;
-o-transition: all 4s ease;
transition: all 4s ease;
http://webdesign.about.com/od/css/a/css-vendor-prefixes.htm
14. Cross-browser support with CSS Vendor Prefixes
Yes, might feel annoying and repetitive to have to write the properties 2–5 times to get it to work in all
browsers, but it’s temporary. As browsers improve, they add support for the standards based version of
the property, and you can remove the prefixed versions. For example, just a few years ago, to set a
rounded corner on a box you had to write:
-moz-border-radius: 10px 5px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 5px;
border-radius: 10px 5px;
But now you really only need:
-webkit-border-radius: 10 5px;
border-radius: 10px 5px;
http://webdesign.about.com/od/css/a/css-vendor-prefixes.htm