What web designers could learn from print designersErlend Debast
This presentation is about what we (as web designers) could learn from print designers.
This presentation covers; typography, white space, composition, thinking bigger & visual language.
You know it's important for your web project to be accessible to people who use all kinds of assistive technology to access the internet. But all the guidelines for web accessibility you can find don't go much beyond "make sure all your images have alt text", and all the resources you can find treat "accessibility" as a synonym for "making your site work in a screen reader". You know there are other things you should be doing and other forms of assistive technology you should be accomodating, but all the best practices documents are a complicated morass of contradicting information (if you can find best practices documents at all.)
Have no fear! This tutorial gives you a number of concrete steps to take to make things more accessible.
This presentation has downloadable notes and exercises available at http://denise.dreamwidth.org/tag/a11y . Video of the talk should be available later.
If you’re familiar with accessibility, you may know some of the basics already. We’ll review some newer or more obscure techniques that can help prime you to look at the new hotness features with a more critical eye. Instead of pushing code techniques, we’ll discuss the logic behind these approaches, giving you the opportunity to turn some of these concepts over in your own head instead of just walking away with a shallow checklist.
What web designers could learn from print designersErlend Debast
This presentation is about what we (as web designers) could learn from print designers.
This presentation covers; typography, white space, composition, thinking bigger & visual language.
You know it's important for your web project to be accessible to people who use all kinds of assistive technology to access the internet. But all the guidelines for web accessibility you can find don't go much beyond "make sure all your images have alt text", and all the resources you can find treat "accessibility" as a synonym for "making your site work in a screen reader". You know there are other things you should be doing and other forms of assistive technology you should be accomodating, but all the best practices documents are a complicated morass of contradicting information (if you can find best practices documents at all.)
Have no fear! This tutorial gives you a number of concrete steps to take to make things more accessible.
This presentation has downloadable notes and exercises available at http://denise.dreamwidth.org/tag/a11y . Video of the talk should be available later.
If you’re familiar with accessibility, you may know some of the basics already. We’ll review some newer or more obscure techniques that can help prime you to look at the new hotness features with a more critical eye. Instead of pushing code techniques, we’ll discuss the logic behind these approaches, giving you the opportunity to turn some of these concepts over in your own head instead of just walking away with a shallow checklist.
A walkthrough showing you how to take a webpage template and create the HTML and CSS for it. We go through each of the parts of the page individually and explain how to create them all
The web standards gentleman: a matter of (evolving) standards)Chris Mills
This talk discusses standards evolution, HTML5 and CSS3 in detail. Starting with the history of HTML and CSS, it goes on to show how HTML5 and CSS3 were developed, why they were necessary, the problems they aim to solve, what the main new features are and why they are so useful, and how we can start using these features in the real world, right now. It also provides advice for the discerning web standards gentleman.
We've focused on designing Web pages for long time. Pixel perfection & designing the same experience for all devices is not possible. Instead of page-based designs. We need design systems. Atomic design allows us to traverse from abstract to concrete. Creators can focus on the atoms and molecules and Clients can focus on pages and templates.
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/
Rails is not enough, by Javier Ramirez, at Conferencia Rails 2010 in Madrid, ...javier ramirez
We rails people tend to think of Rails as the center-piece of web development. The same thing can be said of .net, Spring/Java Server Faces, Drupal, Python or name-your-web-framework-of-choice-here people.
Web frameworks are just a component of web applications, and if you want to succeed you better know the miriads of other components beyond your rockstar code.
In my session I will talk about things you must take into account and tools/techniques you should master if you want to make a difference in web development, independently of your development language/framework.
Talk delivered at conferencia rails 2010 in Madrid, Spain.
The web is not a fixed width, and Steve Fisher thinks we are remembering that. If our medium is fluid, should our process be fixed? Steve prefers designing within the browser, especially when responsive design is a requirement. Fireworks and Photoshop are not flexible enough to demonstrate media queries, button and menu states, HTML5 and JavaScript behaviors, dynamic resizing of elements and navigation flow. Because the medium is fluid, our approach to design has to be fluid as well. A responsive process is a responsible process, matching the medium. After working with many companies and organizations, helping them transform their process to fit a responsive workflow, Steve is going to share the goods. One web to rule them all!
To non-designers, design can seem like a mysterious realm inhabited by natural artists — inscrutable beings whose heads are constantly in the clouds as they hunker down in Photoshop, desperately trying to get every last pixel aligned perfectly (Okay, maybe there’s a *bit* of truth to that). Realistically, design is just a series of informed decisions based on a set of principles guided by best practice. By learning the basics of design, you can make your WordPress sites and applications more usable and compelling. This session is meant for anyone new to design.
Taken from Future of Web Design (#FOWD), London 2015 Conference. http://futureofwebdesign.com/london-2015
Reports are in from Twitter, Medium, and the like; we can’t make full comps, use Photoshop, or even utter the phrase 'visual design' anymore. What’s a designer to do? Has our role evaporated? Fear not! Dan Mall will help redefine the tasks of the modern day designer in light of the multi -device world that snuck up on us.
A walkthrough showing you how to take a webpage template and create the HTML and CSS for it. We go through each of the parts of the page individually and explain how to create them all
The web standards gentleman: a matter of (evolving) standards)Chris Mills
This talk discusses standards evolution, HTML5 and CSS3 in detail. Starting with the history of HTML and CSS, it goes on to show how HTML5 and CSS3 were developed, why they were necessary, the problems they aim to solve, what the main new features are and why they are so useful, and how we can start using these features in the real world, right now. It also provides advice for the discerning web standards gentleman.
We've focused on designing Web pages for long time. Pixel perfection & designing the same experience for all devices is not possible. Instead of page-based designs. We need design systems. Atomic design allows us to traverse from abstract to concrete. Creators can focus on the atoms and molecules and Clients can focus on pages and templates.
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/
Rails is not enough, by Javier Ramirez, at Conferencia Rails 2010 in Madrid, ...javier ramirez
We rails people tend to think of Rails as the center-piece of web development. The same thing can be said of .net, Spring/Java Server Faces, Drupal, Python or name-your-web-framework-of-choice-here people.
Web frameworks are just a component of web applications, and if you want to succeed you better know the miriads of other components beyond your rockstar code.
In my session I will talk about things you must take into account and tools/techniques you should master if you want to make a difference in web development, independently of your development language/framework.
Talk delivered at conferencia rails 2010 in Madrid, Spain.
The web is not a fixed width, and Steve Fisher thinks we are remembering that. If our medium is fluid, should our process be fixed? Steve prefers designing within the browser, especially when responsive design is a requirement. Fireworks and Photoshop are not flexible enough to demonstrate media queries, button and menu states, HTML5 and JavaScript behaviors, dynamic resizing of elements and navigation flow. Because the medium is fluid, our approach to design has to be fluid as well. A responsive process is a responsible process, matching the medium. After working with many companies and organizations, helping them transform their process to fit a responsive workflow, Steve is going to share the goods. One web to rule them all!
To non-designers, design can seem like a mysterious realm inhabited by natural artists — inscrutable beings whose heads are constantly in the clouds as they hunker down in Photoshop, desperately trying to get every last pixel aligned perfectly (Okay, maybe there’s a *bit* of truth to that). Realistically, design is just a series of informed decisions based on a set of principles guided by best practice. By learning the basics of design, you can make your WordPress sites and applications more usable and compelling. This session is meant for anyone new to design.
Taken from Future of Web Design (#FOWD), London 2015 Conference. http://futureofwebdesign.com/london-2015
Reports are in from Twitter, Medium, and the like; we can’t make full comps, use Photoshop, or even utter the phrase 'visual design' anymore. What’s a designer to do? Has our role evaporated? Fear not! Dan Mall will help redefine the tasks of the modern day designer in light of the multi -device world that snuck up on us.
Stop Worrying & Get On With It: Progressive Enhancement & Intentional Degrada...elliotjaystocks
Slides from my appearance at Web Directions South 09: a talk that combines my presentations 'Stop Worrying & Get On With It' and 'Progressive Enhancement & Intentional Degradation'.
Book Formatting: Quality Control Checks for DesignersConfidence Ago
This presentation was made to help designers who work in publishing houses or format books for printing ensure quality.
Quality control is vital to every industry. This is why every department in a company need create a method they use in ensuring quality. This, perhaps, will not only improve the quality of products and bring errors to the barest minimum, but take it to a near perfect finish.
It is beyond a moot point that a good book will somewhat be judged by its cover, but the content of the book remains king. No matter how beautiful the cover, if the quality of writing or presentation is off, that will be a reason for readers not to come back to the book or recommend it.
So, this presentation points designers to some important things that may be missed by an editor that they could eventually discover and call the attention of the editor.
Technoblade The Legacy of a Minecraft Legend.Techno Merch
Technoblade, born Alex on June 1, 1999, was a legendary Minecraft YouTuber known for his sharp wit and exceptional PvP skills. Starting his channel in 2013, he gained nearly 11 million subscribers. His private battle with metastatic sarcoma ended in June 2022, but his enduring legacy continues to inspire millions.
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.
Hello everyone! I am thrilled to present my latest portfolio on LinkedIn, marking the culmination of my architectural journey thus far. Over the span of five years, I've been fortunate to acquire a wealth of knowledge under the guidance of esteemed professors and industry mentors. From rigorous academic pursuits to practical engagements, each experience has contributed to my growth and refinement as an architecture student. This portfolio not only showcases my projects but also underscores my attention to detail and to innovative architecture as a profession.
Connect Conference 2022: Passive House - Economic and Environmental Solution...TE Studio
Passive House: The Economic and Environmental Solution for Sustainable Real Estate. Lecture by Tim Eian of TE Studio Passive House Design in November 2022 in Minneapolis.
- The Built Environment
- Let's imagine the perfect building
- The Passive House standard
- Why Passive House targets
- Clean Energy Plans?!
- How does Passive House compare and fit in?
- The business case for Passive House real estate
- Tools to quantify the value of Passive House
- What can I do?
- Resources
22. What’s wrong with
these galleries?
Most of the content is the same
There’s a low signal-to-noise ratio
23. What’s wrong with
these galleries?
Most of the content is the same
There’s a low signal-to-noise ratio
Many exist purely for the sake of advertising
24. What’s wrong with
these galleries?
Most of the content is the same
There’s a low signal-to-noise ratio
Many exist purely for the sake of advertising
But most importantly...
58. Jeff Croft:
“Flash speaks [a designer’s] language. It's visual in nature
and has similar tools and UI to Photoshop, Illustrator,
and their ilk.”
subtraction.com/archives/2008/0114_the_story_so.php
60. Two tangents
XHTML / CSS
(rigidity of layout*)
Print design
Flash
(freedom of layout*)
61. Two tangents
XHTML / CSS
(rigidity of layout*)
Print design
Flash
(freedom of layout*)
* Generally speaking, of course. You know I love Web Standards more than Flash
... so please don’t throw the tomatoes just yet!
85. Khoi Vinh:
“My complaint, right now, is that the majority of
storytelling that happens on the Web is based in the
interactively rich environment made possible by Flash.”
“Not enough Web standards-minded designers are
thinking narratively in the way that our Flash-fluent
colleagues are.”
subtraction.com/archives/2008/0114_the_story_so.php
86. No One Belongs Here More Than You
noonebelongsheremorethanyou.com
87. No One Belongs Here More Than You
noonebelongsheremorethanyou.com
88. Narrative
Narrative is not just about backward and forward
or next and previous. It is about an evolving structure,
problems and solutions, and a continuous sense of
movement.
118. Conclusions
Print design aesthetics have split off into two
(Flash and HTML / CSS) tangents in web design.
We need to unify these two branches by embracing
design ‘freedoms’ from print design in the
Web Standards world.
119. Conclusions
Print design aesthetics have split off into two
(Flash and HTML / CSS) tangents in web design.
We need to unify these two branches by embracing
design ‘freedoms’ from print design in the
Web Standards world.
Narrative is lacking in non-Flash web design and we
need to challenge our current aesthetics.
120. Conclusions
Print design aesthetics have split off into two
(Flash and HTML / CSS) tangents in web design.
We need to unify these two branches by embracing
design ‘freedoms’ from print design in the
Web Standards world.
Narrative is lacking in non-Flash web design and we
need to challenge our current aesthetics.
Impressing is not just done by good design;
it’s done by brave design.
121. Again:
If you only get your
inspiration from one place,
your designs will grow stale.
Why should a website look
like every other website?