LESS is a flexible and dynamic way to develop CSS. A developer can quickly utilize CSS3 features, including browser specific implementations, with little effort. LESS is what everyone dreamed CSS could be. With such things as variables, mixins, nested rules and operations. He will show you how to use LESS to make your development process faster and more efficient.
Sooner or later we all have to work with HTML, despite its verbosity. Those of us who claim to love HTML may just be victims of Stockholm Syndrome, both praising yet secretly loathing it.
Basho designer John Newman is making the trek from the swamps of Florida to show us the way. In the modern world of markup preprocessors, these alternative syntaxes allow you to write simpler, cleaner, more concise code in a shorter amount of time. Certain techniques can even allow your team members who may be less-tech-savvy to contribute content directly without forcing you to wire up a WYSIWYG style CMS.
This talk explores great alternatives to plain HTML and CSS, and covers how Basho put these tools together to facilitate a painless, team-oriented approach to building sites and web apps.
From PSD to WordPress Theme: Bringing designs to lifeDerek Christensen
If you want to design your first custom WordPress theme, this talk is for you. You’ve been venturing out little by little, changing some CSS here and HTML there. You’ve even created a child theme or two. But now it’s time to take things to the next level. You want something that’s all yours!
You convinced your friend put together a design for you in Photoshop, and now it’s time to take the next step. How do you get that beautiful concept to translate into a living, breathing WordPress theme?
That’s what we’ll cover in this action-packed presentation geared toward the curious beginner and intermediate WordPress fans.
CSS met Less :: Hoe begin ik? - een presentatie gegeven door Hans Kuijpers tijdens Joomladagen 2013 te Woudschoten, Zeist. #jd13nl
De eerste keer werken met CSS gaf me dezelfde kriebels als nu werken met LESS. Het maakt je leven zo veel makkelijker!
LESS is a flexible and dynamic way to develop CSS. A developer can quickly utilize CSS3 features, including browser specific implementations, with little effort. LESS is what everyone dreamed CSS could be. With such things as variables, mixins, nested rules and operations. He will show you how to use LESS to make your development process faster and more efficient.
Sooner or later we all have to work with HTML, despite its verbosity. Those of us who claim to love HTML may just be victims of Stockholm Syndrome, both praising yet secretly loathing it.
Basho designer John Newman is making the trek from the swamps of Florida to show us the way. In the modern world of markup preprocessors, these alternative syntaxes allow you to write simpler, cleaner, more concise code in a shorter amount of time. Certain techniques can even allow your team members who may be less-tech-savvy to contribute content directly without forcing you to wire up a WYSIWYG style CMS.
This talk explores great alternatives to plain HTML and CSS, and covers how Basho put these tools together to facilitate a painless, team-oriented approach to building sites and web apps.
From PSD to WordPress Theme: Bringing designs to lifeDerek Christensen
If you want to design your first custom WordPress theme, this talk is for you. You’ve been venturing out little by little, changing some CSS here and HTML there. You’ve even created a child theme or two. But now it’s time to take things to the next level. You want something that’s all yours!
You convinced your friend put together a design for you in Photoshop, and now it’s time to take the next step. How do you get that beautiful concept to translate into a living, breathing WordPress theme?
That’s what we’ll cover in this action-packed presentation geared toward the curious beginner and intermediate WordPress fans.
CSS met Less :: Hoe begin ik? - een presentatie gegeven door Hans Kuijpers tijdens Joomladagen 2013 te Woudschoten, Zeist. #jd13nl
De eerste keer werken met CSS gaf me dezelfde kriebels als nu werken met LESS. Het maakt je leven zo veel makkelijker!
NewBCamp09: Turning your design into a WordPress ThemeAdam Darowski
At NewBCamp '09, I live-built the front page of a WordPress theme. Here are the slides I used before building to explain the parts of a WordPress theme.
The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ...Nicole Sullivan
The cascade is a poker game, but we've been playing our cards all wrong. Here Nicole suggests we stop trying to play to win to prevent code bloat, and simplify the cascade, using the order of the rulesets to allow overrides.
An overview of the CSS preprocessor LESS.
Including code samples for creating mixins, variables, math, colors, patterns, guards, scope, and namespaces.
NewBCamp09: Turning your design into a WordPress ThemeAdam Darowski
At NewBCamp '09, I live-built the front page of a WordPress theme. Here are the slides I used before building to explain the parts of a WordPress theme.
The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax ...Nicole Sullivan
The cascade is a poker game, but we've been playing our cards all wrong. Here Nicole suggests we stop trying to play to win to prevent code bloat, and simplify the cascade, using the order of the rulesets to allow overrides.
An overview of the CSS preprocessor LESS.
Including code samples for creating mixins, variables, math, colors, patterns, guards, scope, and namespaces.
This is an introductory talk we delivered at Universidad Europea de Madrid for the International Week of Technological Innovation. We introduce concepts such as accessibility and performance in modern web development, current browser market state and evolution, and some approaches to introduce CSS3.
Modern Web Apps should be focused, rich, and gorgeous, but they also need to be FAST. After all, being rich and beautiful isn't always enough!
With web apps, faster is always better; nobody will ever complain that your site is too fast!
Does This Theme Make My Website Look Fat? (Wordcamp SLC 2013)Adam Dunford
While the principles of responsive web design can make sites look better on mobile devices, they don’t necessarily load faster than a site designed for desktops. And as more and more sophisticated WordPress themes emerge, with their multiple options and fancy sliders, websites just keep getting more and more bloated.
This presentation will help cut out the junk that’s larding up your sites so you can better meet the demand of users wanting fast-loading user experiences–no matter the device or connection.
Presented at WordCamp Salt Lake City 2013 (http://2013.slc.wordcamp.org/)
Node.js 101
with Rami Sayar
Presented by FITC at Web Unleashed 2014 in Toronto
on September 18 2014, 10:30 - 11:15am
Node.js is a runtime environment and library for running JavaScript applications outside the browser. Node.js is mostly used to run real-time server applications and shines through its performance using non-blocking I/O and asynchronous events. This talk will introduce you to Node.js by showcasing the environment and its two most popular libraries: express and socket.io.
TARGET AUDIENCE
Beginner web developers
ASSUMED AUDIENCE KNOWLEDGE
Working knowledge of JavaScript and HTML5.
OBJECTIVE
Learn how to build a chat engine using Node.js and WebSockets.
FIVE THINGS AUDIENCE MEMBERS WILL LEARN
Node.js environment and basics
Node Package Manager overview
Web Framework, express, basics
WebSockets and Socket.io basics
Building a chat engine using Node.js
The Rich Standard: Getting Familiar with HTML5Todd Anglin
HTML 5 may take some time to find full support in all major browsers, but you may be surprised to discover how many of HTML 5’s features are available today! HTML 5 is the next generation standard for web applications, and it promises to give plug-in based RIAs a serious challenge. In this demo heavy session, you’ll see HTML 5 in action and learn what you can do with today’s browser support for the new standard. If you’re building rich web applications and you’ve never touched HTML 5, this session is a must see.
HTML 5 has ushered in the world of Web 2.0 to Web 3.0.
How will it better search engine optimization strategies, impact social media marketing and help paid search?
Natalie MacLees' presentation on Progressively Enhancing WordPress themes from WordCamp Las Vegas 2011. Covers how to implement HTML5, CSS3, ARIA, SVG, and Responsive Design without breaking your theme for anybody.
HTML5 presented at the Fox Valley Computing Professionals on December 14, 2010. Explores the history, philosophy, and drama behind this popular new spec for the web, and looks at some of the key new features.
Similar to Drawing the Line with Browser Compatibility (20)
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.
"Impact of front-end architecture on development cost", Viktor TurskyiFwdays
I have heard many times that architecture is not important for the front-end. Also, many times I have seen how developers implement features on the front-end just following the standard rules for a framework and think that this is enough to successfully launch the project, and then the project fails. How to prevent this and what approach to choose? I have launched dozens of complex projects and during the talk we will analyze which approaches have worked for me and which have not.
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
Neuro-symbolic is not enough, we need neuro-*semantic*Frank van Harmelen
Neuro-symbolic (NeSy) AI is on the rise. However, simply machine learning on just any symbolic structure is not sufficient to really harvest the gains of NeSy. These will only be gained when the symbolic structures have an actual semantics. I give an operational definition of semantics as “predictable inference”.
All of this illustrated with link prediction over knowledge graphs, but the argument is general.
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
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.
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.
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.
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
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.
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...
Drawing the Line with Browser Compatibility
1. DRAWING THE LINE WITH BROWSER COMPATIBILITY
Jake Smith
ConFoo - March 10, 2010
http://joind.in/1285
2. Who are you and who
is your audience?
http://joind.in/1285
3. Demographics
• Is your potential user “tech savvy”?
• Users with disabilities?
• Color blindness or other motor skill deficiencies
http://joind.in/1285
5. Netbook Revolution
• 2009 Year of the netbook
• Nvidia ION makes video playback amazing
• Flash Player 10.1 provides better netbook support
• Modern OS (Windows 7 and Linux) = less IE6/WIN
XP
http://joind.in/1285
6. Enter the Chrome
• Brand Recognition
• Chrome will be pre-installed on Sony PCs
• Everyone knows google, so they trust Google
• Chrome already taken more market share than
Safari
http://joind.in/1285
7. IE 6, Why can’t I quit
you?
http://joind.in/1285
8. IE 6 in the wild
• School Networks
• Large Companies
• Older Demographic
• Windows XP
http://joind.in/1285
10. Double Margin
• Any margin applied to floated elements
• Solution - display: inline;
http://joind.in/1285
11. Float Container
• Element breaks containment, overflow: hidden/
auto is not enough
• Solution - float: left the containing element
http://joind.in/1285
15. Hover Buttons
• When an “<a>” is in the hover state, and set to
display: block; and the containing “<li>” is floated
you have to hover over the link and not the entire
block element.
• Solution: set containing <li> to position: relative; or
display: inline-block;
http://joind.in/1285
24. CSS Hacks
• _ hack for IE 6 and below
• * hack for IE 7 and below
• !important for modern browsers
• Most common hack reset * {}
Browser Render Hacks: http://centricle.com/ref/css/filters/
http://joind.in/1285
25. IE Conditionals
• Specifically target version of Internet Explorer
• Extra HTTP Request
http://joind.in/1285
30. Cost Benefit
• Analyze current view trends
• Define aspects of site that must function identical
regardless of browser
• Present/Prepare estimate on Browser Testing/
Development separate from “Development/
Production” time.
• Navigation should always be accessible NO
MATTER WHAT (Mobile, IE, etc)
http://joind.in/1285
31. Lies, Damn Lies and Statistics
• Statistics are skewed/manipulated
• IE 6 is as low as 6% and as high as 20%
• Research your product/client current stats and/or
target market
• Initial research will be paid off by further reach
to clients
http://joind.in/1285
33. Inform early and often
• Consult the client on current browser trends
• Inform them of possible inconsistencies in
antiquated browsers
• Set/Manage Expectations
http://joind.in/1285
34. Have Tech Specification in contracts
• Browsers Supported
• Surcharge and/or possible timeline increases
http://joind.in/1285
37. HTML 5 Video vs Flash
• CPU Usage
• Who does it effect? Mobile, Netbook and Nettop
• No full screen support for HTML 5
• Zero support for Internet Explorer
• Supported in Mobile Browsers
http://joind.in/1285
38. HTML 5 Video Detection
Dive Into HTML 5 - Detect: http://diveintohtml5.org/detect.html
Modernizr: http://www.modernizr.com/
http://joind.in/1285
39. Vimeo Flash 10 (Macbook Pro in Safari)
http://joind.in/1285
41. Vimeo HTML 5 (Macbook Pro in Safari)
http://joind.in/1285
42. Vimeo HTML 5 (Netbook in Safari)
http://joind.in/1285
43. @font-face (CSS3)
• Renders perfect in all measurements
• EOT, OTF, SVG fonts
• Legal issues
• You may use this font for Font-Face embedding, but only if you put a link to www.exljbris.nl on
your page and/or put this notice /* A font by Jos Buivenga (exljbris) -> www.exljbris.com */ in
your CSS file as near as possible to the piece of code that declares the Font-Face embedding of
this font.
Delicious Font EULA: http://www.josbuivenga.demon.nl/eula.html
http://joind.in/1285
44. Font Stacks
• Quicker production turnaround
• Example: font-family: "Lucida Grande", "Lucida Sans
Unicode", "Lucida Sans", Verdana, Tahoma, sans-
serif;
Popular Font Stacks: http://www.awayback.com/revised-font-stack/
Installed Font Matrix: http://media.24ways.org/2007/17/fontmatrix.html
http://joind.in/1285
47. CSS3 - Media Queries
• [max/min]-[width/height]
• Media Types: screen, print, handheld, projection,
braille, speech
• Three ways to implement: import, link and CSS
• Handheld interpreted by older mobile phones
• Current smart phones (iPhone/Android) utilize
“screen”
W3C Media Queries: http://www.w3.org/TR/css3-mediaqueries/
http://joind.in/1285
53. Google Voice mobile/web application
• Google vs. Apple APP store
• HTML 5/CSS3 mobile “Google Voice”
Google Voice: http://m.google.com/voice
http://joind.in/1285
55. Mobile Apps give you more control
• Less environment concerns
• Objective C (iPhone), Java (Android) and WebOS
(Pre)
• Titanium (Appcelerator), build apps with web
technology
Titanium Appcelerator: http://www.appcelerator.com/
http://joind.in/1285
56. HTML 5 Geolocation
• Not quite to a browser near you, Firefox 3.5+ only
• Not officially HTML 5, governed by “Geolocation
Working Group”
• iPhone and Android 2.0 only supported mobile
devices
http://joind.in/1285
57. HTML 5 Geolocation - Firefox 3.6
HTML 5 Geolocation Demo: http://html5demos.com/geo
http://joind.in/1285
58. HTML 5 Geolocation - Firefox 3.6
HTML 5 Geolocation Demo: http://html5demos.com/geo
http://joind.in/1285
59. HTML 5 Geolocation - iPhone (Safari)
HTML 5 Geolocation Demo: http://html5demos.com/geo
http://joind.in/1285