A short presentation highlighting new-ish features of CSS. Geared towards experienced programmers/web developers who may not have known about recent additions to CSS capabilities and functionalities.
XHTML is more compatible with adaptive web software, like aural screen readers.
The syntax is almost exactly like HTML; if you know how to write in HTML 4.01 Strict, the transition is almost seamless. In fact, XHTML is backwards compatible. For More Visit - http://marketing.clicksbazaar.com/xhtml-validation/
Web Development is website development which is explained by Derin Dolen in this PPt in very detail and simple words. Derin Dolen ppt on web development is must be read and share.
XHTML is more compatible with adaptive web software, like aural screen readers.
The syntax is almost exactly like HTML; if you know how to write in HTML 4.01 Strict, the transition is almost seamless. In fact, XHTML is backwards compatible. For More Visit - http://marketing.clicksbazaar.com/xhtml-validation/
Web Development is website development which is explained by Derin Dolen in this PPt in very detail and simple words. Derin Dolen ppt on web development is must be read and share.
We are about to start a new year and I have put together a guide for current and aspiring web developers to follow to get an idea of what it takes to be a full stack developer. From basic tools to html/css, JavaScript, UI frameworks like Bootstrap, server side technologies like Node.js, Python and PHP, frameworks like Laravel, Django and Ruby on Rails. I tried to include the most used technologies and give you the options to choose from with some of my own opinion and input.
Best Web Designing Courses- Classes in Pune | Web Designing Training in pune ...Mukeshkumar Prajapati
Enroll for web designing courses in best institute. It is the Best Web Designing Courses- Classes in Pune | Web Designing Training in pune .Web designing course by pune training institute provides best knowledge of all aspects of web designing. Our web designing course includes basic to advance level and to get the placement in good MNC company."
Web Development with HTML5, CSS3 & JavaScriptEdureka!
With the commercialization of the web, web development has become one of the blooming industries. Learning web development enables you to create attractive websites using HTML, CSS, JQuery and JavaScript. Web development includes developing simple and complex web-based applications, electronic businesses and social networking sites. Being a web developer you can deliver applications as web services which is only available in desktop applications.
It includes all basics you need to know about web designing and if you did like the content being presented in the slides you can join our club to learn more interesting things about web designing.
As CSS3 adds support for rich styling in standards-based web applications, style sheet markup can quickly get out of control! Many CSS effects today require repetitive rules to cover the proprietary browser CSS prefixes. LESS for CSS is an open source framework that makes modern CSS more manageable. With support for variables, mix-ins, nested CSS rules, and operations, LESS finally makes complex CSS easy to maintain. In this session, you will discover how LESS can be easily adopted in any ASP.NET project and learn about tools that make it easy to work with LESS in Visual Studio 2010.
Building the next generation of browser apps todayRandy Williams
As browsers evolve and mobile devices proliferate, are your SharePoint applications keeping up? Are you still using old-school, server-side technologies in web parts or application pages? By unleashing the browser’s full potential, you can deliver unparalleled responsiveness and cross-device richness. In this session, come learn how HTML 5, jQuery, and SharePoint’s client object model can spice up your applications. We’ll also see how these technologies let you “break out of the sandbox”, enhancing both on premise and SharePoint Online solutions.
In this PPT, We describe about the concept of Web Designing and also discuss about the History & Development of Web Designing. Later We defines about Some Sub Topics like Fundamentals,Types,Advantages & Applications of Web Designing that clearly describes using Pictures in creativity manner.
Discusses CSS architecture in detail. Explores common pitfalls. Explore CSS workflow (pre-processors and post-processors), How to develop responsive layouts, Future friendly CSS and many other things.
Especially in small companies, you're often expected to be the end-to-end developer and handle everything from the database to the user interface. This was easy enough in the old days when the UI was little more than a table-based-layout with some sliced graphics. But now with the latest technologies, the front end is becoming just as complex as the back end. In order to get the job done you need to rely more and more upon an ever growing, endless mountain of JavaScript libraries, plugins and boilerplates. Or maybe... you just need a front end developer.
How to Create WordPress Website in Easy StepsSingsys Pte Ltd
E-Commerce business is on heat now a days and without a good website you can't survive long. Choosing CMS like wordpress you can be a step ahead of your competitors in the market. So, learn how to make a simple wordpress site in simple steps.
Tips on how to efficiently find your next (or first) job as a PHP developer. Includes tips on how to formulate you resume, how to work with recruiters, how to use LinkedIn, and a lot more.
Links related to this presentation can be found here: http://ampfront.tumblr.com/post/43732875343/links-from-my-presentation-landing-your-next-php-job
We are about to start a new year and I have put together a guide for current and aspiring web developers to follow to get an idea of what it takes to be a full stack developer. From basic tools to html/css, JavaScript, UI frameworks like Bootstrap, server side technologies like Node.js, Python and PHP, frameworks like Laravel, Django and Ruby on Rails. I tried to include the most used technologies and give you the options to choose from with some of my own opinion and input.
Best Web Designing Courses- Classes in Pune | Web Designing Training in pune ...Mukeshkumar Prajapati
Enroll for web designing courses in best institute. It is the Best Web Designing Courses- Classes in Pune | Web Designing Training in pune .Web designing course by pune training institute provides best knowledge of all aspects of web designing. Our web designing course includes basic to advance level and to get the placement in good MNC company."
Web Development with HTML5, CSS3 & JavaScriptEdureka!
With the commercialization of the web, web development has become one of the blooming industries. Learning web development enables you to create attractive websites using HTML, CSS, JQuery and JavaScript. Web development includes developing simple and complex web-based applications, electronic businesses and social networking sites. Being a web developer you can deliver applications as web services which is only available in desktop applications.
It includes all basics you need to know about web designing and if you did like the content being presented in the slides you can join our club to learn more interesting things about web designing.
As CSS3 adds support for rich styling in standards-based web applications, style sheet markup can quickly get out of control! Many CSS effects today require repetitive rules to cover the proprietary browser CSS prefixes. LESS for CSS is an open source framework that makes modern CSS more manageable. With support for variables, mix-ins, nested CSS rules, and operations, LESS finally makes complex CSS easy to maintain. In this session, you will discover how LESS can be easily adopted in any ASP.NET project and learn about tools that make it easy to work with LESS in Visual Studio 2010.
Building the next generation of browser apps todayRandy Williams
As browsers evolve and mobile devices proliferate, are your SharePoint applications keeping up? Are you still using old-school, server-side technologies in web parts or application pages? By unleashing the browser’s full potential, you can deliver unparalleled responsiveness and cross-device richness. In this session, come learn how HTML 5, jQuery, and SharePoint’s client object model can spice up your applications. We’ll also see how these technologies let you “break out of the sandbox”, enhancing both on premise and SharePoint Online solutions.
In this PPT, We describe about the concept of Web Designing and also discuss about the History & Development of Web Designing. Later We defines about Some Sub Topics like Fundamentals,Types,Advantages & Applications of Web Designing that clearly describes using Pictures in creativity manner.
Discusses CSS architecture in detail. Explores common pitfalls. Explore CSS workflow (pre-processors and post-processors), How to develop responsive layouts, Future friendly CSS and many other things.
Especially in small companies, you're often expected to be the end-to-end developer and handle everything from the database to the user interface. This was easy enough in the old days when the UI was little more than a table-based-layout with some sliced graphics. But now with the latest technologies, the front end is becoming just as complex as the back end. In order to get the job done you need to rely more and more upon an ever growing, endless mountain of JavaScript libraries, plugins and boilerplates. Or maybe... you just need a front end developer.
How to Create WordPress Website in Easy StepsSingsys Pte Ltd
E-Commerce business is on heat now a days and without a good website you can't survive long. Choosing CMS like wordpress you can be a step ahead of your competitors in the market. So, learn how to make a simple wordpress site in simple steps.
Tips on how to efficiently find your next (or first) job as a PHP developer. Includes tips on how to formulate you resume, how to work with recruiters, how to use LinkedIn, and a lot more.
Links related to this presentation can be found here: http://ampfront.tumblr.com/post/43732875343/links-from-my-presentation-landing-your-next-php-job
2013-08 Raleigh ISSA Chapter Updates August 2013Raleigh ISSA
Chapter board reports, InfoSeCon call for papers, InfoSeCon updates, Back-to-Basics mini-trainings, why you should never Google "David Vaughn". Upcoming Events including Chapter Meetings 9/5 and 10/3, InfoSeCon 10/17, BSides Raleigh 10/18. Tonight's Presentation: YOU! Enjoy roundtables and group discussions with your peers
Session 3/8. Priority issues. The Strategic Content Alliance, JISC sponsored workshops on Maximising Online Resource Effectiveness, held on different occasions throughout 2010 and delivered by Netskills.
So, You Wanna Dev? Join the Team! - WordCamp Raleigh 2017 Evan Mullins
WP Dev/tools for beginners: ftp, git, svn, php, html, css, sass, js, jquery, IDEs, themes, child themes, the loop, hooks, APIs, CLI, agile, bootstrap, SEO, slack… etc.
We’ll discuss the language and various acronyms and buzzwords used by devs in this crash course introduction to the developer’s world. Overview of primary development processes and terms and what software is needed to play the game. We’ll cover what you need to go from zero to developer and hopefully how to have fun on the way.
WordCamp Asheville 2017 - So You Wanna Dev? Join the Team!Evan Mullins
WP Dev/tools for beginners: ftp, git, svn, php, html, css, sass, js, jquery, IDEs, themes, child themes, the loop, inspect element, hooks, APIs, CLI, agile, bootstrap, SEO, slack… etc.
We’ll discuss the language and various acronyms and buzzwords used by devs in this crash course introduction to the developer’s world. Overview of primary development processes and terms and what software is needed to play the game. We’ll cover what you need to go from zero to developer and hopefully how to have fun on the way.
Takeaways:
Learn to speak dev
Get familiar with concepts (and acronyms) you’ll need to dev
Learn about tools that will help you
A business owner nowadays needs to be able to attract and engage people to their website. In this session, learn to implement your company's brand on SharePoint 2010. During this session, we'll use the right tools to take a design from concept to a fully functioning SharePoint 2010 site. Based on real world experiences, this session is sure to give you some practical tips, tricks, and advice you can use immediately. Learn to leverage SharePoint 2010 tools to customize your experiences, and make them unique. You will be able to take this knowledge and deliver the best end to end experiences to your customers.
Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...John Hartley
From the 2011 ACE/NETC Conference in Denver, CO
This presentation focuses on utilizing technologies such as jQuery, CSS, Ajax/Spry, Wordpress, and other tools to extend the capabilities of the Adobe web publishing system. The Adobe web publishing system is primarily composed of Dreamweaver, Contribute, and the Contribute Publishing Server. Dreamweaver is used by web designers and developers to create websites. Contribute is used by the non-technical subject matter experts to edit the content of the websites through a simple graphic user interface similar to Microsoft Word. The Contribute Publishing Server controls the file permissions and other administrative settings of the websites. These programs also integrate with other Adobe products including Flash/Flex, Acrobat, InDesign, Photoshop, and other familiar programs. Technologies, such as the ones that will be discussed, are extremely useful in constructing interactive site navigation, in tailoring mobile sites, or in utilizing blogs and RSS integration. However, there are simple strategies to allow for easy editing of the content of the sites through Contribute without interfering with the scripting these utilize. The presenters will endeavor to give a general overview of some of the tools and technologies involved, as well as showcase a few examples of specific tricks that web designers and developers should find very useful.
WordCamp Greenville 2018 - Beware the Dark Side, or an Intro to DevelopmentEvan Mullins
Crash course introduction to web development for WordPress covering acronyms, buzzwords and concepts that often leave outsiders mystified. Overview of primary development processes and what software and tools are needed to play the game. We’ll cover what you need to go from zero to developer and hopefully how to have fun on the way. WordPress development tools explained for beginners: ftp, git, svn, php, html, css, sass, js, jquery, IDEs, themes, child themes, the Loop, hooks, APIs, CLI, agile, bootstrap, slack, linting, sniffing … etc.
Theming websites effortlessly with Deliverance (CMSExpo 2010)Jazkarta, Inc.
Learn how to theme any CMS in 5 minutes with Deliverance, a tool that makes theming easy. It takes content from a CMS and inserts it into placeholders in a theme destination.
A Comprehensive Look at Generative AI in Retail App Testing.pdfkalichargn70th171
Traditional software testing methods are being challenged in retail, where customer expectations and technological advancements continually shape the landscape. Enter generative AI—a transformative subset of artificial intelligence technologies poised to revolutionize software testing.
Globus Connect Server Deep Dive - GlobusWorld 2024Globus
We explore the Globus Connect Server (GCS) architecture and experiment with advanced configuration options and use cases. This content is targeted at system administrators who are familiar with GCS and currently operate—or are planning to operate—broader deployments at their institution.
TROUBLESHOOTING 9 TYPES OF OUTOFMEMORYERRORTier1 app
Even though at surface level ‘java.lang.OutOfMemoryError’ appears as one single error; underlyingly there are 9 types of OutOfMemoryError. Each type of OutOfMemoryError has different causes, diagnosis approaches and solutions. This session equips you with the knowledge, tools, and techniques needed to troubleshoot and conquer OutOfMemoryError in all its forms, ensuring smoother, more efficient Java applications.
Listen to the keynote address and hear about the latest developments from Rachana Ananthakrishnan and Ian Foster who review the updates to the Globus Platform and Service, and the relevance of Globus to the scientific community as an automation platform to accelerate scientific discovery.
Innovating Inference - Remote Triggering of Large Language Models on HPC Clus...Globus
Large Language Models (LLMs) are currently the center of attention in the tech world, particularly for their potential to advance research. In this presentation, we'll explore a straightforward and effective method for quickly initiating inference runs on supercomputers using the vLLM tool with Globus Compute, specifically on the Polaris system at ALCF. We'll begin by briefly discussing the popularity and applications of LLMs in various fields. Following this, we will introduce the vLLM tool, and explain how it integrates with Globus Compute to efficiently manage LLM operations on Polaris. Attendees will learn the practical aspects of setting up and remotely triggering LLMs from local machines, focusing on ease of use and efficiency. This talk is ideal for researchers and practitioners looking to leverage the power of LLMs in their work, offering a clear guide to harnessing supercomputing resources for quick and effective LLM inference.
Field Employee Tracking System| MiTrack App| Best Employee Tracking Solution|...informapgpstrackings
Keep tabs on your field staff effortlessly with Informap Technology Centre LLC. Real-time tracking, task assignment, and smart features for efficient management. Request a live demo today!
For more details, visit us : https://informapuae.com/field-staff-tracking/
Cyaniclab : Software Development Agency Portfolio.pdfCyanic lab
CyanicLab, an offshore custom software development company based in Sweden,India, Finland, is your go-to partner for startup development and innovative web design solutions. Our expert team specializes in crafting cutting-edge software tailored to meet the unique needs of startups and established enterprises alike. From conceptualization to execution, we offer comprehensive services including web and mobile app development, UI/UX design, and ongoing software maintenance. Ready to elevate your business? Contact CyanicLab today and let us propel your vision to success with our top-notch IT solutions.
Gamify Your Mind; The Secret Sauce to Delivering Success, Continuously Improv...Shahin Sheidaei
Games are powerful teaching tools, fostering hands-on engagement and fun. But they require careful consideration to succeed. Join me to explore factors in running and selecting games, ensuring they serve as effective teaching tools. Learn to maintain focus on learning objectives while playing, and how to measure the ROI of gaming in education. Discover strategies for pitching gaming to leadership. This session offers insights, tips, and examples for coaches, team leads, and enterprise leaders seeking to teach from simple to complex concepts.
Enhancing Research Orchestration Capabilities at ORNL.pdfGlobus
Cross-facility research orchestration comes with ever-changing constraints regarding the availability and suitability of various compute and data resources. In short, a flexible data and processing fabric is needed to enable the dynamic redirection of data and compute tasks throughout the lifecycle of an experiment. In this talk, we illustrate how we easily leveraged Globus services to instrument the ACE research testbed at the Oak Ridge Leadership Computing Facility with flexible data and task orchestration capabilities.
In software engineering, the right architecture is essential for robust, scalable platforms. Wix has undergone a pivotal shift from event sourcing to a CRUD-based model for its microservices. This talk will chart the course of this pivotal journey.
Event sourcing, which records state changes as immutable events, provided robust auditing and "time travel" debugging for Wix Stores' microservices. Despite its benefits, the complexity it introduced in state management slowed development. Wix responded by adopting a simpler, unified CRUD model. This talk will explore the challenges of event sourcing and the advantages of Wix's new "CRUD on steroids" approach, which streamlines API integration and domain event management while preserving data integrity and system resilience.
Participants will gain valuable insights into Wix's strategies for ensuring atomicity in database updates and event production, as well as caching, materialization, and performance optimization techniques within a distributed system.
Join us to discover how Wix has mastered the art of balancing simplicity and extensibility, and learn how the re-adoption of the modest CRUD has turbocharged their development velocity, resilience, and scalability in a high-growth environment.
Quarkus Hidden and Forbidden ExtensionsMax Andersen
Quarkus has a vast extension ecosystem and is known for its subsonic and subatomic feature set. Some of these features are not as well known, and some extensions are less talked about, but that does not make them less interesting - quite the opposite.
Come join this talk to see some tips and tricks for using Quarkus and some of the lesser known features, extensions and development techniques.
Developing Distributed High-performance Computing Capabilities of an Open Sci...Globus
COVID-19 had an unprecedented impact on scientific collaboration. The pandemic and its broad response from the scientific community has forged new relationships among public health practitioners, mathematical modelers, and scientific computing specialists, while revealing critical gaps in exploiting advanced computing systems to support urgent decision making. Informed by our team’s work in applying high-performance computing in support of public health decision makers during the COVID-19 pandemic, we present how Globus technologies are enabling the development of an open science platform for robust epidemic analysis, with the goal of collaborative, secure, distributed, on-demand, and fast time-to-solution analyses to support public health.
Code reviews are vital for ensuring good code quality. They serve as one of our last lines of defense against bugs and subpar code reaching production.
Yet, they often turn into annoying tasks riddled with frustration, hostility, unclear feedback and lack of standards. How can we improve this crucial process?
In this session we will cover:
- The Art of Effective Code Reviews
- Streamlining the Review Process
- Elevating Reviews with Automated Tools
By the end of this presentation, you'll have the knowledge on how to organize and improve your code review proces
Providing Globus Services to Users of JASMIN for Environmental Data AnalysisGlobus
JASMIN is the UK’s high-performance data analysis platform for environmental science, operated by STFC on behalf of the UK Natural Environment Research Council (NERC). In addition to its role in hosting the CEDA Archive (NERC’s long-term repository for climate, atmospheric science & Earth observation data in the UK), JASMIN provides a collaborative platform to a community of around 2,000 scientists in the UK and beyond, providing nearly 400 environmental science projects with working space, compute resources and tools to facilitate their work. High-performance data transfer into and out of JASMIN has always been a key feature, with many scientists bringing model outputs from supercomputers elsewhere in the UK, to analyse against observational or other model data in the CEDA Archive. A growing number of JASMIN users are now realising the benefits of using the Globus service to provide reliable and efficient data movement and other tasks in this and other contexts. Further use cases involve long-distance (intercontinental) transfers to and from JASMIN, and collecting results from a mobile atmospheric radar system, pushing data to JASMIN via a lightweight Globus deployment. We provide details of how Globus fits into our current infrastructure, our experience of the recent migration to GCSv5.4, and of our interest in developing use of the wider ecosystem of Globus services for the benefit of our user community.
Large Language Models and the End of ProgrammingMatt Welsh
Talk by Matt Welsh at Craft Conference 2024 on the impact that Large Language Models will have on the future of software development. In this talk, I discuss the ways in which LLMs will impact the software industry, from replacing human software developers with AI, to replacing conventional software with models that perform reasoning, computation, and problem-solving.
In 2015, I used to write extensions for Joomla, WordPress, phpBB3, etc and I ...Juraj Vysvader
In 2015, I used to write extensions for Joomla, WordPress, phpBB3, etc and I didn't get rich from it but it did have 63K downloads (powered possible tens of thousands of websites).
Exploring Innovations in Data Repository Solutions - Insights from the U.S. G...Globus
The U.S. Geological Survey (USGS) has made substantial investments in meeting evolving scientific, technical, and policy driven demands on storing, managing, and delivering data. As these demands continue to grow in complexity and scale, the USGS must continue to explore innovative solutions to improve its management, curation, sharing, delivering, and preservation approaches for large-scale research data. Supporting these needs, the USGS has partnered with the University of Chicago-Globus to research and develop advanced repository components and workflows leveraging its current investment in Globus. The primary outcome of this partnership includes the development of a prototype enterprise repository, driven by USGS Data Release requirements, through exploration and implementation of the entire suite of the Globus platform offerings, including Globus Flow, Globus Auth, Globus Transfer, and Globus Search. This presentation will provide insights into this research partnership, introduce the unique requirements and challenges being addressed and provide relevant project progress.
How to Position Your Globus Data Portal for Success Ten Good PracticesGlobus
Science gateways allow science and engineering communities to access shared data, software, computing services, and instruments. Science gateways have gained a lot of traction in the last twenty years, as evidenced by projects such as the Science Gateways Community Institute (SGCI) and the Center of Excellence on Science Gateways (SGX3) in the US, The Australian Research Data Commons (ARDC) and its platforms in Australia, and the projects around Virtual Research Environments in Europe. A few mature frameworks have evolved with their different strengths and foci and have been taken up by a larger community such as the Globus Data Portal, Hubzero, Tapis, and Galaxy. However, even when gateways are built on successful frameworks, they continue to face the challenges of ongoing maintenance costs and how to meet the ever-expanding needs of the community they serve with enhanced features. It is not uncommon that gateways with compelling use cases are nonetheless unable to get past the prototype phase and become a full production service, or if they do, they don't survive more than a couple of years. While there is no guaranteed pathway to success, it seems likely that for any gateway there is a need for a strong community and/or solid funding streams to create and sustain its success. With over twenty years of examples to draw from, this presentation goes into detail for ten factors common to successful and enduring gateways that effectively serve as best practices for any new or developing gateway.
How to Position Your Globus Data Portal for Success Ten Good Practices
CSS Eye for the Programmer Guy
1. Dennis Slade
CSS Eye for the
Programmer Guy
The San Diego PHP Meetup
2. Who Am I?
❖ Dennis Slade Jr.
tennisbear@gmail.com
❖ 20+ years experience
implementing and supporting
critical web and desktop
business systems
❖ 12+ years hands-on experience
with *AMP web development
projects (PHP on Linux & OS X)
❖ 14+ years experience in
software support and training
3. Why This Presentation?
I recently ran across this Google I/O presentation from a few years
back. The presentation made me realize that I wasn’t yet leveraging
CSS3 and HTML5 functionalities which are now in widespread usage,
and which could save me time and headaches in my coding projects.
I refreshed my knowledge in these areas and I thought you might like
to as well.
❖ See: Google I/O 2012 - The Web Can Do That!?
4. What We’ll Be Covering
❖ Better forms with CSS styling and HTML5
validation
❖ Semantic tags to improve page
organization, SEO, and accessibility
❖ Introductory regions and flexbox
❖ Basic fancy effects (No JavaScript
required)
5. What We Won’t Be Covering
❖ Bootstrap
❖ Less
❖ Sass
❖ Modernizr
❖ jQuery
❖ Advanced filter and transform effects
6. Before We Begin
❖ Checking which browsers support which CSS3/HTML5
features: caniuse.com
❖ CSS Lint for analyzing problems: csslint.net
❖ CodePen for trying stuff out: codepen.io
7. CSS Organization Basics
❖ Use classes rather than element ids whenever possible.
❖ Use style attributes only as a last resort.
❖ Include files rather than inline except when CSS is needed in
emails.
❖ Use <link> tags instead of @import because of performance
issues.
❖ Here’s much, much more on organizing your CSS:
engineering.appfolio.com/2012/11/16/css-architecture/ (thanks for
the link @step_hane)
10. Input Validation
❖ It’s not just text anymore. Try:
date, time, email, url, number, tel, range
❖ Validation with min, max, step, pattern
❖ Required for form fields is lovely… except in mobile and
desktop Safari
❖ Don’t forget <label> for form field navigation and screen
reader accessibility. (example in CodePen)
13. Use Semantic Tags
❖ Your pages can use HTML5 semantic tags like:
❖ <section>
❖ <header>, <footer>
❖ <nav>, <aside>, <article>
❖ Use older HTML tags like <p>, <div>, <ul> within
the semantic tag blocks (example in CodePen)
14. Use Semantic Tags
❖ Improves overall SEO of public pages since search engine crawlers
can easily discern the important content on the page.
❖ See: searchengineland.com/2014-seo-roadmap-semantic-markup-
177798
❖ Much better for accessibility than the original div/p paradigm. Screen
readers in particular use semantic tags to facilitate the browsing
experience for the visually impaired
❖ See: clarissapeterson.com/2012/11/html5-accessibility/
16. What Is Flexbox?
❖ The Flexbox Layout (Flexible Box or just Flexbox) module
aims at providing a more efficient way to lay out, align and
distribute space among items in a container, even when
their size is unknown and/or dynamic.
❖ Flexbox is intended to replace floats and the Box model
which we’ve had to deal with for far too long.
❖ There is fairly widespread support for Flexbox. IE has
recently adopted it (previously the Grid Layout model was
the only alternative to the Box model).
17. Flexbox Features
❖ Align block elements within other blocks with easy
spacing and justification.
❖ Block elements height and width can be easily
synchronized.
❖ The order of elements can be changed via CSS without
calls to the Apache/backend server or JavaScript.
❖ See css-tricks.com/snippets/css/a-guide-to-flexbox/
19. Regions, Transforms & Animation
❖ Transforms
❖ Mozilla: CSS Transforms doc
❖ Mozilla: Using CSS transforms
❖ Animation
❖ Mozilla: Using CSS animations with nice live examples
❖ Transforms with Regions
❖ A flippable book using CSS Regions and 3D transforms
20. Links, Etc.
❖ Video: Google I/O 2012 - The Web Can Do That!?
❖ Video: Create a Responsive Website Using HTML5 and
CSS3
❖ A Complete Guide to Flexbox
❖ W3C: Advanced CSS selectors
❖ As mentioned before: caniuse.com
21. Notes
❖ CSS variables aren’t yet widely adopted. When they are, they
might look something like this.
❖ I used to love using the text-to-speech attribute in WebKit. But
sadly that’s deprecated now for security reasons. *sniffle*
❖ This presentation was originally titled “CSS Eye for the PHP Guy”
but I changed it to “Programmer Guy” after I realized there was no
actual PHP code in the presentation.
❖ Photo credits: (c) 2014 by Me, all from from my recent honeymoon
in Italy. And yes, the Leaning Tower pic in the next slide is totally
real, no photo editing at all...
22. My Contact Info
❖ Dennis Slade Jr.
❖ tennisbear@gmail.com
❖ dennissladejr@gmail.com
❖ @DennisSladeJr
❖ linkedin.com/in/dennissladejr