The document discusses building responsive mobile themes for Drupal. It recommends a mobile-first responsive design approach using flexible grids, flexible images, and CSS3 media queries to target different screen sizes. It also provides examples of meta tags for controlling zoom levels and queries for targeting different devices. It addresses support for older IE browsers through conditional comments and polyfill scripts.
Leadership Personality Types: USA vs ChinaStep Research
Did you know that the most prevalent leadership style in China values relationships as most important versus the US preference for speed? Never lead with speed.
This presentation explains how Joomla, a popular content management system (CMS), works. It goes through the details of how the database interacts with the template to display the information, so all pages on the site are dynamic. It talks about how the various extensions interact with the system to provide a customized site without a lot of programming effort. The presentation is provided by Landau Design, a web design company in Ventura, California that specializes in Joomla web design and Joomla development. Read what clients think at <a>Landau Design Reviews</a>.
MongoDB at Sailthru: Scaling and Schema DesignDATAVERSITY
Sailthru provides all your website email delivery needs, ensuring Inbox delivery for transactional and mass mail. Sailthru started out as a MySQL-powered transactional-mail service. Starting in 2009, we migrated to the document-oriented "nosql" database MongoDB. Moving entirely to MongoDB has allowed us to build complex user profiles to power behavioral-targeted mass emails and onsite recommendations. How and why we made the move, and how we use MongoDB today.
A brief presentation for the Missouri State Digital Media Developer group on cutting through the hype surrounding mobile development and responsive design.
Leadership Personality Types: USA vs ChinaStep Research
Did you know that the most prevalent leadership style in China values relationships as most important versus the US preference for speed? Never lead with speed.
This presentation explains how Joomla, a popular content management system (CMS), works. It goes through the details of how the database interacts with the template to display the information, so all pages on the site are dynamic. It talks about how the various extensions interact with the system to provide a customized site without a lot of programming effort. The presentation is provided by Landau Design, a web design company in Ventura, California that specializes in Joomla web design and Joomla development. Read what clients think at <a>Landau Design Reviews</a>.
MongoDB at Sailthru: Scaling and Schema DesignDATAVERSITY
Sailthru provides all your website email delivery needs, ensuring Inbox delivery for transactional and mass mail. Sailthru started out as a MySQL-powered transactional-mail service. Starting in 2009, we migrated to the document-oriented "nosql" database MongoDB. Moving entirely to MongoDB has allowed us to build complex user profiles to power behavioral-targeted mass emails and onsite recommendations. How and why we made the move, and how we use MongoDB today.
A brief presentation for the Missouri State Digital Media Developer group on cutting through the hype surrounding mobile development and responsive design.
An introduction to responsive design and Web frameworks -- for journalism students. Shows various examples. Includes links to resources. Updated February 2014.
Responsive design has been around for a few years in terms of the rest of the web but it is only recently pervading eCommerce. We will confirm to you why it’s so important in the expanding omni-channel world. We will then proceed to share our techniques and experiences for building responsively designed stores as standard
A talk given at Appspirina workshop on March 29th, 2012 organized by http://mobiledeveloper.pl/.
Event page: https://www.facebook.com/events/296799847060237/
Here are some of the stuff I learnt while making it, and if you are working on responsive design, you should probably keep this as reference. Note: You are free to download, edit, distribute and use this work in any way you want.
JavaScript is indispensable for even moderate mobile web apps as only scripts enable user interaction and integrate on device capabilities like location, camera, onboard storage or database. But while the SDKs for Google™ Android™ or Apple™ iOS™ look like a single definition with the ability to adjust to different devices – reality is not that simple. The increasing importance of JavaScript adds a whole new layer of complexity to the yet excessive fragmentation in the mobile space.
In this presentation Netbiscuits shows its experiences with developing high end – and still multi device – mobile web apps providing rich user experience. We constantly enhance our cloud software service to enable rich user experience for mobile web apps cross-platform. Many of our lessons learned during the research for our rich mobile UX framework will be shared in this session.
Based on (code) examples attendees will get to learn about the power and limits of a framework, the pitfalls in architecture and design and the challenges of testing and QA in mobile. Furthermore, you will receive clear guidelines for deciding server- or client-side, which to use when.
This presentation also introduces Netbiscuits Tactile, a new HTML5 efficient design and development framework that utilizes today’s web standards to enable the seamless creation and delivery of engaging mobile web experiences.
Designing for the web is no longer what it used to be.
The number of devices with web-browsing capabilities is
growing at an increasing speed.
RWD is an approach aimed to provide a solid viewing
experience for a multiple of screens with one set of code.
An overview of the Infusion JavaScript application framework and its value for creating accessible open Web apps. Presented at a Fluid Community Workshop in Toronto, September 2010.
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Jeffrey Haguewood
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows.
We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases.
This video focuses on the notifications, alerts, and approval requests using Slack for Bonterra Impact Management. The solutions covered in this webinar can also be deployed for Microsoft Teams.
Interested in deploying notification automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
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
Let's dive deeper into the world of ODC! Ricardo Alves (OutSystems) will join us to tell all about the new Data Fabric. After that, Sezen de Bruijn (OutSystems) will get into the details on how to best design a sturdy architecture within ODC.
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
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.
Search and Society: Reimagining Information Access for Radical FuturesBhaskar Mitra
The field of Information retrieval (IR) is currently undergoing a transformative shift, at least partly due to the emerging applications of generative AI to information access. In this talk, we will deliberate on the sociotechnical implications of generative AI for information access. We will argue that there is both a critical necessity and an exciting opportunity for the IR community to re-center our research agendas on societal needs while dismantling the artificial separation between the work on fairness, accountability, transparency, and ethics in IR and the rest of IR research. Instead of adopting a reactionary strategy of trying to mitigate potential social harms from emerging technologies, the community should aim to proactively set the research agenda for the kinds of systems we should build inspired by diverse explicitly stated sociotechnical imaginaries. The sociotechnical imaginaries that underpin the design and development of information access technologies needs to be explicitly articulated, and we need to develop theories of change in context of these diverse perspectives. Our guiding future imaginaries must be informed by other academic fields, such as democratic theory and critical theory, and should be co-developed with social science scholars, legal scholars, civil rights and social justice activists, and artists, among others.
PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert
In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development.
This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.
1. Mobile Drupal:
Drupal :
Building a mobile theme
Drupal Camp Taipei 2011
John Albin Wilkins
Saturday, July 9, 2011
2. Traditional way to support mobile
• Build a separate mobile website
• Detect mobile device
• Redirect to mobile site
This is really hard!
Saturday, July 9, 2011
3. Responsive Design
• Single source of HTML
HTML
• Responds to different viewport sizes
• First described by Ethan Marcotte’s article
Ethan Marcotte
“Responsive Web Design”
http://www.alistapart.com/articles/responsive-web-
design
Saturday, July 9, 2011
4. Building a responsive mobile theme
• Mobile First
• Responsive Design
1. Flexible Grids
2. Flexible Images
3. CSS3 Media Queries
CSS3 Media Queries
Saturday, July 9, 2011
5. Mobile device zooming
• Meta tags can control the scaling/zooming of
mobile devices
Meta tags
• More info:
http://davidbcalhoun.com/2010/viewport-metatag
<meta name="viewport"
content="width=device-width, initial-scale=1">
<meta name="MobileOptimized" content="width">
<meta name="HandheldFriendly" content="true">
Saturday, July 9, 2011
6. Flexible grids
• Use percentages to set grid sizes
•
.content { width: 62.5%; } // 5 grids
.sidebar { width: 37.5%; } // 3 grids
• Grid will grow/shrink with the screen size
/
• Target ÷ context = result
÷ =
Saturday, July 9, 2011
7. Flexible images
• Use max-width to constrain images within
the flexible grid.
max-width
• img, embed, iframe, object, video {
max-width: 100%;
}
Saturday, July 9, 2011
8. How do we target
different screen sizes?
• With CSS2 media types we could target different
classes of devices:
CSS2 media types class:
print, screen, handheld, all
• With CSS3 media queries we target device
capabilities.
CSS3 media queries
• [type] and ([query])
• all and (max-width: 768px)
Saturday, July 9, 2011
9. 3 ways to query
query
1. <link rel="stylesheet" href="wide.css" media="screen
and (min-width: 992px)">
2. @import url(wide.css) screen and (min-width:
992px);
theme.info:
stylesheets[screen][] = file.css
stylesheets[screen and (min-width: 992px)][] = file.css
3. @media screen and (min-width: 992px) {
.selector { property: value; }
}
Saturday, July 9, 2011
10. Breakpoints
320px — iPhone in portrait mode
iPhone
480px — iPhone in landscape mode
iPhone
768px — iPad in portrait mode
iPad
992px — small laptop (minus browser chrome)
1200px — large desktop
Saturday, July 9, 2011
11. Dealing with IE 6-8
IE6~8
‣ IE8 and earlier don’t support media queries
IE8 media queries
1. They do support IE conditional comments
IE conditional comments
2. They do support JavaScript polyfills
JavaScript polyfills
Saturday, July 9, 2011