Good CSS troubleshooting skills are important to decrease your workload and help you work better with others. Tips for clean code and targetting, as well as solutions to modern browser bugs are covered. Presented at Rich Web Experience 2011, Ft. Lauderdale, FL.
Good CSS troubleshooting skills are important to decrease your workload and help you work better with others. Tips for clean code and targeting, as well as solutions to modern browser bugs are covered.
This presentation will introduce the audience to designing a WordPress theme in HTML5 and CSS3. We’ll discuss the history of HTML5, why HTML5 makes blog design easier, and what you need to do to get WordPress to output valid HTML5 code. You’ll also see how CSS3 can be used to generate an awesome-looking site using little to no graphics.
Grok Drupal (7) Theming - 2011 Feb updateLaura Scott
These are slides from my presentation at Drupal Design Camp Los Angeles, February 2011. Video with rather low resolution version of the slides (we inadvertently recorded my presentation notes screen rather than the projector screen) can be viewed on blip:
http://ladrupal.blip.tv/file/4731722/
You've been tasked with developing a new front end feature. HTML, CSS, and JavaScript are nothing new to you, in fact you even know a few tricks to get this feature out the door. It doesn't take you long and the code works like a charm, yet you have a looming suspicion that some of the code might not be up to par. You're likely right, and you're definitely better than that.
We often write code without paying attention to the bigger picture, or overall code base. Upon stepping back we notice areas of duplicate code, ripe for refactoring. It's time to build more modular front ends, focusing on the reusability of HTML, CSS, and JavaScript, and to take maintainability to heart.
This PPT is about my best friends, HTML, CSS and JS. Here I am just talk/show few features of them. all three combined make our web site more powerful in this WWW world.
There are a million ways to write HTML and CSS, and everyone has their own, but is there a right way? Our code needs to be well structured, written in an organized manner, and performance driven. Sharing code amongst a team should be a joyful experience, not absolute terror.
Shay talks about how to how to write tactical HTML and CSS, crafting code that is maintainable, flexible, and extensible. Covering new methodologies such as OOCSS and SMACSS learn how to architect websites which are manageable and performant.
Good CSS troubleshooting skills are important to decrease your workload and help you work better with others. Tips for clean code and targeting, as well as solutions to modern browser bugs are covered.
This presentation will introduce the audience to designing a WordPress theme in HTML5 and CSS3. We’ll discuss the history of HTML5, why HTML5 makes blog design easier, and what you need to do to get WordPress to output valid HTML5 code. You’ll also see how CSS3 can be used to generate an awesome-looking site using little to no graphics.
Grok Drupal (7) Theming - 2011 Feb updateLaura Scott
These are slides from my presentation at Drupal Design Camp Los Angeles, February 2011. Video with rather low resolution version of the slides (we inadvertently recorded my presentation notes screen rather than the projector screen) can be viewed on blip:
http://ladrupal.blip.tv/file/4731722/
You've been tasked with developing a new front end feature. HTML, CSS, and JavaScript are nothing new to you, in fact you even know a few tricks to get this feature out the door. It doesn't take you long and the code works like a charm, yet you have a looming suspicion that some of the code might not be up to par. You're likely right, and you're definitely better than that.
We often write code without paying attention to the bigger picture, or overall code base. Upon stepping back we notice areas of duplicate code, ripe for refactoring. It's time to build more modular front ends, focusing on the reusability of HTML, CSS, and JavaScript, and to take maintainability to heart.
This PPT is about my best friends, HTML, CSS and JS. Here I am just talk/show few features of them. all three combined make our web site more powerful in this WWW world.
There are a million ways to write HTML and CSS, and everyone has their own, but is there a right way? Our code needs to be well structured, written in an organized manner, and performance driven. Sharing code amongst a team should be a joyful experience, not absolute terror.
Shay talks about how to how to write tactical HTML and CSS, crafting code that is maintainable, flexible, and extensible. Covering new methodologies such as OOCSS and SMACSS learn how to architect websites which are manageable and performant.
The Advanced Internet Marketing Training Programme Digital Marketing Course provided by DIDM comes along with a guarantee 100% job security and placement as well as lifetime job assistance is also provided.
All too often writing HTML and CSS is an afterthought. Its the work that happens after design is finalized and the product has been developed. Its a necessary task in the process to building a website. Wrong.
HTML and CSS are the backbone to every website, and are equally as important as any design or development. In this workshop you will learn how to write modular HTML and CSS, and how reuse code to build maintainable websites. After spending some time playing with legos and writing some of code attendees will be able to better organize their code, develop modular styles, and work with CSS specificity.
The workshop is geared towards intermediate front end developers, with a love of legos, looking grow their skill set. A laptop and good attitude are preferred.
All too often writing HTML and CSS is an afterthought. Its the work that happens after design is finalized and the product has been developed. Its a necessary task in the process to building a website. Wrong.
HTML and CSS are the backbone to every website, and are equally as important as any design or development. At the end of the workshop and after spending time writing some of code attendees will be able to better organize their code, develop modular styles, and work with CSS specificity.
CSS3 isn't the future, it's the present. Learn the gamut of CSS3 properties from colors, web fonts, and visual effects, to transitions, animations and media queries. Find the inspiration and resources to go forth and implement the new properties with confidence.
Responsive design sounds simple enough, but in practice it can have you banging your head against the wall. I conducted a poll with the readers on RWD Weekly to find out what was causing the biggest headaches.
We will look through the 6 most common issues and techniques on how you can get started or flip to expert mode.
Responsive Images
Improving Performance
Responsive Typography
Media queries in JavaScript
Layout
The Advanced Internet Marketing Training Programme Digital Marketing Course provided by DIDM comes along with a guarantee 100% job security and placement as well as lifetime job assistance is also provided.
All too often writing HTML and CSS is an afterthought. Its the work that happens after design is finalized and the product has been developed. Its a necessary task in the process to building a website. Wrong.
HTML and CSS are the backbone to every website, and are equally as important as any design or development. In this workshop you will learn how to write modular HTML and CSS, and how reuse code to build maintainable websites. After spending some time playing with legos and writing some of code attendees will be able to better organize their code, develop modular styles, and work with CSS specificity.
The workshop is geared towards intermediate front end developers, with a love of legos, looking grow their skill set. A laptop and good attitude are preferred.
All too often writing HTML and CSS is an afterthought. Its the work that happens after design is finalized and the product has been developed. Its a necessary task in the process to building a website. Wrong.
HTML and CSS are the backbone to every website, and are equally as important as any design or development. At the end of the workshop and after spending time writing some of code attendees will be able to better organize their code, develop modular styles, and work with CSS specificity.
CSS3 isn't the future, it's the present. Learn the gamut of CSS3 properties from colors, web fonts, and visual effects, to transitions, animations and media queries. Find the inspiration and resources to go forth and implement the new properties with confidence.
Responsive design sounds simple enough, but in practice it can have you banging your head against the wall. I conducted a poll with the readers on RWD Weekly to find out what was causing the biggest headaches.
We will look through the 6 most common issues and techniques on how you can get started or flip to expert mode.
Responsive Images
Improving Performance
Responsive Typography
Media queries in JavaScript
Layout
La reforma en educación Normal; es importante tener presente los cambios que se generan en básica, por el efecto de los mismos en la educación normalista.
Add to your social media repertoire and improve both your personal and business understanding of Twitter as a social media channel. Our seminar takes a deep dive into this very popular short message service to explain what it is all about and how you can leverage the twitterverse.
Things you can learn include:
Setting up your Twitter Account
Optimal designing for Twitter
Understanding Twitter Terminology
A consistent Social Media Style Guide
Best Practice Twitter Tips
The ideal Tweet length
Being organised and using Lists
Sourcing and Building Followers
Content Marketing with Twitter
The #Hashtag
Twitter search and location features
URL Shorteners and Campaign Marketing
Efficient Social Media Management and Apps
Trending Topics and what to post
Social Media Reporting
Technology as a Tool for Change: Integrating Social Intelligence at IKEABrandwatch
Companies around the world, big and small, use social media and social data daily. But just as social data doesn’t automatically equate social intelligence, gathering social data is only the first step in becoming a true social business.
Integrating social intelligence into large global organizations can be challenging, but it provides a host of benefits, as innovative companies like IKEA—the world’s largest furniture retailer—are discovering.
In these webinar slides, Hans Gartner of IKEA’s Digital Development team, accompanied by Brandwatch’s Glenn White, Head of Product, and Joel Windels, EMEA Marketing Manager, discussed:
- The state of social listening at IKEA
- Scaling social intelligence across organizations and cultures
- Using social media command centers to find and share social intelligence.
Read all about it here: http://brnw.ch/1wfrwGD
Modelos de asistencia a centros socio sanitarios en España. Modelo balearUGC Farmacia Granada
Jornada sobre integración entre Farmacia Hospitalaria y de Atención Primaria celebrada en Granada en noviembre 2016. Organizada por la Unidad de Gestión Clínica de Farmacia de Granada.
Si te gusta, mencionarnos en Twiter: @ugcfarmaciagr
Docker is popular open-source software containerization platform. It provides an ability to package software into standardised units on Docker for software development. In this hands-on introductory session, I introduce the concept of containers and provide an overview of Docker. Participants can learn important concepts in Docker step-by-step and learn by example by running commands with me. The main session involves using Docker CLI (Command Line Interface) covering all the key concepts such as creating images and managing containers. What is more, this workshop ends with a complete example of getting some amazing work done with ease using Docker. Presented in OSI Days '16: http://opensourceindia.in/osidays/workshops-osi-2016/
Wiesen clever verbessern: Nur säen was fehlt und Ertrag bringt!Johann HUMER
Die gute Bodenfeuchte im Frühjahr und der oft offene Boden im Frühjahr durch Schädlinge oder Verletzungen der Wiesennarbe vieler Wiesen ist eine gute Chance zur Wiesenverbesserung durch Einsaaten. Praktiker die ihre Futterwiesen wieder auf Schwung bringen wollen sollten dieses Zeitfenster als günstige Gelegenheit nutzen um die Lücken mit den besten und ertragreichen Wiesenfutterpflanzen zu füllen, bevor Unkräuter die Lücken ausnutzen.
This presentation explores concepts around the sources of inspiration and ideas and practices for eliminating blocks and accessing the spark when you need it to develop and execute great work. Presented at Rich Web Experience 2011, Ft. Lauderdale, FL.
I based my presention on the great "HTML5 for Web designers" by Jeremy Keith. Awesome and pragmatic book, the way I like it. Get your copy on: http://books.alistapart.com/products/html5-for-web-designers
Ever tried to maintain a design system across a large site? Collaborated with a front-end designer or front-end developer who wants to design/code in the style guide, but can’t see what impacts that will have on the actual site? Do you use and maintain a single design or brand across multiple sites? Are you building on design frameworks like Bootstrap or Foundation but not sure if you’re “doing it right”?
At the conclusion of this Meetup you will have a better understanding of what it takes to design, build and support more scalable, systemized designs.
In this two part presentation, we’ll first present an overview of pattern libraries, atomic design, and design systems. You’ll understand these important concepts and be prepared to start thinking about how to use them in your work.
We’ll then show you how Exygy uses pattern libraries in a way that empowers our designers and engineers to collaborate effectively and efficiently as a team. We’ll touch on leveraging pattern library specific tools like Fabricator (using Node.js and Handlebars templates), and finish with a solution for creating and maintaining a pattern library within WordPress and integrating it into the templates for your custom WordPress theme.
Even though the specification is still being written, HTML5 can be implemented for your website today. In this workshop presented by Christopher Schmitt focused on real world solutions, attendees will learn about the new HTML elements and their semantics, HTML5 form elements, incorporate audio and video without Flash, new JavaScript API like geolocation, and more.
A guide for beginners “Bootstrap is a free, open-source front-end library for designing websites and web applications. It contains HTML- and CSSbased design templates for everything from typography, forms, buttons, navigation and other interface components as well as JavaScript extensions. Unlike many other web
frameworks, Bootstrap concerns itself with front-end development only.” — Wikipedia
If you are new to CSS or have been using it for years this presentation should give you more insight into how to write and use CSS to make your web sites better.
Modifying your themes design - Learning CSS - Atlanta WordPress users groupEvan Mullins
The presentation overviews the internet, teaches us how to spell HTML and other web programming "languages" that come together to form a WordPress website, like HTML, CSS & PHP. We even discussed web development tools like FTP clients and which text editors to use. We went over what makes up a wordpress theme and then the concept of child themes. Discussed the process of creating your own child theme with just a couple files and that you can create a child theme for any theme out there. We demoed how to view source and dissect any website, but more importantly, how to inspect elements on your site and live-edit the css for any element. Then to write these CSS rules to our theme to lock in the edits in your child theme.
Course Tech 2013, Sasha Vodnik, A Crash Course in HTML5Cengage Learning
Over the past few years, HTML5 has changed web browsers and coding alike with a stream of new elements,
attributes, and possibilities. In this session we’ll explore the major features that HTML5 offers developers, including
semantic elements, form enhancements, and browser-native audio and video. We’ll also survey the landscape of
browser support and get familiar with strategies for maintaining compatibility with legacy browsers like IE 7 and 8.
Finally, we’ll look at the fundamental changes happening to the process of revising HTML as a language and we’ll
consider some of the likeliest scenarios for the evolution of HTML in coming years.
Similar to Advanced CSS Troubleshooting & Efficiency (20)
Amplify-U: Cultivating Career Confidence Through Banishing Your Inner Critic ...Denise Jacobs
The Inner Critic is the main source of our biggest blocks to perform at our best. Fortunately, there are simple and effective ways to banish the inner critic in order to do our best work as contributors, collaborators, and leaders.
First, you’ll discover the three mental power tools that you already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough and stop committing “ideacide.”
By the end, you’ll have a roadmap of how to get unstuck, do your best work, and channel your creativity as a force for positive change in the world.
Banish Your Inner Critic: Transform Self-Talk - IABC Southern Region Conferen...Denise Jacobs
The Inner Critic is the main source of our biggest blocks to perform at our best. Fortunately, there are simple and effective ways to banish the inner critic in order to do our best work as contributors, collaborators, and leaders.
First, you’ll discover the three mental power tools that you already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough and stop committing “ideacide.”
By the end, you’ll have a roadmap of how to get unstuck, do your best work, and channel your creativity as a force for positive change in the world.
Banish Your Inner Critic: Transform Self-Talk and Own Your Expertise - UX Hus...Denise Jacobs
The Inner Critic is the main source of our biggest blocks to perform at our best. Fortunately, there are simple and effective ways to banish the inner critic in order to do our best work as contributors, collaborators, and leaders.
First, you’ll discover the three mental power tools that you already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough and stop committing “ideacide.”
By the end, you’ll have a roadmap of how to get unstuck, do your best work, and channel your creativity as a force for positive change in the world.
How to Have Difficult Conversations With Confidence - MTP Digital 2020Denise Jacobs
Sometimes it’s difficult to have the self-assurance needed to tackle having some of the difficult conversations that are part and parcel of your work – particularly with the high level of Impostor syndrome that many product managers experience.
It turns out that silencing the inner critic is part of the foundation for cultivating the courage needed to have difficult conversations with more confidence. As a bonus, getting rid of the mean inner voice additionally enhances creative problem-solving, innovative thinking, and collaboration skills – three items that Product Managers have to use everyday.
In this session, we’ll first identify the ways in which the inner critic weakens our nerve to tackle head-on the conversations that we need to have. Then, we’ll explore powerful mental reframes and tools for reducing self-doubt, dealing with impostor syndrome, and recognizing cognitive distortions. Finally, we’ll address some of the most common difficult conversations such as giving and receiving feedback, getting teams in alignment with each other, dealing with execs, and saying no, and tools to facilitate each.
There are certain conversations that will always provoke anxiety. However, the tools and practices shared in this session will put you on the path to honing interpersonal skills, developing resilience, and increased self-awareness.
Overcome Self-Doubt to Amplify Your Impact and Create a Better World - GSLA 202Denise Jacobs
During these unprecedented times, we are particularly susceptible to The Inner Critic, that internal voice of self-doubt and judgement. Fortunately, there are effective ways to banish the inner critic so that we can be better to ourselves so that we can step into our power, amplify our impact, and create the changes we want to see in the world.
In this session, we'll also look at how amping up self-care enables us to give more to others, the power of compassion and how it helps us get to self-compassion, tapping into our imagination to envision what we want to create, and to how we to tap into our passion to contribute positively to the world when our communities and the world need our brilliance the most.
During these unprecedented times, we are particularly susceptible to our own Inner Critic.
It's that voice of self-doubt that tells us that we aren't doing enough and that everyone is more successful and productive during the pandemic than we are.
Fortunately, there are effective ways to banish your inner critic so that you can be better to yourself and still show up powerfully to meet the needs around you.
In this webinar, Denise Jacobs will share useful and effective tools to start to decrease the levels of anxiety that may be plaguing you. We'll also look at ways to tone down the tendency to compare ourselves with others (or to an unreachable "ideal"), ways to reframe language and transform self-talk to be more supportive, and to how we to tap into our passion to contribute positively to the world when our communities and constituents need our brilliance the most.
Banish Your Inner Critic: Unblock Creativity and Amplify Your Impact - Produc...Denise Jacobs
The Inner Critic is the main source of our biggest blocks to perform at our best. Fortunately, there are simple and effective ways to banish the inner critic in order to do our best work as contributors, collaborators, and leaders.
First, you’ll discover the three mental power tools that you already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough and stop committing “ideacide.”
By the end, you’ll have a roadmap of how to get unstuck, do your best work, and channel your creativity as a force for positive change in the world.
Banish Your Inner Critic: Transform Self-Talk and Own Your Expertise - Speake...Denise Jacobs
The Inner Critic is the main source of our biggest blocks to perform at our best. Fortunately, there are simple and effective ways to banish the inner critic in order to do our best work as contributors, collaborators, and leaders.
First, you’ll discover the three mental power tools that you already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough to share and that you are expert enough to speak.
By the end, you’ll have a roadmap of how to get unstuck, do your best work, and channel your creativity as a force for positive change in the world.
Banish Your Inner Critic – Stanford HCI Group 2020Denise Jacobs
During these unprecedented times, we are particularly susceptible to The Inner Critic, that voice of self-doubt that tells us that we aren't doing enough and that everyone is more successful and productive during the pandemic than we are. Fortunately, there are effective ways to manage the inner critic so that we can be better to ourselves and still show up powerfully.
In this session, Denise will share useful and effective tools to decrease the levels of anxiety. We'll also look at ways to tone down the tendency to compare ourselves with others (or to an unreachable "ideal"), ways to reframe language and transform self-talk to be more supportive, and tactics to overcome impostor syndrome, perfectionism, and unblock creativity.
Banish Your Inner Critic: Reduce Anxiety and Unblock Creativity - Emergent Le...Denise Jacobs
The Inner Critic is the main source of our biggest blocks to perform at our best. Fortunately, there are simple and effective ways to banish the inner critic in order to do our best work as contributors, collaborators, and leaders.
First, you’ll discover the three mental power tools that you already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough and stop committing “ideacide.”
By the end, you’ll have a roadmap of how to get unstuck, do your best work, and channel your creativity as a force for positive change in the world.
Banish Your Inner Critic: Reduce anxiety and Unblock Creativity - SpeakAid 2020Denise Jacobs
The Inner Critic is the main source of our biggest blocks to perform at our best. Fortunately, there are simple and effective ways to banish the inner critic in order to do our best work as contributors, collaborators, and leaders.
First, you’ll discover the three mental power tools that you already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough and stop committing “ideacide.”
By the end, you’ll have a roadmap of how to get unstuck, do your best work, and channel your creativity as a force for positive change in the world.
The Inner Critic is the main source of our biggest blocks to perform at our best. Fortunately, there are simple and effective ways to banish the inner critic in order to do our best work as contributors, collaborators, and leaders.
First, you’ll discover the three mental power tools that you already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough and stop committing “ideacide.”
By the end, you’ll have a roadmap of how to get unstuck, do your best work, and channel your creativity as a force for positive change in the world.
Co-Create: Creating Better Together - Clarity Conference 2019Denise Jacobs
Despite the prevalent mythology of the lone creative genius, many of the most innovative contributions spring from the creative chemistry of a group and the blending of everyone’s ideas and concepts. How can we best leverage this collective wisdom to generate creative synergy and co-create? Let’s look at the process of recognizing and removing our personal creative blocks, connecting and communicating with others, combining ideas using play, and constructing a collaborative environment to discover effective methods for tapping into a group’s creative brilliance. Through these steps, you’ll learn to capitalize on the super-linearity of creativity to embrace and leverage diversity to create better together.
Banish Your Inner Critic: Amplify Your Impact - Mind The Product SF 2019Denise Jacobs
The Inner Critic is the main source of our biggest blocks to perform at our best. Fortunately, there are simple and effective ways to banish the inner critic in order to do our best work as contributors, collaborators, and leaders.
First, you’ll discover the three mental power tools that you already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough and stop committing “ideacide.”
By the end, you’ll have a roadmap of how to get unstuck, do your best work, and channel your creativity as a force for positive change in the world.
Step-up: Unleash Your Creative (Super) Power - D3 Expo 2019Denise Jacobs
Creativity is a super power, but many don't heed the call. Discover how you can get in touch with the greatness inside you and the five part quest to embark upon to be able to access and develop your creative superpowers . By the end, you'll have a roadmap for how to get unstuck and channel your creativity as a force for positive change in the world.
Banish Your Inner Critic: Hack Your Productivity and Elevate PerformanceDenise Jacobs
Transform Self-Talk to Elevate Performance and Skyrocket Success
The Inner Critic is the main source of our biggest blocks to perform at our best. Fortunately, there were simple and effective ways to banish the inner critic in order to do our best work as contributors, collaborators, and leaders.
First, you’ll discover the three mental power tools that you already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough and stop committing “ideacide.”
By the end, you’ll have a roadmap of how to get unstuck, do your best work, and channel your creativity as a force for positive change in the world.
Banish Your Inner Critic v2.0: Swipe Left! - Adobe Max 2018Denise Jacobs
The Inner Critic is the main source of our biggest our ability to perform at our best. Fortunately, there were simple and effective ways to banish the inner critic in order to do our best work as contributors, collaborators, and leaders.
First, you’ll discover the 3 mental power tools that you already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough and stop committing “ideacide.”
By the end, you’ll have a roadmap of how to both get unstuck, do your best work, and channel your creativity as a force for positive change in the world.
The Creativity (R)Evolution – CMX Summit 2018Denise Jacobs
There’s a movement brewing built upon leveraging
the transformative power of creativity to help us work and create better so that we can produce work infused with meaning. Discover how by knowing your why, instilling tiny habits to cultivate your creative spark, and finally, fomenting creative collaboration based on the tenets of improv, you can take the spark of Creativity (R)Evolution and use it as the impetus to push you, your teams, and your companies to create Betterness.
Research shows that self-talk is not only a key component to thinking and processing information, but is also how we build our ideas of who we are. This means that when self-talk goes awry, it’s the main source of our biggest block to creativity: the Inner Critic.
What if there were simple and effective ways to change our self-talk for the better and banish the inner critic in order to do our best work as contributors, collaborators, and leaders? Fortunately, there are! First, you’ll discover the 3 mental power tools that we already possess to stop the inner critic in its tracks. Then you’ll learn methods for dealing with the fear of being judged and criticized, how to transform highly critical self-talk into that of approval and encouragement, and ways to feel like your ideas are good enough and stop committing “ideacide.” By the end, you’ll have a roadmap of how to both get unstuck and channel your
creativity as a force for positive change in the world.
Co-Create: Creating Better Together - DevCamp Brazil 2018Denise Jacobs
Despite the prevalent mythology of the lone creative genius, many of the most innovative contributions spring from the creative chemistry of a group and the blending of everyone’s ideas and concepts. How can we best leverage this collective wisdom to generate creative synergy and co-create? Let’s look at the process of recognizing and removing our personal creative blocks, connecting and communicating with others, combining ideas using play, and constructing a collaborative environment to discover effective methods for tapping into a group’s creative brilliance. Through these steps, you’ll learn to capitalize on the super-linearity of creativity to embrace and leverage diversity to create better together.
Elevating Tactical DDD Patterns Through Object CalisthenicsDorra BARTAGUIZ
After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Generating a custom Ruby SDK for your web service or Rails API using Smithyg2nightmarescribd
Have you ever wanted a Ruby client API to communicate with your web service? Smithy is a protocol-agnostic language for defining services and SDKs. Smithy Ruby is an implementation of Smithy that generates a Ruby SDK using a Smithy model. In this talk, we will explore Smithy and Smithy Ruby to learn how to generate custom feature-rich SDKs that can communicate with any web service, such as a Rails JSON API.
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to:
Create a campaign using Mailchimp with merge tags/fields
Send an interactive Slack channel message (using buttons)
Have the message received by managers and peers along with a test email for review
But there’s more:
In a second workflow supporting the same use case, you’ll see:
Your campaign sent to target colleagues for approval
If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team
But—if the “Reject” button is pushed, colleagues will be alerted via Slack message
Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors.
And...
Speakers:
Akshay Agnihotri, Product Manager
Charlie Greenberg, Host
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Securing your Kubernetes cluster_ a step-by-step guide to success !KatiaHIMEUR1
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
Monitoring Java Application Security with JDK Tools and JFR Events
Advanced CSS Troubleshooting & Efficiency
1. Advanced CSS
Troubleshooting & Efficiency
or
How to Become a
Super CSS Detective
in 4 Easy Steps
Denise R. Jacobs
The Code Project
Rich Web Experience 2011
2 December 2011
3. Whodunnit? I did!
CSSDetectiveGuide.com
InterActWithWebStandards.com
3
4. CSS De-what?
• Preventive/defensive
coding
– Focused & efficient
• Can quickly and easily
identify and solve
problems when they
come up
4 http://www.flickr.com/photos/spotrick/4028499019/
5. I can haz trubbleshootin?
Strong troubleshooting
skills are one of your
best allies in solving CSS
“mysteries”…and they
also make you feel
practically invicincible.
5
6. The 4 Easy Steps
1) Lay the 2) Target your
foundation styles
3) Squash
4) Employ
browser
useful tools
bugs
6
7. 1) Lay the Foundation
7 http://www.flickr.com/photos/pgoyette/2280685630/
8. Why?
A solid CSS foundation of best practices creates
an environment where preventing and detecting
problems is easier.
8
9. The Foundations
1. Set a Baseline
2. Micro-Optimize
3. Macro-Optimize
9
11. Foundation 1: Create a Baseline
1. The CSS Reset All-star
2. DIY Resets
3. CSS Reset Compendia
11
12. Why Reset?
By deliberately establishing an element’s
properties, you can:
• Better control the elements on the page
• More quickly determine the source of problems
when they arise
• Ensure better cross-browser compatibility
12
13. CSS Reset All-Star: Eric Meyer’s
Pro’s
– One of the most popular, well thought-out
– Neutralizes almost every element
Con’s
– Can be too far-reaching
– Extra work to establish the values for the
elements you want
13
14. Resource: Eric Meyer’s Reset
Eric Meyer’s Reset:
http://meyerweb.com/eric/tools/
css/reset/
14
16. DIY Resets
• You can determine exactly which elements
you want to reset
• May save on reestablishing properties
• You know exactly what is changed and why
you changed it
• Problems will be that much more obvious
16
17. Top Properties to Reset
• Margin and padding
• Borders, especially on linked images
• Link text underlining
• Vertical alignment
• Font size and line-height
17
23. Micro-optimize: Alphabetize
Putting your CSS declarations in alphabetical
order is a great way to set the stage for clean
code and fewer problems. Why? Because your
style declarations will be that much easier to
target and locate.
23
26. Micro-optimize: Speed
Up the efficiency:
• ID selectors are speedier than element or
universal*
• Drop element qualifiers
• Ditch descendent selectors when and where
you can
*conflicts with reduce, reuse, & recycle, however
26
29. Micro-Optimize Your CSS: Length
Less is more:
• Use shortest properties and values
(shorthand)
• Avoid duplicate properties
• Condense values and units
• Avoid multiple lines and indenting
29
31. Shorthand: to remember
• Default values
• Shorthand property syntax
• Required property values
• Property value order
31
32. Micro-Optimize: Length
Less is more:
• Use shortest properties and values
(shorthand)
• Avoid duplicate properties
• Condense values and units
• Avoid multiple lines and indenting
32
34. Micro-Optimize: Length
Less is more:
• Use shortest properties and values
(shorthand)
• Avoid duplicate properties
• Condense values and units
• Avoid multiple lines and indenting
34
36. Micro-Optimize: Length
Less is more:
• Use shortest properties and values
(shorthand)
• Avoid duplicate properties
• Condense values and units
• Avoid multiple lines and indenting
36
39. Why Macro-Optimize?
Solo:
Helps you remember your intentions when you come
back to your code.
With others:
Helps your colleagues understand your intentions when
working with your code.
Ergo:
Saves time!
39
42. Why get your nest in order?
Block-level elements inside inline elements as
well as improper closing and reopening of
elements can create major layout issues.
Validation often won’t help you find the culprit.
42
43. Macro-optimize: Get your nest in order
<body> <body>
<div id="pagewrap"> <div id="pagewrap">
<div id="header"> <div id="header">
<h1>Website Title</h1> <h1>Website Title</h1>
<ul id="navigation">
<li><a href="#">Home</a></li> <ul id="navigation">
<li><a href="#">About</a></li> <li><a href="#">Home</a></li>
<li><a href="#">Contact</a></li> <li><a href="#">About</a></li>
</ul> <li><a href="#">Contact</a></li>
<div id="contentwrap"> </ul>
<div id="maincontent"> </div><!-- end #header -->
<h2>Main Content Title</h2>
<p>Main content, which is so much more important than the secondary <div id="contentwrap">
content that it makes one teary with emotion.</p> <div id="maincontent">
</div> <h2>Main Content Title</h2>
<div id="secondarycontent"> <p>Main content, which is so much more important than
<h3>Sidebar Title</h3> the secondary content that it makes one teary with
<p>Sidebar content, which is not as important as the primary content emotion.</p>
(which is why it is in the sidebar)</p> </div><!-- end #maincontent -->
</div>
<div id="footer"> <div id="secondarycontent">
<p>standard copyright and footer information</p> <h3>Sidebar Title</h3>
</div> <p>Sidebar content, which is not as important as the
</body> primary content (which is why it is in the sidebar)</p>
</div><!-- end #secondarycontent -->
</div><!-- end #cotentwrap -->
<div id="footer">
<p>standard copyright and footer information</p>
</div><!-- end #footer -->
</div><!-- end #pagewrap -->
</body>
43
45. Why Annotate Your Code?
Markup:
Helps you keep track of the element beginning
and end, and helps you identify the pieces faster.
CSS:
Helps both you and others know intentions and
specific information.
45
46. Macro-optimize: Annotate Your Markup
begin with
<!-- #id or .class name -->
end with
<!-- /end #id or .class name -->
or, alternatively
<!-- / #id or .class name -->
46
48. Macro-optimize: Annotate Your CSS
/* Comments are good, mmkay? */
Notation is your friend. For:
• Overriding styles
• Creating stylesheet sections
• Listing the color scheme
• Resources and contact info.
48
49. Macro-optimize: Annotate Your CSS
/* made by you on some date */
/* section of the stylesheet */
p {
border-color: #cf0;
border-color-bottom: #ccc;
/*this property overrides the previous
one */
}
49
68. My Fave Targeting Technique
outline: 1px solid red;
Why?
• outline does not add to dimensions of the
element
• Color names used only for troubleshooting
68
72. Specificity Rules!
Using selective specificity, you can create
selectors that will zero in on your desired
element(s), but you’ve got to do it by the rules.
72
74. Super-Simplified Specificity
The more specific the selector is, the higher the
specificity
#id: can only be one on the page
= high specificity (100)
.class: can be multiple, but not everywhere
= medium specificity (10)
element: lots on the page
= low specificity (1)
* : everything on the page
= no specificity (0)
74
75. Specificity Best Practices
• Don’t rely too heavily on specificity – leverage as
many reusable selectors as possible
• Use the cascade and source order so that you
don’t have to get too specific
• Trust specificity over source order in terms of
which style will win and get applied
75
77. Getting Advanced
Advanced selectors are a good way to
specifically target styles for modern browsers.
The right selector will help you achieve targeting
nirvana, so it’s important to know which
selectors you can use now.
77
78. Let’s peek at
1. CSS2 Selectors
• browser support
2. CSS3 Selectors
• browser support
78
87. Advanced Selectors: Usage Tips
• All of the CSS2 selectors are supported by the
modern browsers, and almost all of the CSS3 ones
are, so use them!
• It’s easy to target styles away from the IEs, but
target them to the IEs with simpler combinator
selectors
87
88. Uses for advanced selectors
• Great for progressive enhancement
• Styling first, last or x-number of elements
• Styling generated content
88
90. Gettin’ Buggy With It
Despite your best efforts towards clean,
efficient, optimized code, browsers will always
have issues that throw a wrench in the works.
90
91. Achieving Cross-browser Compatibility
1. Decide on your approach to deal with IE6
2. Target other browsers
3. Know IE 7 & IE 8 bugs
4. Know Firefox bugs
5. Know Webkit bugs
6. Know Opera bugs
91
93. Dealing with IE6 (Still? Yes, still.)
Whether it’s by force or by choice, you need to
know how you are going to deal with IE6 until it’s
completely gone.
93
113. IE7 is color buggin’
color and background-color with rgba
The problem:
An rgba color is correctly set to override the rgb
for the IEs , but the rgb color doesn’t show up at
all.
113
114. IE7 is color buggin’
The solution:
Use the shorthand property background
instead of background-color
OR
Use a hexidecimal color instead of rgb, and then
continue the override with rgba.
114
115. IE7 is color buggin’
Example:
div {
background: rgb(200, 54, 54);
/* fallback color */
background: rgba(200, 54, 54, 0.5);
}
OR
div {
background-color: #fd7e7e;
background-color: rgba(255,0,0,0.5);
}
115
116. IE7 & IE8 are both font buggin’
@font-face super bullet-proofing
The problem:
@font-face doesn’t work, even with the proper
normal syntax. What gives?
116
119. Get Your Webkit Bug On
@font-face bold and italics “bug”
The problem:
Applying font-weight: bold or font-style: italic to
@font-face'd text doesn’t work.
119
120. Get Your Webkit Bug On
The solution:
Add the value normal to font weight, style,
and variant in the @font-face declaration to set
a baseline.
120
123. Firefox? Buggin’.
The Outline Overflow Bug
The problem:
Firefox will draw an outline around the content
of an element that has overflowed its boundaries
rather than around the element’s actual set
dimensions.
123
124. Firefox? Buggin’.
The Outline Overflow Bug
A solution:
Use border instead and adjust the dimensions of
the element.
124
126. An Ode to Opera Bugs
Hiding elements bug
The problem:
When hiding elements offscreen for image
replacement, etc. em units are not recognized.
126
127. An Ode to Opera Bugs
The solution:
Use px instead of em
Example:
h2 {margin-left: -4999px;}
127
128. 4) Have the Proper Tools
128 http://www.flickr.com/photos/ebarney/3348965637/
129. Tools rock
Having a strong arsenal of tools helps with
workflow, removes guesswork, and makes
life a ton easier.
129
130. Tools: Browser support charts
http://www.findmebyip.com/litmus
http://www.standardista.com/css3/css3-
selector-browser-support
130
131. Tools: CSS Specifications
The CSS3 Specifications are THE resource
for finding out the exact intended
behavior and use of any given property.
http://www.w3.org/standards/
techs/css#w3c_all
131
136. Recap
Taking all of these steps:
1. Lay the foundation
2. Target your styles
3. Squash browser bugs
4. Have the proper tools
Will yield:
1. Code that is easier to read and find problems in
2. Speed of use and in use
3. Finding solutions faster
136
139. Want even more tips? Get the book!
The CSS Detective
Guide
CSSDetectiveGuide.com
twitter.com/cssdetective
139
140. Web design, served up holistically
InterAct With
Web Standards:
A Holistic Approach to
Web Design
InterActWithWebStandards.com
twitter.com/waspinteract
140