Managing CSS for a big ass website - at Netlog
10 likes4,661 views
1) Netlog is a very large website with over 100 million visitors and 3 billion pageviews per month, requiring efficient CSS management for their over 1500 templates. 2) Their CSS framework separates styles into core, common, icon, UI, wrapper, and form files aggregated into a single minified file for production, while keeping files separated for development. 3) They use a deploy script to combine, minify, version, and sync CSS files to servers and CDNs to efficiently manage caching for their large traffic.
1 of 21
Downloaded 56 times
Recommended
Css1
Css1Pulkit Tanwar
油
CSS defines how HTML elements are styled and laid out on a page. There are three main types of CSS: inline CSS using the style attribute, internal CSS using the <style> tag, and external CSS linking to a .css file. CSS selectors like id and class allow targeting specific elements by id or class name to style them. Common CSS properties control elements' color, font, size, positioning, and other visual aspects.Web programming css
Web programming cssUma mohan
油
The document discusses cascading style sheets (CSS) and web programming. CSS is a stylesheet language used to design webpages and make them presentable by applying styles independently of HTML. There are three types of CSS: inline, internal/embedded, and external. CSS is important for web development as it increases website standards and user experience. CSS allows web developers to style HTML elements and bring designs to life. Basic CSS formatting includes using internal CSS by adding <style> tags within the <head> of an HTML page. CSS properties control element styles like color, size, position, and more.Twitter bootstrap (css, components and javascript)
Twitter bootstrap (css, components and javascript)NexThoughts Technologies
油
The document provides an overview of Twitter Bootstrap, an open source front-end framework for building responsive, mobile-first websites. It discusses Bootstrap's advantages like being easy to use, responsive design, and consistent styling. It also covers how to get Bootstrap, create basic pages, use the grid system and components, and includes Bootstrap's JavaScript plugins. The presentation includes links to external references for further information on Bootstrap's CSS, components, JavaScript and other topics.Introduction to Twitter Bootstrap 3.0.3
Introduction to Twitter Bootstrap 3.0.3Liang-Hsuan Lin
油
Twitter Bootstrap is a free and open-source front-end web framework that contains HTML and CSS-based design templates and components for typography, forms, buttons, navigation, and other interface components, as well as optional JavaScript extensions. It aims to provide a simple and flexible framework for building responsive, mobile-first projects. The document outlines the key components of Bootstrap including scaffolding, base CSS, JavaScript plugins, and provides examples of grids, buttons, dropdowns, and other elements.Advanced sass
Advanced sassKianosh Pourian
油
SASS is a CSS preprocessor that extends CSS by allowing nested rules, variables, mixins, inheritance and more. It has advantages like uniform CSS, abstraction of common patterns with mixins and functions, and reuse of values with variables. The document discusses these features and provides examples of using variables, mixins and functions in SASS.CSS introduction
CSS introductionCloudTech油
油
Cascading Style Sheets (CSS) is used to format and lay out web documents. CSS works with HTML and JavaScript. CSS uses rules and selectors to style elements by changing properties like colors, sizes, and positioning. A style sheet contains rules with selectors that match HTML tags and attributes. The declaration block then sets property values. Common properties include width, background color, text alignment, and borders. Selectors target elements by type, ID, class, and placement. Examples demonstrate styling navigation bars and clouds. The presentation concludes with a Q&A.Intro to css
Intro to cssRajashekarkorva
油
CSS (Cascading Style Sheets) is a language for styling and formatting web pages. It allows developers to control the layout and presentation of HTML documents, saving time by applying styles across multiple pages at once. CSS rules contain selectors that target HTML elements, properties that define what is styled, and values that determine how it is styled. There are three main ways to define CSS - inline, internal, and external stylesheets. External is considered best practice as it allows styling multiple pages with one CSS file. CSS selectors like ID, class, and pseudo-selectors are used to target specific elements for styling.Boostrap basics
Boostrap basicsJTechTown
油
bootstrap basics to advance. in this presentation I am going to teach you regarding Bootstrap classes
Fundamental CSS3
Fundamental CSS3Achmad Solichin
油
The document discusses various topics in CSS3 including selectors, properties, media queries, and visual effects. It provides examples and explanations of CSS3 concepts like gradients, rounded corners, box shadow, text shadow, opacity, and more. Browser support and cross-browser compatibility of CSS3 features are also covered.Css
Csszayhard99
油
CSS (Cascading Style Sheets) allows separation of design and content of web pages. It was created in 1994 and has become the W3C standard for controlling visual presentation. CSS separates design elements like colors and fonts from the structural HTML markup. This separation allows designers to change the look without altering the content. CSS offers advantages like faster downloads, streamlined maintenance, global design control, and cost savings through reduced bandwidth and higher search engine rankings. Resources for learning more about CSS include w3.org, csszengarden.com, and webmonkey.wired.com.Css3 Presetation
Css3 PresetationNicole Glasgow
油
CSS is used to style and lay out web pages. CSS3 is the latest standard. CSS rules contain selectors that target elements using properties and values to style them. There are block level elements like headings and paragraphs and inline elements like bold and images. Important selectors include universal, ID, class, descendant, type, and pseudo-class selectors. CSS can be embedded within HTML using the style element or linked externally using the link element to reference a .css file. Attribute selectors allow targeting elements based on attribute values that begin, end, or contain certain strings.Creative Web 2 - CSS 
Creative Web 2 - CSS Lukas Oppermann
油
This document provides information on various web development topics such as linking files, paths, CSS, JavaScript, and patterns. It discusses absolute vs relative paths and examples of each. CSS topics covered include linking external style sheets, CSS selectors like ID, class, and element selectors, and CSS specificity. JavaScript topics include linking JavaScript files and writing JavaScript code. Patterns discussed include building navigations from lists. Assignments are provided to create HTML pages with navigation and styling, link a JavaScript file with an alert, read about JSON, and learn about handlebars.js templating.Twitter bootstrap training_session_ppt
Twitter bootstrap training_session_pptRadheshyam Kori
油
Bootstrap is a popular front-end framework that provides pre-built styles and components for faster web development. It uses HTML, CSS and JavaScript for a mobile-first approach. Originally developed by Twitter, Bootstrap has been released as open source. It provides basic styling for common elements like typography, forms, buttons, tables and a powerful grid system for responsive design. The document discusses these features of Bootstrap in detail.html & css 
html & css umesh patil
油
Geeet.in is a music downloading website developed in PHP that uses a MySQL database to save information and collections of Bollywood and Punjabi songs. It has a user interface designed with HTML and CSS. The document then provides introductions and overviews of HTML, CSS, PHP, MySQL, and includes examples and snapshots of the Geeet.in website pages.Html Styles-CSS
Html Styles-CSSispkosova
油
CSS (Cascading Style Sheets) is used to style and lay out HTML elements. CSS can be added to HTML elements in three ways: inline, internally, or externally via a separate CSS file. A CSS rule consists of a selector that points to the HTML element to style and a declaration block containing CSS properties and values to apply styles like color, font, size, and layout. Common CSS selectors target elements by ID, class, element type, or other attributes. CSS can control text, font, color, size, spacing, borders, and layout of HTML elements and entire web pages.Lecture 1
Lecture 1Neelum Adil
油
This document provides an overview of a basic web development course that will cover design and development. It will include assignments, activities, and require participation and discipline. The course will introduce web development concepts like what a website is, how the internet works, and the components needed to build a website. It will cover HTML, CSS, PHP, MySQL and teach structure, tags, and elements for text, images, links, tables, and forms.Comparisons of web languages
Comparisons of web languagesEvelyn Loh
油
Client-side languages like HTML, CSS, and JavaScript are used to build the front-end structure, layout, and interactive behavior of webpages. Server-side languages like PHP are used to dynamically output content from a server like HTML, images, and files. Each language has a specific purpose, with HTML defining content structure, CSS specifying design, JavaScript programming behavior, and PHP processing server-side code. They each allow different abilities ranging from basic webpage structure to dynamic content generation and processing.Lecture6 web design and development
Lecture6 web design and developmentRafi Haidari
油
The document summarizes a web design lecture that covered HTML layouts and the <head> element. It discusses the purpose of common tags used in the <head> section like <title>, <style>, <meta>, and <link>. It also defines common layout elements like <header>, <nav>, <section>, <article>, and <footer>. Finally, it poses review questions about metadata, layouts, and the purpose of different HTML elements.CSS
CSSRohit Verma ....
油
CSS is a computer language used to write formatting rules that tell a web browser how webpage content should look in terms of layout and style. There are different types of CSS stylesheets including inline, internal, and external stylesheets. Responsive design is an approach to web design that makes pages adapt to different screen sizes using flexible layouts, images, and media queries in CSS. Media queries allow CSS rules to be applied conditionally based on characteristics of the device viewing the site.Bootstrap 3
Bootstrap 3McSoftsis
油
Bootstrap is a free front-end framework for building responsive, mobile-first websites. It includes HTML and CSS templates for common elements like typography, forms, buttons, navigation, tables, images and more. Bootstrap also utilizes a responsive 12-column grid system and is compatible with all modern browsers. Websites built with Bootstrap are automatically responsive on devices ranging from small phones to large desktops."Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...Yandex
油
Responsive web design challenges web designers to apply a new mindset to their design processes, as well as to techniques they are using in design and coding. This talk provides an overview of various practical techniques, tips and tricks that you might want to be aware of when working on a new responsive design project.Pfnp slides
Pfnp slidesWilliam Myers
油
1) The document provides resources for a front-end development session including working files, slides, and an agenda.
2) It reviews HTML tags, CSS selectors, the box model, positioning, and Flexbox.
3) Instructions are given to install Atom plugins and review JavaScript and JQuery before adding an Express server to a webpage.Exploring Critical Rendering Path
Exploring Critical Rendering PathRaphael Amorim
油
This guide will not bring you a magic formula to optimize critical render path. When the subject is web performance: there's no magic formula. Analyze performance is careful and meticulous process, and it can bring different results based on various existing variables.Vskills certified css designer Notes
Vskills certified css designer NotesVskills
油
Vskills certified CSS designer Notes covers the following concepts.
1 CSS Basics
1.1 Introduction
1.2 Why to use CSS
1.3 CSS Editors
1.4 A CSS Example
1.5 Custom CSS
1.6 Cross Browser Testing
1.7 Including CSS
1.8 Validating CSS
Get complete e-book on CSS.
http://www.vskills.in/certification/Web-Development/certified-css-designer
A Complete Guide to Frontend - UI Developer
A Complete Guide to Frontend - UI Developernariyaravi
油
The document provides an overview of frontend development and UI design. It discusses HTML elements, tags, and attributes that provide structure and meaning to web content. It also covers CSS for styling web pages, including selectors, properties, units and frameworks like Bootstrap. JavaScript and jQuery are discussed for adding interactivity. Recommended tools and libraries are provided for animation, icons, fonts, testing and prototyping.Responsive content
Responsive contenthonzie
油
This document summarizes strategies for making content responsive including pruning content like images and secondary content for mobile using CSS classes. It discusses linking to content instead of showing it all at once using JavaScript or CSS interactions. Lazy loading images with AJAX calls after page load is also covered to improve performance. The document emphasizes testing content strategies based on device capabilities and making sites functional even without full media query support.Introduction to BOOTSTRAP
Introduction to BOOTSTRAPJeanie Arnoco
油
Bootstrap is a popular front-end framework that provides responsive grid system, prebuilt components, and plugins for developing responsive mobile-first websites and web applications. It includes HTML and CSS templates for typography, forms, buttons, navigation and other interface components as well as optional JavaScript plugins. The document discusses Bootstrap's grid system which uses rows and columns to build layouts responsive across devices, and provides examples of basic grid structures for stacking columns horizontally and creating different layouts for mobile, tablet and desktop screens.Girl Develop It Cincinnati: Intro to HTML/CSS Class 4
Girl Develop It Cincinnati: Intro to HTML/CSS Class 4Erin M. Kidwell
油
Here are the steps to build a basic horizontal navigation menu bar:
1. Create an unordered list <ul> with class="menu"
2. Add list items <li> for each menu item
3. Style the <ul> with display:inline-block and border-bottom
4. Style the <li> with display:inline-block, padding and hover effect
5. Add a class="current" to highlight the active page
6. Use a border-left on .current to create a left arrow
Let me know if any part needs more explanation! Building menus is a common task and these techniques will serve you well.html5_css3
html5_css3Sindh Madresatul Islam University
油
This document provides an overview of HTML5 and CSS3 topics. It begins with an agenda for HTML5 that covers basics like tags, attributes and elements. It then discusses HTML5 semantic elements and features like video, audio, and forms. For CSS3, it outlines modules including borders, backgrounds, gradients, text effects, web fonts, transforms, transitions, animations, columns and user interface. The document aims to introduce key concepts and properties for front-end development.Sass Essentials at Mobile Camp LA
Sass Essentials at Mobile Camp LAJake Johnson
油
This document discusses using CSS preprocessors like LESS, Sass, and Stylus to build mobile web apps. It covers getting started with Sass and Compass, using variables, operations, nesting, mixins, and other Sass features. It also discusses object-oriented CSS techniques like separating structure and skin, and container and content. The goal is to speed up front-end workflows and make CSS reusable, modular, and scalable.More Related Content
What's hot (10)
Fundamental CSS3
Fundamental CSS3Achmad Solichin
油
The document discusses various topics in CSS3 including selectors, properties, media queries, and visual effects. It provides examples and explanations of CSS3 concepts like gradients, rounded corners, box shadow, text shadow, opacity, and more. Browser support and cross-browser compatibility of CSS3 features are also covered.Css
Csszayhard99
油
CSS (Cascading Style Sheets) allows separation of design and content of web pages. It was created in 1994 and has become the W3C standard for controlling visual presentation. CSS separates design elements like colors and fonts from the structural HTML markup. This separation allows designers to change the look without altering the content. CSS offers advantages like faster downloads, streamlined maintenance, global design control, and cost savings through reduced bandwidth and higher search engine rankings. Resources for learning more about CSS include w3.org, csszengarden.com, and webmonkey.wired.com.Css3 Presetation
Css3 PresetationNicole Glasgow
油
CSS is used to style and lay out web pages. CSS3 is the latest standard. CSS rules contain selectors that target elements using properties and values to style them. There are block level elements like headings and paragraphs and inline elements like bold and images. Important selectors include universal, ID, class, descendant, type, and pseudo-class selectors. CSS can be embedded within HTML using the style element or linked externally using the link element to reference a .css file. Attribute selectors allow targeting elements based on attribute values that begin, end, or contain certain strings.Creative Web 2 - CSS
Creative Web 2 - CSS Lukas Oppermann
油
This document provides information on various web development topics such as linking files, paths, CSS, JavaScript, and patterns. It discusses absolute vs relative paths and examples of each. CSS topics covered include linking external style sheets, CSS selectors like ID, class, and element selectors, and CSS specificity. JavaScript topics include linking JavaScript files and writing JavaScript code. Patterns discussed include building navigations from lists. Assignments are provided to create HTML pages with navigation and styling, link a JavaScript file with an alert, read about JSON, and learn about handlebars.js templating.Twitter bootstrap training_session_ppt
Twitter bootstrap training_session_pptRadheshyam Kori
油
Bootstrap is a popular front-end framework that provides pre-built styles and components for faster web development. It uses HTML, CSS and JavaScript for a mobile-first approach. Originally developed by Twitter, Bootstrap has been released as open source. It provides basic styling for common elements like typography, forms, buttons, tables and a powerful grid system for responsive design. The document discusses these features of Bootstrap in detail.html & css
html & css umesh patil
油
Geeet.in is a music downloading website developed in PHP that uses a MySQL database to save information and collections of Bollywood and Punjabi songs. It has a user interface designed with HTML and CSS. The document then provides introductions and overviews of HTML, CSS, PHP, MySQL, and includes examples and snapshots of the Geeet.in website pages.Html Styles-CSS
Html Styles-CSSispkosova
油
CSS (Cascading Style Sheets) is used to style and lay out HTML elements. CSS can be added to HTML elements in three ways: inline, internally, or externally via a separate CSS file. A CSS rule consists of a selector that points to the HTML element to style and a declaration block containing CSS properties and values to apply styles like color, font, size, and layout. Common CSS selectors target elements by ID, class, element type, or other attributes. CSS can control text, font, color, size, spacing, borders, and layout of HTML elements and entire web pages.Lecture 1
Lecture 1Neelum Adil
油
This document provides an overview of a basic web development course that will cover design and development. It will include assignments, activities, and require participation and discipline. The course will introduce web development concepts like what a website is, how the internet works, and the components needed to build a website. It will cover HTML, CSS, PHP, MySQL and teach structure, tags, and elements for text, images, links, tables, and forms.Comparisons of web languages
Comparisons of web languagesEvelyn Loh
油
Client-side languages like HTML, CSS, and JavaScript are used to build the front-end structure, layout, and interactive behavior of webpages. Server-side languages like PHP are used to dynamically output content from a server like HTML, images, and files. Each language has a specific purpose, with HTML defining content structure, CSS specifying design, JavaScript programming behavior, and PHP processing server-side code. They each allow different abilities ranging from basic webpage structure to dynamic content generation and processing.Lecture6 web design and development
Lecture6 web design and developmentRafi Haidari
油
The document summarizes a web design lecture that covered HTML layouts and the <head> element. It discusses the purpose of common tags used in the <head> section like <title>, <style>, <meta>, and <link>. It also defines common layout elements like <header>, <nav>, <section>, <article>, and <footer>. Finally, it poses review questions about metadata, layouts, and the purpose of different HTML elements.Similar to Managing CSS for a big ass website - at Netlog (20)
CSS
CSSRohit Verma ....
油
CSS is a computer language used to write formatting rules that tell a web browser how webpage content should look in terms of layout and style. There are different types of CSS stylesheets including inline, internal, and external stylesheets. Responsive design is an approach to web design that makes pages adapt to different screen sizes using flexible layouts, images, and media queries in CSS. Media queries allow CSS rules to be applied conditionally based on characteristics of the device viewing the site.Bootstrap 3
Bootstrap 3McSoftsis
油
Bootstrap is a free front-end framework for building responsive, mobile-first websites. It includes HTML and CSS templates for common elements like typography, forms, buttons, navigation, tables, images and more. Bootstrap also utilizes a responsive 12-column grid system and is compatible with all modern browsers. Websites built with Bootstrap are automatically responsive on devices ranging from small phones to large desktops."Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...
"Responsive Web Design: Clever Tips and Techniques". Vitaly Friedman, Smashin...Yandex
油
Responsive web design challenges web designers to apply a new mindset to their design processes, as well as to techniques they are using in design and coding. This talk provides an overview of various practical techniques, tips and tricks that you might want to be aware of when working on a new responsive design project.Pfnp slides
Pfnp slidesWilliam Myers
油
1) The document provides resources for a front-end development session including working files, slides, and an agenda.
2) It reviews HTML tags, CSS selectors, the box model, positioning, and Flexbox.
3) Instructions are given to install Atom plugins and review JavaScript and JQuery before adding an Express server to a webpage.Exploring Critical Rendering Path
Exploring Critical Rendering PathRaphael Amorim
油
This guide will not bring you a magic formula to optimize critical render path. When the subject is web performance: there's no magic formula. Analyze performance is careful and meticulous process, and it can bring different results based on various existing variables.Vskills certified css designer Notes
Vskills certified css designer NotesVskills
油
Vskills certified CSS designer Notes covers the following concepts.
1 CSS Basics
1.1 Introduction
1.2 Why to use CSS
1.3 CSS Editors
1.4 A CSS Example
1.5 Custom CSS
1.6 Cross Browser Testing
1.7 Including CSS
1.8 Validating CSS
Get complete e-book on CSS.
http://www.vskills.in/certification/Web-Development/certified-css-designer
A Complete Guide to Frontend - UI Developer
A Complete Guide to Frontend - UI Developernariyaravi
油
The document provides an overview of frontend development and UI design. It discusses HTML elements, tags, and attributes that provide structure and meaning to web content. It also covers CSS for styling web pages, including selectors, properties, units and frameworks like Bootstrap. JavaScript and jQuery are discussed for adding interactivity. Recommended tools and libraries are provided for animation, icons, fonts, testing and prototyping.Responsive content
Responsive contenthonzie
油
This document summarizes strategies for making content responsive including pruning content like images and secondary content for mobile using CSS classes. It discusses linking to content instead of showing it all at once using JavaScript or CSS interactions. Lazy loading images with AJAX calls after page load is also covered to improve performance. The document emphasizes testing content strategies based on device capabilities and making sites functional even without full media query support.Introduction to BOOTSTRAP
Introduction to BOOTSTRAPJeanie Arnoco
油
Bootstrap is a popular front-end framework that provides responsive grid system, prebuilt components, and plugins for developing responsive mobile-first websites and web applications. It includes HTML and CSS templates for typography, forms, buttons, navigation and other interface components as well as optional JavaScript plugins. The document discusses Bootstrap's grid system which uses rows and columns to build layouts responsive across devices, and provides examples of basic grid structures for stacking columns horizontally and creating different layouts for mobile, tablet and desktop screens.Girl Develop It Cincinnati: Intro to HTML/CSS Class 4
Girl Develop It Cincinnati: Intro to HTML/CSS Class 4Erin M. Kidwell
油
Here are the steps to build a basic horizontal navigation menu bar:
1. Create an unordered list <ul> with class="menu"
2. Add list items <li> for each menu item
3. Style the <ul> with display:inline-block and border-bottom
4. Style the <li> with display:inline-block, padding and hover effect
5. Add a class="current" to highlight the active page
6. Use a border-left on .current to create a left arrow
Let me know if any part needs more explanation! Building menus is a common task and these techniques will serve you well.html5_css3
html5_css3Sindh Madresatul Islam University
油
This document provides an overview of HTML5 and CSS3 topics. It begins with an agenda for HTML5 that covers basics like tags, attributes and elements. It then discusses HTML5 semantic elements and features like video, audio, and forms. For CSS3, it outlines modules including borders, backgrounds, gradients, text effects, web fonts, transforms, transitions, animations, columns and user interface. The document aims to introduce key concepts and properties for front-end development.Sass Essentials at Mobile Camp LA
Sass Essentials at Mobile Camp LAJake Johnson
油
This document discusses using CSS preprocessors like LESS, Sass, and Stylus to build mobile web apps. It covers getting started with Sass and Compass, using variables, operations, nesting, mixins, and other Sass features. It also discusses object-oriented CSS techniques like separating structure and skin, and container and content. The goal is to speed up front-end workflows and make CSS reusable, modular, and scalable.Building high performing web pages
Building high performing web pagesNilesh Bafna
油
The document discusses how web browsers render web pages in 5 stages:
1) Constructing the object model from HTML tags and content
2) Creating the render tree by omitting non-visible nodes
3) Calculating layout and positioning during the layout stage
4) Painting pixels on the screen during the paint stage
5) Composite layers are ordered and combined during the composite stage
It provides tips for optimizing performance such as minimizing critical resources, leveraging caching, prioritizing content, and reducing reflows and repaints.Html css workshop, lesson 0, how browsers work
Html css workshop, lesson 0, how browsers workAlbino Tonnina
油
1 hour presentation about the rendering flow in browsers.
View it online: http://frontend-development.herokuapp.comSitecore 10 XC SXA frontend development using the SXA Storefront Branded
Sitecore 10 XC SXA frontend development using the SXA Storefront BrandedSerge van den Oever
油
A guide to how to have a professional team development approach to use the Sitecore 10 XC Storefront Branded template as your starting point for developing your own branded storefront.Good design is obvious. Great design is transparent. How we use Bootstrap...
Good design is obvious. Great design is transparent. How we use Bootstrap...Roni Banerjee
油
The document discusses the Bootstrap framework for responsive web design. It explains that Bootstrap allows developers to create responsive websites without relying on graphic designers. It provides instructions for including Bootstrap's CSS and JavaScript files. The document also includes an example of how to use Bootstrap features like navbars and dropdown menus in an MVC application.Web technologies part-2
Web technologies part-2Michael Anthony
油
This document provides instructions for setting up the folder structure and initial HTML page for a web development project. It walks through creating folders for the project files and then adding the basic HTML structure and tags for the first page, including the <DOCTYPE>, <html>, <head>, <title>, and <body> elements. It also introduces adding CSS and JavaScript files by linking and scripting them into the <head> of the page. The goal is to set up the initial structure and files needed to begin building out the first web page.CSS Methodology
CSS MethodologyZohar Arad
油
The document provides an overview of CSS (Cascading Style Sheets) methodology. It defines CSS as the language used for implementing designs on HTML documents. It then covers CSS basics including selectors, properties, conflicts resolution using specificity and cascade order. It also discusses the box model which defines how browsers handle rectangular boxes for elements. Finally, it offers some best practices tips such as resetting styles, separating content from design, and planning layout during HTML coding.Death of a Themer
Death of a ThemerJames Panton
油
Video at http://www.youtube.com/watch?v=HaJnhYPLvx0
Large Drupal projects will generally have a themer or five working alongside the developers, site builders and designers. Themers are the magicians who transform what Drupal wants to do into what the designer wants it to do.
Smaller projects also usually need someone on the team who can make sense of Drupal's output, knows more CSS and JS than anyone else and can configure Views with their eyes closed.
The thing is and whisper this, if possible redundancy concerns you we can bypass the themer entirely.
With some simple configuration, a site builder can get Drupal to output exactly the semantic, lightweight markup that any modern front-end designer would be proud of. The designer can be left alone to write the most appropriate HTML, CSS and JS, while the site builder need only choose a couple of options when putting together content types, views and panels to make Drupal behave.
A friendly developer may have to lend a hand every now and then, but thats it. You can get rid of the themer altogether.
http://2013.drupalcamplondon.co.uk/session/death-themerCss
CssSumit Gupta
油
This document provides an overview of CSS (Cascading Style Sheets) including its history, basic syntax and structure, common properties that can be styled, and different methods for applying styles. Key points covered include using CSS to style fonts, colors, links, and page layout with properties like padding, margin, and floats. The document also demonstrates how to select elements with IDs, classes, and other selectors to style them.More from Lennart Schoors (6)
Data, taste & confidence
Data, taste & confidenceLennart Schoors
油
This document discusses three key ingredients for making good product decisions: data, taste, and confidence. It provides guidance on properly collecting and interpreting sufficient data, having good objective design taste that builds trust, and having confidence in decisions while being willing to admit mistakes. User behavior should be measured along with feedback. Both data and taste are important, but taste can attract users before they discover other strengths. Confidence in the product and decisions is important, but changes may still need time to settle and failures should be admitted.Look ma! No images!
Look ma! No images!Lennart Schoors
油
1. The document discusses using CSS to create visual elements like shapes, logos, and icons instead of images for performance, maintainability, and resolution independence reasons.
2. It provides examples of how to create basic shapes like rectangles, circles, and triangles using CSS properties like border-radius, gradients, and positioning.
3. The document also covers techniques for generating HTML elements, using pseudo-elements, and manipulating elements with transforms to create effects like masks and shadows.HTML5 data attributes 
HTML5 data attributes Lennart Schoors
油
HTML5 data attributes provide a way to store custom private data with elements without following existing standards. The data- prefix is used to attach arbitrary data to elements through attributes like data-age and data-target. This private data does not affect layout or presentation and is intended for use by site scripts, not as a public extension. Browsers that support HTML5 doctypes will support data attributes through the dataset property in JavaScript, though getAttribute may need to be used instead for some browsers. Data attributes can be used to store parameters, heights, or other values needed by JavaScript.Web design for right-to-left languages
Web design for right-to-left languagesLennart Schoors
油
Presented at the first Belgian meetup of Fronteers (http://fronteers.be) these slides delve into web design for right-to-left languages like Arabic and Hebrew. Focussing on all aspects like layout, implementation (HTML, CSS, images, ...) and even content.To Hell with Web Safe Fonts
To Hell with Web Safe FontsLennart Schoors
油
Outlining some issues with the current approaches for fonts on the internet, and discussing some alternatives: more creative font stacks and font embedding. Presented at Barcamp Antwerp March 21 2009. More at http://lensco.beHtml 5 in a big nutshell
Html 5 in a big nutshellLennart Schoors
油
HTML 5 is a new version of HTML that is still being developed. It aims to evolve HTML instead of reinventing it. Key features include new form elements, input types, semantic elements, APIs for offline apps, and standardized video and audio embedding. Browser support is growing but the specification may not be finalized until 2022. However, many features are already implemented and can be used today through emulation if needed.Recently uploaded (20)
Research Data Management (RDM): the management of dat in the research process
Research Data Management (RDM): the management of dat in the research processHeilaPienaar
油
Presented as part of the M.IT degree at the Department of Information Science, University of Pretoria, South Africa. Module: Data management. 2023, 2024.APAC Solutions Challenge Info Session.pdf
APAC Solutions Challenge Info Session.pdfGDG on Campus Monash
油
GDG on Campus Monash hosted Info Session to provide details of the Solution Challenge to promote participation and hosted networking activities to help participants find their dream teamLeast Privilege AWS IAM Role Permissions
Least Privilege AWS IAM Role PermissionsChris Wahl
油
RECORDING: https://youtu.be/hKepiNhtWSo
Hello innovators! Welcome to the latest episode of My Essentials Course series. In this video, we'll delve into the concept of least privilege for IAM roles, ensuring roles have the minimum permissions needed for success. Learn strategies to create read-only, developer, and admin roles. Discover tools like IAM Access Analyzer, Pike, and Policy Sentry for generating efficient IAM policies. Follow along as we automate role and policy creation using Pike with Terraform, and test our permissions using GitHub Actions. Enhance your security practices by integrating these powerful tools. Enjoy the video and leave your feedback in the comments!
Getting the Best of TrueDEM April News & Updates
Getting the Best of TrueDEM April News & Updatespanagenda
油
Webinar Recording: https://www.panagenda.com/webinars/getting-the-best-of-truedem-april-news-updates/
Boost your Microsoft 365 experience with OfficeExpert TrueDEM! Join the April webinar for a deep dive into recent and upcoming features and functionalities of OfficeExpert TrueDEM. Well showcase whats new and use practical application examples and real-life scenarios, to demonstrate how to leverage TrueDEM to optimize your M365 environment, troubleshoot issues, improve user satisfaction and productivity, and ultimately make data-driven business decisions.
These sessions will be led by our team of product management and consultants, who interact with customers daily and possess in-depth product knowledge, providing valuable insights and expert guidance.
What youll take away
- Updates & info about the latest and upcoming features of TrueDEM
- Practical and realistic applications & examples for troubelshooting or improving your Microsoft Teams & M365 environment
- Use cases and examples of how our customers use TrueDEMAll-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-World
All-Data, Any-AI Integration: FME & Amazon Bedrock in the Real-WorldSafe Software
油
Join us for an exclusive webinar featuring special guest speakers from Amazon, Amberside Energy, and Avineon-Tensing as we explore the power of Amazon Bedrock and FME in AI-driven geospatial workflows.
Discover how Avineon-Tensing is using AWS Bedrock to support Amberside Energy in automating image classification and streamlining site reporting. By integrating Bedrocks generative AI capabilities with FME, image processing and categorization become faster and more efficient, ensuring accurate and organized filing of site imagery. Learn how this approach reduces manual effort, standardizes reporting, and leverages AWSs secure AI tooling to optimize their workflows.
If youre looking to enhance geospatial workflows with AI, automate image processing, or simply explore the potential of FME and Bedrock, this webinar is for you!Solana Developer Hiring for Enterprises Key Considerations.pdf
Solana Developer Hiring for Enterprises Key Considerations.pdfLisa ward
油
Key considerations for hiring Solana developers in enterprises include expertise in Rust, smart contracts, Solana SDKs, security, and scalability.
Network_Packet_Brokers_Presentation.pptx
Network_Packet_Brokers_Presentation.pptxKhushi Communications
油
Most people might think of a water faucet or even the tap on a keg of beer. But in the world of networking, "TAP" stands for "Traffic Access Point" or "Test Access Point." It's not a beverage or a sink fixture, but rather a crucial tool for network monitoring and testing. Khushi Communications is a top vendor in India, providing world-class Network TAP solutions. With their expertise, they help businesses monitor, analyze, and secure their networks efficiently.Sugarlab AI: How Much Does an XXX AI Porn Generator Cost in 2025
Sugarlab AI: How Much Does an XXX AI Porn Generator Cost in 2025Sugarlab AI
油
The cost of an XXX AI porn generator in 2025 varies depending on factors like AI sophistication, subscription plans, and additional expenses. Whether you're looking for a free AI porn video generator or a premium adult AI image generator, pricing ranges from basic tools to enterprise-level solutions. This article breaks down the costs, features, and what to expect from AI-driven adult content platforms.Threat Modeling a Batch Job System - AWS Security Community Day
Threat Modeling a Batch Job System - AWS Security Community DayTeri Radichel
油
I've been working on building a batch job framework for a few years now and blogging about it in the process. This presentation explains how and why I started building and writing about this system and the reason it changed from deploying one simple batch job to a much bigger project. I explore a number of recent data breaches, how they occurred, and what may have prevented them along the way. We consider how what make goes into an effective security architecture and well-designed security controls that avoid common pitfalls. There are friend links to many blog posts in the notes of the presentation that bypass the paywall. Topics include security architecture, IAM, encryption (KMS), networking, MFA, source control, separation of duties, supply chain attacks, and more.AI Driven Posture Analysis Fall Detection System for the Elderly.pdf
AI Driven Posture Analysis Fall Detection System for the Elderly.pdfPatrick Ogbuitepu
油
This project introduces an innovative, cost-effective solution for real-time activity monitoring of elderly individuals. By leveraging the MediaPipe pose estimation model, fuzzy logic, and finite state machines, the system can reliably track individuals, recognize static postures (standing, sitting, lying), and detect transitions, particularly focusing on falls. A key achievement is the systems zero false alarm rate, a significant advancement in vision-based fall detection systems. While the system shows promise, it faces limitations in scenarios with severe occlusions or low lighting conditions. To address these challenges, future work
will explore the use of multi-camera setups, interactive calibration modes, and audio feedback to enhance accuracy and user experience. This prototype represents a significant step towards reliable, real-time elder care. By combining advanced AI techniques with practical considerations, this system offers a scalable and effective solution to a pressing societal need.Innovative Web Design | Malachite Technologies
Innovative Web Design | Malachite Technologiesmalachitetechnologie1
油
Elevate your online presence with Malachite Technologies where creativity meets technology. Our web design experts craft visually stunning and interactive websites that not only capture your brands essence but also enhance user engagement.
Columbia Weather Systems - Product Overview
Columbia Weather Systems - Product OverviewColumbia Weather Systems
油
Columbia Weather Systems offers professional weather stations in basically three configurations for industry and government agencies worldwide: Fixed-Base or Fixed-Mount Weather Stations, Portable Weather Stations, and Vehicle-Mounted Weather Stations.
Models include all-in-one sensor configurations as well as modular environmental monitoring systems. Real-time displays include hardware console, WeatherMaster Software, and a Weather MicroServer with industrial protocols, web and app monitoring options.
Innovative Weather Monitoring: Trusted by industry and government agencies worldwide. Professional, easy-to-use monitoring options. Customized sensor configurations. One-year warranty with personal technical support. Proven reliability, innovation, and brand recognition for over 45 years.Migrating to the Isolated worker process in Azure Functions .pptx
Migrating to the Isolated worker process in Azure Functions .pptxCallon Campbell
油
"Migrating to the Isolated worker process in Azure Functions" provides an overview of serverless computing and different hosting models, with a focus on migrating to the isolated worker process in Azure Functions. The presentation covers the benefits of the isolated worker process, including fewer conflicts, full control of the process, and dependency injection. It also includes demos and practical steps for migrating existing .NET applications to the isolated worker process. The presentation aims to help developers modernize their applications and prepare for future versions of .NET.Artificial Neural Networks, basics, its variations and examples
Artificial Neural Networks, basics, its variations and examplesanandsimple
油
The slides describe basics of Artificial Neural Networks, its variations and examples in details.2025-04-05 - Block71 Event - The Landscape of GenAI and Ecosystem.pdf
2025-04-05 - Block71 Event - The Landscape of GenAI and Ecosystem.pdfIvan Tang
油
The different layers of GenAI stack.Ricardo Jebb Bruno - A Structural CAD Technician
Ricardo Jebb Bruno - A Structural CAD TechnicianRicardo Jebb Bruno
油
Ricardo Jebb Bruno is a skilled Structural CAD Technician with over 10 years of experience. He specializes in structural analysis, design, and project management, and is proficient in AutoCAD, Revit, and SolidWorks. A graduate of the University of Miami with a degree in Civil Engineering, he currently works at Metrix Structural Group. Ricardo is a member of the American Society of Civil Engineers and the National CAD Society, and volunteers with Habitat for Humanity. His hobbies include 3D printing and sci-fi media.CIOs Speak Out - A Research Series by Jasper Colin
CIOs Speak Out - A Research Series by Jasper ColinJasper Colin
油
Discover key IT leadership insights from top CIOs on AI, cybersecurity, and cost optimization. Jasper Colins research reveals whats shaping the future of enterprise technology. Stay ahead of the curve.ScotSecure Cyber Security Summit 2025 Edinburgh
ScotSecure Cyber Security Summit 2025 EdinburghRay Bugg
油
Scot-Secure is Scotlands largest annual cyber security conference. The event brings together senior InfoSec personnel, IT leaders, academics, security researchers and law enforcement, providing a unique forum for knowledge exchange, discussion and high-level networking.
The programme is focussed on improving awareness and best practice through shared learning: highlighting emerging threats, new research and changing adversarial tactics, and examining practical ways to improve resilience, detection and response.AuthZEN The OpenID Connect of Authorization - Gartner IAM EMEA 2025
AuthZEN The OpenID Connect of Authorization - Gartner IAM EMEA 2025David Brossard
油
Today, the authorization world is fractured - each vendor supports its own APIs & protocols. But this is about to change: OpenID AuthZEN was created in late 2023 to establish much-needed modern authorization standards. As of late 2024, AuthZEN has a stable Implementers Draft, and is expected to reach Final Specification in 2025.
With AuthZEN, IAM teams can confidently externalize and standardize authorization across their application estate without being locked in to a proprietary API.
This session will describe the state of modern authorization, review the AuthZEN API, and demo our 15 interoperable implementations.Managing CSS for a big ass website - at Netlog
- 1. Managing CSS for a BIG ASS WEBSITE at Netlog Lennart Schoors
- 2. Me . web designer at Netlog http://www.netlog.com . blog at http://lensco.be
- 3. Netlog
- 4. How big is big ass? . 100.000.000 visitors/month . 3.000.000.000 pageviews/month . more than 1.500 templates . lots of traffic & lots of different pages . 3 designers (vs. ~15 developers)
- 5. Environment Staging Live . full, commented . minified . seperate files . concatenated . about 60 CSS files . about 40 CSS files . in SVN . 3-4 files/page max . served from CDN
- 6. Framework
- 7. netlog.css . the engine . about 150kb . used sitewide on nearly every page
- 8. netlog.css consists of (1/3) . netlog.core.css . css reset, typography (all of it), basic elements & headings, common classes like left, right, clearfix, clear, lists, . netlog.common.css . "grid", boxes, building blocks & widgets, navigation, tabs, status messages, dialogs
- 9. netlog.css consists of (2/3) . netlog.icons.css & netlog.ui.css . images sprites . use text clippings to expand icon to <img src=/slideshow/managing-css-for-a-big-ass-website-at-netlog/5183302/"{top.__static}/s/i/common/blank.gif" class="icon icon " alt="" />
- 11. bonus tip . hover & selected states for icon sprites <img src=/slideshow/managing-css-for-a-big-ass-website-at-netlog/5183302/"{top.__static}/s/i/common/blank.gif" class="icon iconDelete iconOn" alt="" /> <img src=/slideshow/managing-css-for-a-big-ass-website-at-netlog/5183302/"{top.__static}/s/i/common/blank.gif" class="icon iconDeleteAlt iconOff" alt="" />
- 12. netlog.css consists of (3/3) . netlog.wrapper.css . header & footer styles . netlog.forms.css . buttons & inputs, form layouts, . netlog.ads.css
- 13. Other files . seperate file per vertical . seperate files for certain features . IE6 & IE7 styles via conditional comments . Right-to-left styles for RTL languages . mobile . external widgets
- 14. Our code . lots of comments . headings & subheadings . indentation
- 16. . emphasis on classes & combing them <a href="/foo" class="button buttonSmall buttonRed buttonCapitals inline">bar</a> . shift the load from always downloaded CSS to take-what-you-need HTML . new pages don't need new css
- 17. Some call it ... OOCSS ... but CSS is not programming ;-)
- 18. Deploying
- 19. Deploy script . check diff . combines & minifies specified files . rsync to our servers . sync to CDN
- 20. Dealing with cache . deploy bumps version number in config http://v.netlogstatic.com/v6.00/3077/s/c/netlog.css . now global, soon per file
- 21. Thats all folks! Questions? Read on at http://lensco.be