The document discusses the history and evolution of stylesheets and CSS frameworks. It begins with a brief history of radio formats like AM, FM, and XM, drawing parallels to the evolution of stylesheets from basic HTML to CSS1/2 to modern CSS frameworks. These frameworks simplify stylesheets through features like nested rules, variables, mixins, imports, and powerful functions. Examples are given of various CSS frameworks and how they can be implemented with Sass.
This is an old slidedeck (March 2006) that I rediscovered the other day on my filesystem, but it still seems relevant in that, even at that early stage, it illustrates strong crosslinks between enterprise-architecture and systems-thinking - particularly service-oriented architectures, the 'tetradian' dimensions (here as machines, knowledge, people and business-purpose), and a somewhat-extended version of Stafford Beer's classic Viable Systems Model. It's also slightly unusual in that it cross-references to FEAF (US Federal Enterprise Architecture Framework) rather than TOGAF, as we'd found the latter to be unhelpful and misleading for that particular client. The client themselves were in the logistics industry - hence the pseudo-logo in the upper left of each slide.
It was a real presentation for a real client, presenting to other architects in our team some research I'd been doing, on how we could rethink our approach to enterprise-architecture as we started to break out of the classic IT-centric box. It's in a style I wouldn't use these days - way too many words! - and it's been somewhat 'de-identified' for reasons of commercial confidentiality, but otherwise it's exactly as presented to my colleagues at that client.
One minor note: the 'X/C/M/P' extensions to the Viable System Model, in slides 19, 20 and 28, relate to work we'd been doing at the time on integrating quality-system concerns - management of exceptions, corrective-action, issue-tracking and process-improvement - into both enterprise-architecture and the Viable System Model itself. I haven't seen any other reference to this type of integration, either before or since: it may be useful to quite a few people, on both the enterprise-architecture and systems-thinking sides of that discussion, and also to quality-system folks as well.
In short, yes, it's old, but it may still be useful for some folks in enterprise-architectures and elsewhere. Hope it helps, anyway.
A slideshow that tells a story of conference design and the underpinning principles.
Show Me The Change - Complexity & the Art of Evaluation.
www.showmethechange.net.au
This is an old slidedeck (March 2006) that I rediscovered the other day on my filesystem, but it still seems relevant in that, even at that early stage, it illustrates strong crosslinks between enterprise-architecture and systems-thinking - particularly service-oriented architectures, the 'tetradian' dimensions (here as machines, knowledge, people and business-purpose), and a somewhat-extended version of Stafford Beer's classic Viable Systems Model. It's also slightly unusual in that it cross-references to FEAF (US Federal Enterprise Architecture Framework) rather than TOGAF, as we'd found the latter to be unhelpful and misleading for that particular client. The client themselves were in the logistics industry - hence the pseudo-logo in the upper left of each slide.
It was a real presentation for a real client, presenting to other architects in our team some research I'd been doing, on how we could rethink our approach to enterprise-architecture as we started to break out of the classic IT-centric box. It's in a style I wouldn't use these days - way too many words! - and it's been somewhat 'de-identified' for reasons of commercial confidentiality, but otherwise it's exactly as presented to my colleagues at that client.
One minor note: the 'X/C/M/P' extensions to the Viable System Model, in slides 19, 20 and 28, relate to work we'd been doing at the time on integrating quality-system concerns - management of exceptions, corrective-action, issue-tracking and process-improvement - into both enterprise-architecture and the Viable System Model itself. I haven't seen any other reference to this type of integration, either before or since: it may be useful to quite a few people, on both the enterprise-architecture and systems-thinking sides of that discussion, and also to quality-system folks as well.
In short, yes, it's old, but it may still be useful for some folks in enterprise-architectures and elsewhere. Hope it helps, anyway.
A slideshow that tells a story of conference design and the underpinning principles.
Show Me The Change - Complexity & the Art of Evaluation.
www.showmethechange.net.au
Una mirada al proceso de desarrollo de Hashrocket y la forma de trabajo de una de las mas renombradas boutiques web, desde la perspectiva de la oficina de sudamérica basada en Santiago de Chile.
Pecha Kucha -- Bringing Japanese Efficiency to Campus Visit Presentations
Most campus visit programs are guilty of "Powerpointing" guests to death. Learn the "power" of Pecha Kucha, the Japanese process of creating concise, conversational, yet compelling presentations. It's the next Japanese improvement of an American icon and promises to be bigger than Godzilla and hipper than Hello Kitty.
These are the slides from a presentation I gave about Open Library at the California Association of Museums conference earlier this year. It outlines the general approach I took to redesigning the catalog of Open Library.
- http://www.calmuseums.org/index.cfm?fuseaction=Page.ViewPage&pageId=493
- http://openlibrary.org
Una mirada al proceso de desarrollo de Hashrocket y la forma de trabajo de una de las mas renombradas boutiques web, desde la perspectiva de la oficina de sudamérica basada en Santiago de Chile.
Pecha Kucha -- Bringing Japanese Efficiency to Campus Visit Presentations
Most campus visit programs are guilty of "Powerpointing" guests to death. Learn the "power" of Pecha Kucha, the Japanese process of creating concise, conversational, yet compelling presentations. It's the next Japanese improvement of an American icon and promises to be bigger than Godzilla and hipper than Hello Kitty.
These are the slides from a presentation I gave about Open Library at the California Association of Museums conference earlier this year. It outlines the general approach I took to redesigning the catalog of Open Library.
- http://www.calmuseums.org/index.cfm?fuseaction=Page.ViewPage&pageId=493
- http://openlibrary.org
Similar to CSS Metaframeworks: King of all @media (8)
Transforming Brand Perception and Boosting Profitabilityaaryangarg12
In today's digital era, the dynamics of brand perception, consumer behavior, and profitability have been profoundly reshaped by the synergy of branding, social media, and website design. This research paper investigates the transformative power of these elements in influencing how individuals perceive brands and products and how this transformation can be harnessed to drive sales and profitability for businesses.
Through an exploration of brand psychology and consumer behavior, this study sheds light on the intricate ways in which effective branding strategies, strategic social media engagement, and user-centric website design contribute to altering consumers' perceptions. We delve into the principles that underlie successful brand transformations, examining how visual identity, messaging, and storytelling can captivate and resonate with target audiences.
Methodologically, this research employs a comprehensive approach, combining qualitative and quantitative analyses. Real-world case studies illustrate the impact of branding, social media campaigns, and website redesigns on consumer perception, sales figures, and profitability. We assess the various metrics, including brand awareness, customer engagement, conversion rates, and revenue growth, to measure the effectiveness of these strategies.
The results underscore the pivotal role of cohesive branding, social media influence, and website usability in shaping positive brand perceptions, influencing consumer decisions, and ultimately bolstering sales and profitability. This paper provides actionable insights and strategic recommendations for businesses seeking to leverage branding, social media, and website design as potent tools to enhance their market position and financial success.
Expert Accessory Dwelling Unit (ADU) Drafting ServicesResDraft
Whether you’re looking to create a guest house, a rental unit, or a private retreat, our experienced team will design a space that complements your existing home and maximizes your investment. We provide personalized, comprehensive expert accessory dwelling unit (ADU)drafting solutions tailored to your needs, ensuring a seamless process from concept to completion.
Dive into the innovative world of smart garages with our insightful presentation, "Exploring the Future of Smart Garages." This comprehensive guide covers the latest advancements in garage technology, including automated systems, smart security features, energy efficiency solutions, and seamless integration with smart home ecosystems. Learn how these technologies are transforming traditional garages into high-tech, efficient spaces that enhance convenience, safety, and sustainability.
Ideal for homeowners, tech enthusiasts, and industry professionals, this presentation provides valuable insights into the trends, benefits, and future developments in smart garage technology. Stay ahead of the curve with our expert analysis and practical tips on implementing smart garage solutions.
Top 5 Indian Style Modular Kitchen DesignsFinzo Kitchens
Get the perfect modular kitchen in Gurgaon at Finzo! We offer high-quality, custom-designed kitchens at the best prices. Wardrobes and home & office furniture are also available. Free consultation! Best Quality Luxury Modular kitchen in Gurgaon available at best price. All types of Modular Kitchens are available U Shaped Modular kitchens, L Shaped Modular Kitchen, G Shaped Modular Kitchens, Inline Modular Kitchens and Italian Modular Kitchen.
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Mansi Shah
This study examines cattle rearing in urban and rural settings, focusing on milk production and consumption. By exploring a case in Ahmedabad, it highlights the challenges and processes in dairy farming across different environments, emphasising the need for sustainable practices and the essential role of milk in daily consumption.
18. @font-face
means
Typographic freedom!
Wednesday, February 3, 2010
19. Cool
New selectors
Wednesday, February 3, 2010
20. CSS3 selectors (and some golden oldies)
* ::first-letter :enabled
E :first-line :disabled
.class ::first-line :checked
#id E[attribute^=value] :header
E F E[attribute$=value]
E > F E[attribute*=value]
E + F E ~ F
E[attribute] :root Steal this from jQuery, please
E[attribute=value] :last-child
E[attribute~=value] :only-child
E[attribute|=value] :nth-child()
:first-child :nth-last-child()
:link :first-of-type
:visited :last-of-type
:lang() :only-of-type
:before :nth-of-type()
::before :nth-last-of-type()
:after :empty
::after :not()
:first-letter :target
Wednesday, February 3, 2010
21. Some smash hits from the design blogs
Wednesday, February 3, 2010
22. 30 tips for SemanticTM markup and classes
Wednesday, February 3, 2010
70. CSS2 selectors
*
E
.class
#id
E F
E > F
E + F
E[attribute]
E[attribute=value]
E[attribute|=value]
:first-child
:link
:visited
:lang()
:before
::before
:after
::after
:first-letter
:first-line
Wednesday, February 3, 2010
71. ... and even more stuff no browsers
supported until years later.
Wednesday, February 3, 2010
86. Nested rules - selectors
table.users tr td a {color: #111}
table.users tr.alt td a {color: #333}
Wednesday, February 3, 2010
87. Nested rules - selectors
table.users Lo o k , Ma,
tr n o braces
td
a
color: #111 or semicolons
td.alt
a
color: #333
But you can use
both if you wanna
Wednesday, February 3, 2010
95. Mixins
=frame(!padding_width = 2px, !border_color = #ddd)
padding = !padding_width
border:
width: 1px
defines t he mixin
style: solid
color = !border_color
.avatar
+frame
position: absolute
top: 5px
mixes in t h e rule s
left: 5px
p img
+frame(1px, #ccc)
Wednesday, February 3, 2010
98. Imports
@import reset.sass # _reset.sass
@import typography.sass # _typography.sass
@import layout.sass # _layout.sass
Included at compile time -
just one http request
Wednesday, February 3, 2010
115. Sass and Compass
$ sudo gem install haml
$ sudo gem install compass --pre
CALL IT FROM THE COMMAND LINE
$ sass screen.sass screen.css
OR COMPASS-IZE YOUR PROJECT
$ compass --rails -f blueprint
OR WATCH A FOLDER
$ compass --watch
Wednesday, February 3, 2010
116. Compass and WordPress shameless plug
$ sudo gem install compass-wordpress
CRANK OUT A NEW SASS-Y WORDPRESS THEME
$ compass -r compass-wordpress
-f wordpress -p thematic
--sass-dir=sass --css-dir=css
-s compressed my_awesome_theme
AUTOCOMPILE YOUR CHANGES
$ compass --watch
Wednesday, February 3, 2010
118. Get LESS
$ sudo gem install less
CALL IT FROM THE COMMAND LINE
$ lessc screen.less
GRAB THE RAILS PLUGIN
$ script/plugin install git://github.com/cloudhead/more.git
Wednesday, February 3, 2010
134. Resources an d thanks for having me!
http://compass-style.org
http://sass-lang.com
http://lesscss.org
http://xcss.antpaw.org
Questions? I'm @pengwynn on Twitter
http://wynnnetherland.com
the newish blog
Wednesday, February 3, 2010
Editor's Notes
multikey - automatically index arrays of object values
ensure index on tags or _keywords