The Thinking behind BEM

The document programmatically adds audio and buttons to a webpage. It likes and follows Facebook pages and profiles, invites friends to like a page, and displays status updates.

ASP.Net using Visual Studio.net to move data to and from a SQL Server Database. (C#, HTML, CSS) Send an Email from a transaction.

The document discusses various jQuery UI widgets including tabbed panels, accordion panels, date pickers, sliders, and progress bars. It provides instructions on how to set up and configure each widget with examples of the required HTML, JavaScript, and options. The widgets can be used to create interactive user interfaces for applications.

This document summarizes a high level web framework called go-start that was created for the Go programming language. Some key points: - It aims to provide a high level framework like Django or Rails that is easy to setup and deploy while staying true to Go conventions. - It uses MVC architecture and prefers Go syntax over template languages for views. It includes HTML5 Boilerplate, jQuery and handles external dependencies. - Views can be defined using Go syntax and DOM representations on the server. Common widgets like lists, tables and forms are provided at a higher level. - Models are Go structs with validation via reflection and shared between forms and the MongoDB database. - Routing

The document summarizes Hiroki Tani's presentation at the QCon Tokyo 2014 conference on modern CSS architecture. Some key points discussed include: - Adopting modular approaches like OOCSS and SMACSS to separate structure from skin/style and improve maintainability. - Using techniques like BEM naming to further decouple CSS from HTML. - Developing reusable CSS modules and components with flexible modifiers. - Maintaining styleguides and pattern libraries for consistent front-end development.

The document discusses CSS preprocessors like Sass, LESS, and Stylus. It explains that preprocessors allow for features not available in regular CSS like variables, nesting, mixins and more. It provides examples of how preprocessors make CSS more modular and reusable by allowing things like defining colors as variables and creating mixins for common CSS properties. The document is intended to teach developers how to use preprocessors to write more efficient CSS code.

JQuery is a JavaScript library that makes it easier to use JavaScript on websites. It allows developers to select HTML elements and perform actions on them with simple method calls. Some key points covered include how to include JQuery in an HTML page, common selectors to select elements, and examples of using JQuery to modify CSS styles and handle events like clicks and hovers. Events in JQuery allow responding to user actions, and methods like hide(), show(), toggle() allow changing the visibility of elements.

After a brief introduction into the history of Database Management Systems different types of NoSQL data stores are characterized. Theoretical background information about sharding mechanisms, horizontal scaling and the CAP theorem are getting explained. After a comparison of different NoSQL stores you will get to know the pros and cons of the different approaches and you will learn how to take the decision for the best fitting database in your project.

Troy Lea's presentation on JavaScript and jQuery - Nagios XI Tips, Tricks and How-To. The presentation was given during the Nagios World Conference North America held Oct 13th - Oct 16th, 2014 in Saint Paul, MN. For more information on the conference (including photos and videos), visit: http://go.nagios.com/conference

Are you new to Joomla! template designing and keen to learn how to go about creating one? This is beginner-level training for Joomla! template developers conducted on 2 Oct 2010 for free. Slashes and Dots provide Joomla training on demand basis and free Joomla! related training from time to time

The document appears to be a collection of HTML code snippets and text relating to stock charts, floor monitors, orders, buttons, images, tables, forms and text editors. It includes code for things like drop down menus, modals, overlays and text formatting. The document contains a variety of technical HTML and code examples but lacks a clear overall purpose or narrative.

TinyMCE is a WYSIWYG HTML editor that can be easily embedded into web pages. It allows editing content directly in the browser and includes features like plugins, themes, and customization options. The document provides instructions on how to initialize TinyMCE, manipulate content programmatically, handle loading and saving, configure options, and create custom plugins.

Many (most?) developers make the effort to choose HTML elements that best describe the structure and semantics of the content. They then use CSS to set the layout for the visual design. What they don’t know is how browsers use that CSS to break the HTML semantics. I will demonstrate issues and offer unfortunate workarounds.

The document discusses common issues that arise when designers and developers work together to build interfaces without proper design systems, standards and collaboration processes in place. It provides examples of code produced by two different developers to style similar promotional widgets, showing problems like duplication, overuse of IDs, fragile CSS and lack of reuse. The examples are meant to illustrate how inconsistent approaches between designers and developers can lead to quality, maintenance and technical issues if interfaces are not built from agreed upon specifications.

Developers who choose HTML elements that best describe a screen’s structure and semantics often don’t know how browsers use their CSS to break those semantics.

The document discusses various front-end development tools including HTML preprocessors like HAML and Slim, CSS preprocessors like Sass and SCSS, and the CoffeeScript programming language. It provides examples and comparisons of the syntax of these tools, outlines pros like cleaner and more concise code, and notes that some may require learning a new syntax.

This document discusses modern CSS architecture patterns. It introduces concepts like OOCSS, SMACSS, and BEM for organizing CSS in a modular, scalable and maintainable way. It provides examples of how to build reusable CSS modules and maintain them through techniques like naming conventions, categorization and decoupling CSS from HTML. The presentation emphasizes goals of building predictable, reusable, maintainable and scalable CSS architecture.

This document discusses how insurers can adapt to changes in technology by offering insurance as a service rather than just a product. It introduces Magpie, a company that provides digital services and apps to help insurers personalize the customer experience, increase revenue through upsells and cross-sells, and generate data insights. Magpie's core products include apps, digital services, smart tech, and platforms that can be deployed quickly and configured to work with an insurer's existing app or as a standalone branded solution.

Why is context 'King' when it comes to designing engaging experiences? In this talk, I take a look at how culture shapes user experience, sharing insights from software delivery gigs I've been a part of in Africa, Europe, South Asia, and the Middle East. A conversation starter for beginners and advanced practitioners alike.

This document discusses information and communication technology (ICT) and contains several sections on related topics: 1. It begins with a brief definition of ICT and lists two authors. 2. Several sections then discuss challenges with communication technologies across contexts, identifying information and determining appropriate design principles when learning from different groups. 3. One section analyzes how politics can create asymmetrical integration of health e-infrastructure systems in India, providing an example of a flexible tool that was compatible in various situations over time. 4. Integration of library loan systems is also briefly mentioned.

With the growth of e-government programs, the available data to citizens is growing in volume every day. However, to make these data a useful source of information, to be referenced and integrated more easily by different applications, they should be published according to the best practices of Linked Open Data, using standards for description (RDF) and identification (URI) of data resources on the web. The main goal of this work is to propose a platform and approach to support the exposure, sharing and association of data resources in the form of Linked Open Data, offering a user-friendly environment to stimulate the publication of data and their association to other existing data. Central functionalities to be included are data cleaning, transformation, linking, annotation and referencing to terminology mechanisms. http://andrefreitas.org/papers/SBBD-Workshop-eGov-preprint.pdf Kelli de Faria Cordeiro, Fabricio Firmino de Faria, Bianca de Oliveira Pereira, André Freitas, João Vitor Villas Boas Freitas, Ana Christina Bringuente, Lucas de Oliveira Arantes, Rodrigo Calhau, Veruska Zamborlini, Maria Luiza Machado Campos, Giancarlo Guizzardi, An Approach for Managing and Semantically Enriching the Publication of Linked Open Governmental Data, 3rd Workshop of Applied Computing in Electronic Government (WCGE), In WEBMEDIA/SBBD, 2011

This document provides a table listing syllables in Catalan and Spanish. It displays syllables in both languages organized by their initial consonant sounds to allow for comparison of syllable structure between the two languages. The table contains over 200 syllables starting with all consonant sounds in both Catalan and Spanish.

This document discusses the Internet of Services and wearable devices in Asia by 2020. It includes a poll asking what percentage of people in Asia will be using a wearable device by 2020, with answers ranging from less than 1% to over 10%. The document also references a video demonstration of services by Emmanuel La Pierre, Vice President of Sales.

Este documento presenta un modelo de prueba para seleccionar una fecha. Contiene tres líneas que indican la selección de una fecha en tres pasos diferentes.

The 12th Five Year Plan targets increasing education levels and employment opportunities in India. For education, goals include achieving a mean years of schooling of 7, eliminating gaps in enrollment, increasing secondary and senior secondary enrollment rates, and reducing dropout rates and literacy gaps. For employment, goals include creating 50 million new non-farm jobs, increasing the skilled workforce to 50 million, and doubling training capacity from 4.5 million annually. Charts show current and targeted figures for education indicators like enrollment rates and budget allocation across areas.

Support Anna Hajare.

Agent-based modeling is a powerful simulation modeling technique that has seen a number of applications in the last few years, including applications to real-world business problems

The document provides an overview of the Professional Diploma in Digital Marketing programme offered by the Digital Marketing Institute. The 10-module programme covers key areas of digital marketing including search engine optimization, paid search marketing, email marketing, social media marketing, mobile marketing, and analytics. Each module is taught by practitioner-lecturers and focuses on current industry practices to provide students with real-world skills and knowledge sought by employers. Upon completing the programme, students will be equipped to effectively plan and implement digital marketing strategies for organizations.

This document provides an overview of various assessment techniques that can be used to evaluate student learning and development. It discusses pre-created testing instruments, quasi-experiments, ratings of skills, capstone/culminating activities, observation, narrative/journaling, portfolios, word clouds, visual collections, tracking, checklists, surveys, interviews, focus groups, concept maps, and rubrics. For each technique, it provides a brief description and notes on implementation and use. The document aims to inform readers on different assessment options and considerations for each approach.

This document discusses the results of a poll asking what people think is the biggest challenge when transforming an existing insurance company. The poll options were legacy tech, legacy management thinking, getting approval for new investment with uncertain outcome, and organizational silos. It then introduces a tech demo on digital quality assurance by Tanupriya Teriar, Delivery Head of Insurance and Test Automation Services at Quality Kiosk.

Este documento describe la historia y el desarrollo de los fármacos. Explica que los fármacos son sustancias químicas que se usan para tratar enfermedades y que su historia se remonta a antiguos textos médicos como el Papiro Ebers. Luego detalla las cuatro fases de los ensayos clínicos para probar la seguridad y eficacia de nuevos fármacos antes de su aprobación, y también discute algunas ventajas e inconvenientes de los fármacos modernos.

José David Arciniegas Alvear is an industrial designer from Bogotá, Colombia with experience in social projects and interdisciplinary team coordination. He has skills in innovative project development, strategic management, and sustainable approaches. His areas of expertise include services design, social design, production management, strategic design management, communication projects, and cultural/craft products. He is capable, experienced in research, formulation and implementation of social projects using creative methodologies.

Propolis is a resinous material that honey bees collect from leaf buds and use as glue in their hives. It has antibiotic, probiotic, and anti-inflammatory properties due to its flavonoid content, and can help reduce histamine release from mast cells and boost NK cell activity due to its antioxidant effects.

Semantic UI is a front-end framework for building responsive layouts using HTML and CSS classes. It contains over 50 UI elements and components like buttons, menus, modals, shapes, and grids that can be used to rapidly prototype and design websites. Some key benefits of Semantic UI include ease of use, beautiful default styling, and a large collection of useful modules. However, it has a larger file size than some other frameworks and less browser support.

This document provides an overview of Object Oriented CSS (OOCSS), HTML5, and web performance. It discusses what OOCSS is, how to implement it, and why it is useful. It also briefly covers some HTML5 forms and communication features. Finally, it examines how to improve website speed. The goal is to look at these topics and discuss elegant and lean CSS as opposed to "fat sack of crap" code.

APEX& jQuery Mobile Binnenkort zal Oracle versie de lang aangekondigde upgrade naar release 4.2 van Oracle Application Express beschikbaar maken. Een van de meest besproken nieuwe features die voor dit nieuwe release zijn aangekondigd is de integratie van het jQuery Mobile framework. Met de integratie van dit framework zal het mogelijk worden om met APEX applicaties te ontwikkelen, die geschikt zijn voor mobiele toestellen. Wat is en hoe werkt jQuery Mobile en wat betekend dit voor het ontwikkelen in APEX. Dat zijn de onderwerpen die de presentatie aan bod komen. En waarom wachten tot het release van 4.2. Het is namelijk nu al mogelijk om jQuery Mobile in APEX te integreren en gebruiken. Hoe, wordt in een demo getoond. Deze sessie is waarschijnlijk de enige waarin u gevraagd zal worden om uw mobile telefoon aan te laten staan.

This document provides an overview of the BEM (Block Element Modifier) methodology for organizing CSS code. It discusses the concepts of blocks, elements, and modifiers. It also covers advantages like namespacing and shared UI language. Finally, it discusses tools and frameworks for BEM including BEMHTML, CSSO, Emmet, and inuit.css.

This document discusses jQuery Mobile and Sencha Touch, which are frameworks for building rich mobile web applications. It provides an overview of key features of each framework. jQuery Mobile is built on jQuery and uses a modular library approach with markup-driven configuration. It supports features like progressive enhancement, pages, transitions between pages, disabling AJAX loading, back buttons, themes, toolbars, footers, buttons, lists, forms, and touch events. Sencha Touch is a JavaScript framework that supports components, data access and MVC patterns, forms, scrolling, touch events, theming, and charts. It uses an application architecture with stores, models, and views. It supports common UI elements like lists, nested