Presentation given at Montclair State University's Graphic Design II course on Introduction to Web Design. This presentation was geared towards year two graphic design students with little to no exposure to web design and predominant print backgrounds.
Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We’ll review differing abilities, generate (minimal) user stories and personas, discuss best practices for design and development, prototype some ideas (on paper), and discuss where to get help. This isn’t intended to be a deep dive into technologies, but more of an overall primer for those who aren’t sure where to start with accessibility nor how it helps them.
Wrangling Themes: everything you need to know about WordPress themesAlison Knott
Find out what a theme is, common terminology, how to pick the best one for your site, take care of it and power it up!
Presented at the WordPress Halifax Meetup Oct. 24
Wrangling Themes: everything you need to know about WordPress themesAlison Knott
Wrangle everyone's favourite WordPress item: theme!
For beginners and established users alike, we'll tackle some common issues such as :
- understanding what themes are
- how to find the right one for the job
- maintenance tips
- how to level up an existing theme
Presentation at the WordPress Halifax Meetup's 2nd Anniversary.
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...Jer Clarke
Slides for a talk at the ConFoo 2012 conference in Montreal. I explain a simple yet powerful CSS architecture that avoids duplication and increases design consistency by grouping shared properties together rather than redefining them over and over. In the process I explain preprocessors like LESS and SASS, as well as the OOCSS fad, pointing out how they are insufficiently standards-compliant.
Presentation given at Montclair State University's Graphic Design II course on Introduction to Web Design. This presentation was geared towards year two graphic design students with little to no exposure to web design and predominant print backgrounds.
Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We’ll review differing abilities, generate (minimal) user stories and personas, discuss best practices for design and development, prototype some ideas (on paper), and discuss where to get help. This isn’t intended to be a deep dive into technologies, but more of an overall primer for those who aren’t sure where to start with accessibility nor how it helps them.
Wrangling Themes: everything you need to know about WordPress themesAlison Knott
Find out what a theme is, common terminology, how to pick the best one for your site, take care of it and power it up!
Presented at the WordPress Halifax Meetup Oct. 24
Wrangling Themes: everything you need to know about WordPress themesAlison Knott
Wrangle everyone's favourite WordPress item: theme!
For beginners and established users alike, we'll tackle some common issues such as :
- understanding what themes are
- how to find the right one for the job
- maintenance tips
- how to level up an existing theme
Presentation at the WordPress Halifax Meetup's 2nd Anniversary.
DRY CSS A don’t-repeat-yourself methodology for creating efficient, unified a...Jer Clarke
Slides for a talk at the ConFoo 2012 conference in Montreal. I explain a simple yet powerful CSS architecture that avoids duplication and increases design consistency by grouping shared properties together rather than redefining them over and over. In the process I explain preprocessors like LESS and SASS, as well as the OOCSS fad, pointing out how they are insufficiently standards-compliant.
Prototyping Accessibility - WordCamp Europe 2018Adrian Roselli
Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We’ll review differing abilities, generate (minimal) user stories and personas, discuss best practices for design and development, prototype some ideas (on paper), and discuss where to get help. This isn’t intended to be a deep dive into technologies, but more of an overall primer for those who aren’t sure where to start with accessibility nor how it helps them.
Updated Feb. 9, 2014. This PPT is a review of color and fonts as used with HTML5 and CSS. Used in an undergraduate journalism class called Advanced Online Media Production.
Bits & Pieces: A Systems Approach to Web Design for BrandsIndhira Rojas
This presentation is a compilation of personal work, resources and inspiration on systems design / branding for the web. It was prepared for the How Interactive Design Conference happening in San Francisco, Nov. 2014.
Drupal: Northeastern University Libraries websiteiFactory
A closer look at the Drupal side of our Northeastern University Libraries website redesign//Drupal build. Presented by Lisa Sawin to the Rice University Library Drupal Group on June 5, 2012.
Slides from UXStrat 2014 and UXweek 2014 workshops. By leveraging Object Oriented UX, we can create simple, efficient, and easy to use digital products that does not rely on the often-ignored persistent navigation.
OOUX is the new IA: we need modular systems, not silo-ed drill downs.
Prototyping Accessibility - WordCamp Europe 2018Adrian Roselli
Learn some fundamentals of accessibility and how it can benefit you (whether future you from aging or you after something else limits your abilities). We’ll review differing abilities, generate (minimal) user stories and personas, discuss best practices for design and development, prototype some ideas (on paper), and discuss where to get help. This isn’t intended to be a deep dive into technologies, but more of an overall primer for those who aren’t sure where to start with accessibility nor how it helps them.
Updated Feb. 9, 2014. This PPT is a review of color and fonts as used with HTML5 and CSS. Used in an undergraduate journalism class called Advanced Online Media Production.
Bits & Pieces: A Systems Approach to Web Design for BrandsIndhira Rojas
This presentation is a compilation of personal work, resources and inspiration on systems design / branding for the web. It was prepared for the How Interactive Design Conference happening in San Francisco, Nov. 2014.
Drupal: Northeastern University Libraries websiteiFactory
A closer look at the Drupal side of our Northeastern University Libraries website redesign//Drupal build. Presented by Lisa Sawin to the Rice University Library Drupal Group on June 5, 2012.
Slides from UXStrat 2014 and UXweek 2014 workshops. By leveraging Object Oriented UX, we can create simple, efficient, and easy to use digital products that does not rely on the often-ignored persistent navigation.
OOUX is the new IA: we need modular systems, not silo-ed drill downs.
Kentucky Bourbon Trail - Conquering the Bourbon Capital of the World. Ode to ...Joanne T
Conquering the Kentucky Bourbon Trail - An adventure discovering the art and craft of distilling bourbon , learning about the traditions of the American spirit, and enjoying amazing bourbon tastings. * Photo Model : Courtesy or Purplee, my travel buddy!
Social seeder ambassadorship marketing marker's mark caseSpeakersbase.com
Marker's Mark didn’t see an ambassador as an add-on to the marketing strategy, they saw the ambassador as the starting point.
Maker’s Mark solely relies on the power of word-of-mouth and when you give more than you ask, people will always talk about you in a positive way. Even people who never have purchased a Maker’s Mark bourbon before, are becoming ambassadors.
4As Institute of Advanced Advertising Studies--Winner, Hippocampus' New Biz P...Ellie Gogan-Tilstone
I was a participant of the 2009 4As Institute of Advanced Advertising Studies. Essentially, the program takes young people in NY in advertising (with experience of 2-3 years or less), breaks them up into teams (mini agencies), and then have them battle it out against the other agencies in a new business pitch scenario. It's a mock process, but involving a real client--this year's client was Bulleit Bourbon. Teams are required to come up with the strategy, creative executions, media plan, etc. This was a great experience. My team (Hippocampus) was chosen by the client as well as a panel of judges to be the winner. This was our final deck. Happy to explain/clarify anything. Also would appreciate feedback if you have any. Thanks!
#IHeartBourbon Twitter Party Recap ReportJames Hills
This is the Twitter Party Recap Report for the #IHeartBourbon Twitter Party hosted by @FlowSocialMedia in September of 2014 to celebrate Bourbon Heritage Month along with more than a dozen different whiskey distillers from across the country we had an absolute reach of more than 1.3 MM people generating nearly 20 MM impressions from more than 400 people!
JSF 2.3: Integration with Front-End FrameworksIan Hlavats
This presentation will be shared at JavaOne 2014 during the JSF BOF session. It outlines the new generation of front-end frameworks and technologies and how JSF 2.3 can better support them.
Picking the Right Node.js Framework for Your Use CaseJimmy Guerrero
Picking the Right Node.js Framework for Your Use Case with Shubhra Kar.
Topics covered in this webinar:
* Understanding the evolution of frameworks by design patterns
* Express
* Hapi
* Sails.js
* LoopBack.io
* Microservices
* IoT
Angular jS Introduction by Google
A to Z angular introduction about Angular Framework which is single page application.
Angular JS and angular is very important for single page applications.
Building Node.js based APIs in minutes. Achieve full-stack JavaScript, Offline Sync, Geolocation, REST API / JSON, ORM and API Management in open source. Write your own connectors, work on express.js. Create MEAN stack applications connecting Angular to Node to MongoDB. Presented at the Connect.js conference in Atlanta
There Is No Mobile: An Introduction To Responsive Web DesignChris Love
The web has come a long way. One of the great features of the modern web is responsive web design (RWD). RWD allows developers to create a single web client for all devices & platforms. This presentation is an introduction to key concepts developers need to understand in order to start implementing responsive web design.
A great idea can be built with almost any technology. The success or failure of your project has more to do with vision, leadership, execution, and market than technological choices.
Besides the vision, a lot of startups focus on culture. what isn’t often mentioned is that the technical decisions will have a direct effect on the company culture. Great things have been built with each of the technologies. But they do come with a culture.
The purpose of this presentation is to help developers, managers, founders, etc. to make an insightful decision about the framework they want to use to create their product.
A tale of scale & speed: How the US Navy is enabling software delivery from l...sonjaschweigert1
Rapid and secure feature delivery is a goal across every application team and every branch of the DoD. The Navy’s DevSecOps platform, Party Barge, has achieved:
- Reduction in onboarding time from 5 weeks to 1 day
- Improved developer experience and productivity through actionable findings and reduction of false positives
- Maintenance of superior security standards and inherent policy enforcement with Authorization to Operate (ATO)
Development teams can ship efficiently and ensure applications are cyber ready for Navy Authorizing Officials (AOs). In this webinar, Sigma Defense and Anchore will give attendees a look behind the scenes and demo secure pipeline automation and security artifacts that speed up application ATO and time to production.
We will cover:
- How to remove silos in DevSecOps
- How to build efficient development pipeline roles and component templates
- How to deliver security artifacts that matter for ATO’s (SBOMs, vulnerability reports, and policy evidence)
- How to streamline operations with automated policy checks on container images
Unlocking Productivity: Leveraging the Potential of Copilot in Microsoft 365, a presentation by Christoforos Vlachos, Senior Solutions Manager – Modern Workplace, Uni Systems
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.
In his public lecture, Christian Timmerer provides insights into the fascinating history of video streaming, starting from its humble beginnings before YouTube to the groundbreaking technologies that now dominate platforms like Netflix and ORF ON. Timmerer also presents provocative contributions of his own that have significantly influenced the industry. He concludes by looking at future challenges and invites the audience to join in a discussion.
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.
Threats to mobile devices are more prevalent and increasing in scope and complexity. Users of mobile devices desire to take full advantage of the features
available on those devices, but many of the features provide convenience and capability but sacrifice security. This best practices guide outlines steps the users can take to better protect personal devices and information.
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!
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...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.
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/
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.
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfPaige Cruz
Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack.
While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack.
I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...Neo4j
Leonard Jayamohan, Partner & Generative AI Lead, Deloitte
This keynote will reveal how Deloitte leverages Neo4j’s graph power for groundbreaking digital twin solutions, achieving a staggering 100x performance boost. Discover the essential role knowledge graphs play in successful generative AI implementations. Plus, get an exclusive look at an innovative Neo4j + Generative AI solution Deloitte is developing in-house.
Removing Uninteresting Bytes in Software FuzzingAftab Hussain
Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process.
In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds.
- These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
5. Twitter Boostrap
“Bootstrap is the most popular HTML, CSS, and JS
framework for developing responsive, mobile first projects
on the web.”
77,194
Opinionated framework
June 2014 it was the No.1 project on GitHub
Developed by Mark Otto and Jacob Thornton at Twitter
Released to Open Source in August 2011
https://en.wikipedia.org/wiki/Bootstrap_%28front-end_framework%29
6. Zurb Foundation
“The most advanced responsive front-end framework in
the world.”
19,245
Opinionated framework
ZURB is a privately held interaction US design company
V 2.0 first released under MIT License In October 2011
https://en.wikipedia.org/wiki/Foundation_(framework)
7. Bourbon.io
“A simple and lightweight mixin library for Sass.”
5,281
Like Compass
Created by thoughtbot.com
Released under MIT License In 2011
Full framework split into Neat, Bitters and Refills
11. Twitter Boostrap
Glyphicons
Dropdowns
Button groups
Button dropdowns
Input groups
Navs
Navbar
Breadcrumbs
Responsive embed
Wells
Panels
Pagination
Labels
Badges
Jumbotron
Page header
Thumbnails
Alerts
Progress bars
Media object
List group
Javascript
Grid system
Typography
Tables
Forms
Buttons
Images
Helper classes
Responsive utilities
Less
Sass
Mixins
12. Random things!
Your skin is full of salts, loose cells, moisture and other delicious
things flies like to eat, even more so during warm weather.
Look closely and you'll see the fly walking around on your skin with
it's mouth-tube (forgot the name) prodding around on you. That's
the fly eating off you.
Why do flies like landing on our skin?
from Reddit - Xerologic 1845 points 6 months ago
13. Zurb Foundation
Sass
JavaScript
Kitchen Sink
Media Queries
Grid
Block Grid
Interchange
Utility Classes
Right-to-Left Support
Off-canvas JS
Top Bar JS
Icon Bar
Side Nav
Sub Nav
Breadcrumbs
Pagination
Orbit Slider JS
Thumbnails
Clearing Lightbox JS
Flex Video
Forms
Switches
Range Sliders JS
Abide Validation JS
Buttons
Button Groups
Split Buttons JS
Typography
Inline Lists
Labels
Keystrokes
Reveal Modal JS
Alerts JS
Panels
Tooltips JS
Joyride JS
Dropdowns JS
Pricing Tables
Progress Bars
Tables
Accordion JS
Tabs JS
14. Animation
Animation Delay
Animation Direction
Animation Duration
Animation Fill Mode
Animation Iteration Count
Animation Name
Animation Play State
Animation Timing Function
Appearance
Backface Visibility
Background
Background Image
Border Image
Box Sizing
Calc
Columns
Filter
Flexbox
Font Face
Font Feature Settings
HiDPI Media Query
Hyphens
Image Rendering
Keyframes
Linear Gradient
Perspective
Placeholder
Radial Gradient
Selection
Text Decoration
Transform
Transitions
User Select
Bourbon.io
FUNCTIONS
Flex Grid
Golden Ratio
Grid Width
Linear Gradient
Modular Scale
Pixel to Ems
Pixel to Rems
Radial Gradient
Strip Units
Tint & Shade
Unpack
ADD-ONS
Border Color
Border Radius
Border Style
Border Width
Buttons
Clearfix
Directional Property
Ellipsis
Font Stacks
Hide Text
HTML5 Input Types
Inline Block
Margin
Padding
Position
Prefixer
Retina Image
Size
Timing Functions
Triangle
Word Wrap
24. Twitter Boostrap
Rapid front end development
Trusty grid structure
Works in all modern browsers
"Mobile first" approach as of v3
Saves time debugging and cross browser testing
Big user community
LESS
Gives structure and consistancy for large dev groups
Helps developers - eg. geonet.org.nz and bidbud.co.nz
Lots of starter themes available
Has a range of Jquery plugins
Large overhead at 161kb especially for mobile users
jQuery plugins are limited
They changed their classes and grid structure
No colons in Javascript
Opinionated framework
Customisable but a lot of sites end up looking the same
Late to the SASS party
Jasny bootstrap - default huge and still missing some key
features
25. Angular JS UI (Foundation for apps)
Rapid front end development
Trusty grid structure
Works in all modern browsers
"Mobile first" approach
Saves time debugging and cross browser testing
Native validation styles for forms
LESS and SASS
Gives structure and consistancy for large dev groups
Vanilla look and feel
Comprehensive JS library
Use ems for typography
Largish overhead at 130kb especially for mobile users
Opinionated framework
Zurb Foundation
26. More difficult to compile and setup
I suspect more time spent cross browser testing (unproven)
Smaller user community
Less Stack Overflow
Bourbon Neat grid
Customisable by default
Modular - pick and choose
Invisible so looks professional
Tiny
Great range of JS componants
Semantic - have it your way
Compass philosophy so great for Rails folks
Extensive - Bitters has parallax, ribbon, textures etc.