ºÝºÝߣshows by User: JennLukas / http://www.slideshare.net/images/logo.gif ºÝºÝߣshows by User: JennLukas / Thu, 25 Jun 2015 16:31:06 GMT ºÝºÝߣShare feed for ºÝºÝߣshows by User: JennLukas A Guide to Being a Better Coworker /slideshow/a-guide-to-49840642/49840642 cssconf-slides-150625163106-lva1-app6892
There's many aspects to being great at your job. To build a successful career in web design and development, we have to look at the bigger picture of professionalism, from self-progress to collaborating with our coworkers to interactions with clients. Let's explore beyond what our daily job description might call for and talk about some of the lesser-known skills and habits that take you from being a good coworker to a great one.]]>
There's many aspects to being great at your job. To build a successful career in web design and development, we have to look at the bigger picture of professionalism, from self-progress to collaborating with our coworkers to interactions with clients. Let's explore beyond what our daily job description might call for and talk about some of the lesser-known skills and habits that take you from being a good coworker to a great one.]]> Thu, 25 Jun 2015 16:31:06 GMT /slideshow/a-guide-to-49840642/49840642 JennLukas@slideshare.net(JennLukas) A Guide to Being a Better Coworker JennLukas There's many aspects to being great at your job. To build a successful career in web design and development, we have to look at the bigger picture of professionalism, from self-progress to collaborating with our coworkers to interactions with clients. Let's explore beyond what our daily job description might call for and talk about some of the lesser-known skills and habits that take you from being a good coworker to a great one. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/cssconf-slides-150625163106-lva1-app6892-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> There&#39;s many aspects to being great at your job. To build a successful career in web design and development, we have to look at the bigger picture of professionalism, from self-progress to collaborating with our coworkers to interactions with clients. Let&#39;s explore beyond what our daily job description might call for and talk about some of the lesser-known skills and habits that take you from being a good coworker to a great one.
A Guide to Being a Better Coworker from Jenn Lukas
]]> 1665 4 https://cdn.slidesharecdn.com/ss_thumbnails/cssconf-slides-150625163106-lva1-app6892-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Interactions in Responsive Web - BDConf Orlando 2014 /slideshow/interactions-in-responsive-web-bdconf-orlando-2014/43724612 bdconf-slides-150120220507-conversion-gate01
We have the technology to add amazing interactions to our websites. With just a little bit of CSS or JavaScript, we can layer enhancements and animations onto our pages which allow our visitors to interact with our content in different ways. These enrichments, if used responsibly, can make our sites fun, memorable, and more enjoyable to use. Examples of interactions we see range from common drop-down menus for navigation to interesting, in-depth transitions while hovering over links. Often, we rely on our mouse device to trigger actions on our sites. While we don’t want to lose these interactions, we also need to find solutions for our visitors without a mouse. These days, we have users browsing our websites on desktops with a mouse, desktops that can touch, small screen mobile phones, large screen tablets, and more. Sometimes the endless possibilities for our audience might seem daunting, but we can find ways to make sure we optimize our site experience for the majority of our users without sacrificing our vision. We’ll take a look at: How interactions on your website affect your visitors Ways to create meaningful and useful interactions with CSS animations and transitions What happens to our actions and enhancements on mobile and touch devices Options to make sure our interactions work well on all devices while maintaining design integrity]]>
We have the technology to add amazing interactions to our websites. With just a little bit of CSS or JavaScript, we can layer enhancements and animations onto our pages which allow our visitors to interact with our content in different ways. These enrichments, if used responsibly, can make our sites fun, memorable, and more enjoyable to use. Examples of interactions we see range from common drop-down menus for navigation to interesting, in-depth transitions while hovering over links. Often, we rely on our mouse device to trigger actions on our sites. While we don’t want to lose these interactions, we also need to find solutions for our visitors without a mouse. These days, we have users browsing our websites on desktops with a mouse, desktops that can touch, small screen mobile phones, large screen tablets, and more. Sometimes the endless possibilities for our audience might seem daunting, but we can find ways to make sure we optimize our site experience for the majority of our users without sacrificing our vision. We’ll take a look at: How interactions on your website affect your visitors Ways to create meaningful and useful interactions with CSS animations and transitions What happens to our actions and enhancements on mobile and touch devices Options to make sure our interactions work well on all devices while maintaining design integrity]]> Tue, 20 Jan 2015 22:05:07 GMT /slideshow/interactions-in-responsive-web-bdconf-orlando-2014/43724612 JennLukas@slideshare.net(JennLukas) Interactions in Responsive Web - BDConf Orlando 2014 JennLukas We have the technology to add amazing interactions to our websites. With just a little bit of CSS or JavaScript, we can layer enhancements and animations onto our pages which allow our visitors to interact with our content in different ways. These enrichments, if used responsibly, can make our sites fun, memorable, and more enjoyable to use. Examples of interactions we see range from common drop-down menus for navigation to interesting, in-depth transitions while hovering over links. Often, we rely on our mouse device to trigger actions on our sites. While we don’t want to lose these interactions, we also need to find solutions for our visitors without a mouse. These days, we have users browsing our websites on desktops with a mouse, desktops that can touch, small screen mobile phones, large screen tablets, and more. Sometimes the endless possibilities for our audience might seem daunting, but we can find ways to make sure we optimize our site experience for the majority of our users without sacrificing our vision. We’ll take a look at: How interactions on your website affect your visitors Ways to create meaningful and useful interactions with CSS animations and transitions What happens to our actions and enhancements on mobile and touch devices Options to make sure our interactions work well on all devices while maintaining design integrity <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/bdconf-slides-150120220507-conversion-gate01-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> We have the technology to add amazing interactions to our websites. With just a little bit of CSS or JavaScript, we can layer enhancements and animations onto our pages which allow our visitors to interact with our content in different ways. These enrichments, if used responsibly, can make our sites fun, memorable, and more enjoyable to use. Examples of interactions we see range from common drop-down menus for navigation to interesting, in-depth transitions while hovering over links. Often, we rely on our mouse device to trigger actions on our sites. While we don’t want to lose these interactions, we also need to find solutions for our visitors without a mouse. These days, we have users browsing our websites on desktops with a mouse, desktops that can touch, small screen mobile phones, large screen tablets, and more. Sometimes the endless possibilities for our audience might seem daunting, but we can find ways to make sure we optimize our site experience for the majority of our users without sacrificing our vision. We’ll take a look at: How interactions on your website affect your visitors Ways to create meaningful and useful interactions with CSS animations and transitions What happens to our actions and enhancements on mobile and touch devices Options to make sure our interactions work well on all devices while maintaining design integrity
Interactions in Responsive Web - BDConf Orlando 2014 from Jenn Lukas
]]> 1009 2 https://cdn.slidesharecdn.com/ss_thumbnails/bdconf-slides-150120220507-conversion-gate01-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 SmashingConf Whister: Developers Ampersandwich /slideshow/smashingconf-whister-developers-ampersandwich/42622893 smashing-whislter-slides-141211165527-conversion-gate01
Let's talk about web typography! Ever spent countless hours crafting a totally awesome type system for your beautiful design, only to have it lost in translation when it goes to development? Examine type and icon fonts through a developer lens, and learn how designers and front-end developers can work together to get everyone on the same (elegantly designed) page!]]>
Let's talk about web typography! Ever spent countless hours crafting a totally awesome type system for your beautiful design, only to have it lost in translation when it goes to development? Examine type and icon fonts through a developer lens, and learn how designers and front-end developers can work together to get everyone on the same (elegantly designed) page!]]> Thu, 11 Dec 2014 16:55:27 GMT /slideshow/smashingconf-whister-developers-ampersandwich/42622893 JennLukas@slideshare.net(JennLukas) SmashingConf Whister: Developers Ampersandwich JennLukas Let's talk about web typography! Ever spent countless hours crafting a totally awesome type system for your beautiful design, only to have it lost in translation when it goes to development? Examine type and icon fonts through a developer lens, and learn how designers and front-end developers can work together to get everyone on the same (elegantly designed) page! <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/smashing-whislter-slides-141211165527-conversion-gate01-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Let&#39;s talk about web typography! Ever spent countless hours crafting a totally awesome type system for your beautiful design, only to have it lost in translation when it goes to development? Examine type and icon fonts through a developer lens, and learn how designers and front-end developers can work together to get everyone on the same (elegantly designed) page!
SmashingConf Whister: Developers Ampersandwich from Jenn Lukas
]]> 2558 1 https://cdn.slidesharecdn.com/ss_thumbnails/smashing-whislter-slides-141211165527-conversion-gate01-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Successful Web Typography - The Developer's Ampersandwich /slideshow/successful-web-typography-the-developers-ampersandwich/38650403 ampersandwich-notes-140903103547-phpapp01
Ever spent countless hours crafting a totally awesome type system for your beautiful design, only to have it lost in translation when it goes to development? Examine type and icon fonts through a developer lens, and learn how designers and front-end developers can work together to get everyone on the same (elegantly designed) page! How to utilize web fonts and icon fonts within your projects How icon fonts can help your site performance Tools for crafting an efficient type system on the web]]>
Ever spent countless hours crafting a totally awesome type system for your beautiful design, only to have it lost in translation when it goes to development? Examine type and icon fonts through a developer lens, and learn how designers and front-end developers can work together to get everyone on the same (elegantly designed) page! How to utilize web fonts and icon fonts within your projects How icon fonts can help your site performance Tools for crafting an efficient type system on the web]]> Wed, 03 Sep 2014 10:35:47 GMT /slideshow/successful-web-typography-the-developers-ampersandwich/38650403 JennLukas@slideshare.net(JennLukas) Successful Web Typography - The Developer's Ampersandwich JennLukas Ever spent countless hours crafting a totally awesome type system for your beautiful design, only to have it lost in translation when it goes to development? Examine type and icon fonts through a developer lens, and learn how designers and front-end developers can work together to get everyone on the same (elegantly designed) page! How to utilize web fonts and icon fonts within your projects How icon fonts can help your site performance Tools for crafting an efficient type system on the web <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/ampersandwich-notes-140903103547-phpapp01-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Ever spent countless hours crafting a totally awesome type system for your beautiful design, only to have it lost in translation when it goes to development? Examine type and icon fonts through a developer lens, and learn how designers and front-end developers can work together to get everyone on the same (elegantly designed) page! How to utilize web fonts and icon fonts within your projects How icon fonts can help your site performance Tools for crafting an efficient type system on the web
Successful Web Typography - The Developer's Ampersandwich from Jenn Lukas
]]> 1512 4 https://cdn.slidesharecdn.com/ss_thumbnails/ampersandwich-notes-140903103547-phpapp01-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Hot Links /slideshow/hot-links/29789206 hot-links-cnc-140107211748-phpapp02
A look at using CSS animations and transitions paired with hover to add design enhancements to our websites. Also, a look at how to handle hovers on mobile and touch devices in this responsive web design world that we live in. ]]>
A look at using CSS animations and transitions paired with hover to add design enhancements to our websites. Also, a look at how to handle hovers on mobile and touch devices in this responsive web design world that we live in. ]]> Tue, 07 Jan 2014 21:17:48 GMT /slideshow/hot-links/29789206 JennLukas@slideshare.net(JennLukas) Hot Links JennLukas A look at using CSS animations and transitions paired with hover to add design enhancements to our websites. Also, a look at how to handle hovers on mobile and touch devices in this responsive web design world that we live in. <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/hot-links-cnc-140107211748-phpapp02-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> A look at using CSS animations and transitions paired with hover to add design enhancements to our websites. Also, a look at how to handle hovers on mobile and touch devices in this responsive web design world that we live in.
Hot Links from Jenn Lukas
]]> 2059 3 https://cdn.slidesharecdn.com/ss_thumbnails/hot-links-cnc-140107211748-phpapp02-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Making Links Magical Again with CSS /slideshow/making-links-magical-again-with-css/14776282 magical-hovers2-121017203044-phpapp02
ºÝºÝߣs from re:build 2012 http://www.rebuildconf.com/]]>
ºÝºÝߣs from re:build 2012 http://www.rebuildconf.com/]]> Wed, 17 Oct 2012 20:30:41 GMT /slideshow/making-links-magical-again-with-css/14776282 JennLukas@slideshare.net(JennLukas) Making Links Magical Again with CSS JennLukas ºÝºÝߣs from re:build 2012 http://www.rebuildconf.com/ <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/magical-hovers2-121017203044-phpapp02-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> ºÝºÝߣs from re:build 2012 http://www.rebuildconf.com/
Making Links Magical Again with CSS from Jenn Lukas
]]> 2908 5 https://cdn.slidesharecdn.com/ss_thumbnails/magical-hovers2-121017203044-phpapp02-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 Cure for the Common Code /slideshow/cure-for-the-common-code/14287043 cureforcommoncode-120914063634-phpapp02
Audio: http://archive.dconstruct.org/2012/commoncode ºÝºÝߣs from my talk at dConstruct 2012 (Brighton, UK): http://2012.dconstruct.org/conference/lukas/ ºÝºÝߣ Illustrations by the radical Matt Sutter: http://twitter.com/msutters http://birthdaystreet.com/]]>
Audio: http://archive.dconstruct.org/2012/commoncode ºÝºÝߣs from my talk at dConstruct 2012 (Brighton, UK): http://2012.dconstruct.org/conference/lukas/ ºÝºÝߣ Illustrations by the radical Matt Sutter: http://twitter.com/msutters http://birthdaystreet.com/]]> Fri, 14 Sep 2012 06:36:31 GMT /slideshow/cure-for-the-common-code/14287043 JennLukas@slideshare.net(JennLukas) Cure for the Common Code JennLukas Audio: http://archive.dconstruct.org/2012/commoncode ºÝºÝߣs from my talk at dConstruct 2012 (Brighton, UK): http://2012.dconstruct.org/conference/lukas/ ºÝºÝߣ Illustrations by the radical Matt Sutter: http://twitter.com/msutters http://birthdaystreet.com/ <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/cureforcommoncode-120914063634-phpapp02-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Audio: http://archive.dconstruct.org/2012/commoncode ºÝºÝߣs from my talk at dConstruct 2012 (Brighton, UK): http://2012.dconstruct.org/conference/lukas/ ºÝºÝߣ Illustrations by the radical Matt Sutter: http://twitter.com/msutters http://birthdaystreet.com/
Cure for the Common Code from Jenn Lukas
]]> 2323 12 https://cdn.slidesharecdn.com/ss_thumbnails/cureforcommoncode-120914063634-phpapp02-thumbnail.jpg?width=120&height=120&fit=bounds presentation White http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 JavaScript and Web Standards - The Subliminal Messaging edition /slideshow/javascript-and-web-standards-the-subliminal-messaging-edition-9632308/9632308 wdd-js-ws2-111010104738-phpapp01
Web Design Day - Oct 1, 2011. Pittsburgh, Pa]]>
Web Design Day - Oct 1, 2011. Pittsburgh, Pa]]> Mon, 10 Oct 2011 10:47:36 GMT /slideshow/javascript-and-web-standards-the-subliminal-messaging-edition-9632308/9632308 JennLukas@slideshare.net(JennLukas) JavaScript and Web Standards - The Subliminal Messaging edition JennLukas Web Design Day - Oct 1, 2011. Pittsburgh, Pa <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/wdd-js-ws2-111010104738-phpapp01-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Web Design Day - Oct 1, 2011. Pittsburgh, Pa
JavaScript and Web Standards - The Subliminal Messaging edition from Jenn Lukas
]]> 1528 3 https://cdn.slidesharecdn.com/ss_thumbnails/wdd-js-ws2-111010104738-phpapp01-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 JavaScript and Web Standards /slideshow/javascript-and-web-standards/7780548 standardsnext-edit-110429135752-phpapp01
ºÝºÝߣs from Standards.Next talk (http://standards-next.org/)]]>
ºÝºÝߣs from Standards.Next talk (http://standards-next.org/)]]> Fri, 29 Apr 2011 13:57:47 GMT /slideshow/javascript-and-web-standards/7780548 JennLukas@slideshare.net(JennLukas) JavaScript and Web Standards JennLukas ºÝºÝߣs from Standards.Next talk (http://standards-next.org/) <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/standardsnext-edit-110429135752-phpapp01-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> ºÝºÝߣs from Standards.Next talk (http://standards-next.org/)
JavaScript and Web Standards from Jenn Lukas
]]> 1244 0 https://cdn.slidesharecdn.com/ss_thumbnails/standardsnext-edit-110429135752-phpapp01-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 JavaScript and Web Standards 2: The Quickening /slideshow/javascript-and-web-standards-2-the-quickening/5290076 jsconfeu-edit-good-100926093354-phpapp01
jsconf.eu 2010]]>
jsconf.eu 2010]]> Sun, 26 Sep 2010 09:33:43 GMT /slideshow/javascript-and-web-standards-2-the-quickening/5290076 JennLukas@slideshare.net(JennLukas) JavaScript and Web Standards 2: The Quickening JennLukas jsconf.eu 2010 <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/jsconfeu-edit-good-100926093354-phpapp01-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> jsconf.eu 2010
JavaScript and Web Standards 2: The Quickening from Jenn Lukas
]]> 2007 5 https://cdn.slidesharecdn.com/ss_thumbnails/jsconfeu-edit-good-100926093354-phpapp01-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 JavaScript and Web Standards Sitting in a Tree /slideshow/javascript-and-web-standards-sitting-in-a-tree/3769247 jspluswebstandards-100418165024-phpapp01
Talk at JSConf.US 2010: http://jsconf.us/2010/schedule.html]]>
Talk at JSConf.US 2010: http://jsconf.us/2010/schedule.html]]> Sun, 18 Apr 2010 16:49:40 GMT /slideshow/javascript-and-web-standards-sitting-in-a-tree/3769247 JennLukas@slideshare.net(JennLukas) JavaScript and Web Standards Sitting in a Tree JennLukas Talk at JSConf.US 2010: http://jsconf.us/2010/schedule.html <img style="border:1px solid #C3E6D8;float:right;" alt="" src="https://cdn.slidesharecdn.com/ss_thumbnails/jspluswebstandards-100418165024-phpapp01-thumbnail.jpg?width=120&amp;height=120&amp;fit=bounds" /><br> Talk at JSConf.US 2010: http://jsconf.us/2010/schedule.html
JavaScript and Web Standards Sitting in a Tree from Jenn Lukas
]]> 24313 5 https://cdn.slidesharecdn.com/ss_thumbnails/jspluswebstandards-100418165024-phpapp01-thumbnail.jpg?width=120&height=120&fit=bounds presentation Black http://activitystrea.ms/schema/1.0/post http://activitystrea.ms/schema/1.0/posted 0 https://cdn.slidesharecdn.com/profile-photo-JennLukas-48x48.jpg?cb=1522915025 I'm a front-end consultant and freelance developer in Philadelphia. I work with organizations, agencies, and individuals to create responsive websites with semantic, accessible, and lean template code. I strongly believe in the importance of education amongst teams by leading workshops, teaching, and partaking in speaking engagements. Training topics range from beginner HTML/CSS to making your existing or new site responsive to implementing a cleaner front-end workflow with Sass. A successful project isn't throwing pixels over a wall and having some code come back to you. I help bridge the gap between all phases of the process from user experience to design to back-end development by cr.. jennlukas.com https://cdn.slidesharecdn.com/ss_thumbnails/cssconf-slides-150625163106-lva1-app6892-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/a-guide-to-49840642/49840642 A Guide to Being a Bet... https://cdn.slidesharecdn.com/ss_thumbnails/bdconf-slides-150120220507-conversion-gate01-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/interactions-in-responsive-web-bdconf-orlando-2014/43724612 Interactions in Respon... https://cdn.slidesharecdn.com/ss_thumbnails/smashing-whislter-slides-141211165527-conversion-gate01-thumbnail.jpg?width=320&height=320&fit=bounds slideshow/smashingconf-whister-developers-ampersandwich/42622893 SmashingConf Whister: ...