Creating Art with Codes - CSS3
•Download as KEY, PDF•
1 like•1,774 views
This document provides an overview of 8 different techniques for creating artistic text effects with CSS3: 1) Using fancy web fonts, 2) Adding text shadows, 3) Creating rounded corners, 4) Applying box shadows, 5) Generating gradients, 6) Outlining text with strokes, 7) Clipping backgrounds to text, and 8) Adding reflections. For each technique, it provides a brief description and examples of the CSS code needed to implement the effect.
Report
Share
Report
Share
Recommended
Secure Coding With Wordpress (BarCamp Orlando 2009)
1) The document discusses secure coding practices for WordPress, including preventing XSS attacks, SQL injection, and CSRF.
2) It provides examples of properly sanitizing user input and escaping output to prevent XSS, using prepared statements to prevent SQL injection, and implementing nonces to prevent CSRF on forms and AJAX requests.
3) The document emphasizes the importance of escaping data, using current_user_can to enforce authorization, and not allowing privilege escalation via things like exec() or directly embedding user input.
10 Redenen Om Onze Interim Professionals In Te Huren
PeopleGroup professionals help clients realize their ambitions. As an interim management firm, they provide specialized professionals as consultants, trainers, project managers for complex improvement projects, requiring diverse disciplines, knowledge and experience. Their professionals are experts in their fields and dedicated to clients' success. Continuing training and coaching help professionals stay up to date in their fields and improve clients' results.
CSS Extenders
This document summarizes and compares CSS preprocessor tools Sass and LESS. Both tools allow for variables, mixins, nested rules and other features to aid in writing CSS in a more modular way. Sass uses the SCSS syntax which is a CSS superset, while LESS uses its own syntax. Both compile to plain CSS. The Compass framework is also mentioned, which builds on Sass and provides reusable components and a workflow for building CSS.
Global innovation
This document discusses how new technologies like machine translation can help overcome language barriers. It notes that while machine translation is still developing, tools like Google Translate have made it possible to communicate across languages online. The document suggests that as technologies advance, real-time translation could enable face-to-face conversations without interpreters. It encourages learning about other cultures and making online training and seminars available in multiple languages.
Secretaria de Saúde de Pernambuco negou antecipação de vacina aos rodoviários
The document discusses the distribution of funds from the Ministry of Finance of Mexico to municipalities as part of the Municipal Strengthening Program. It outlines criteria for determining which municipalities will receive funds, including technical, social and economic indicators. The distribution of funds aims to improve infrastructure, services and opportunities in priority municipalities according to their level of marginalization.
Shadows Effects in CSS
This Presentation is based on the different effects of css like "box-shadow, text-shadow". We can also give these effects on the inner side of the text and any image or box.
Rapid Prototyping
This document discusses rapid prototyping tools and techniques using Compass and Middleman. It provides examples of how Compass can automate common CSS tasks like prefixing, clearfixes, image replacement, vertical rhythm, sprites, and more. This allows designers and developers to prototype faster without having to write repetitive CSS code.
Learn to love CSS3 | Joomla! Day Deutschland
The document provides an overview of the history and development of CSS3 and recommendations for using CSS3 features. It discusses:
- The origins of CSS dating back to 1993 with the proposal of named stylesheets and the creation of CSS1 in 1994.
- That CSS3 was first mentioned in 1999 but many features were not usable until much later as support by browsers evolved.
- Recommendations to use CSS3 features progressively and not on critical layers initially to ensure compatibility, prioritizing performance, and only enhancing websites once they work for older browsers.
- Numerous code examples demonstrating CSS3 features like rounded corners, shadows, gradients, animations and transitions that can provide visual enhancements when supported
Recommended
Secure Coding With Wordpress (BarCamp Orlando 2009)
1) The document discusses secure coding practices for WordPress, including preventing XSS attacks, SQL injection, and CSRF.
2) It provides examples of properly sanitizing user input and escaping output to prevent XSS, using prepared statements to prevent SQL injection, and implementing nonces to prevent CSRF on forms and AJAX requests.
3) The document emphasizes the importance of escaping data, using current_user_can to enforce authorization, and not allowing privilege escalation via things like exec() or directly embedding user input.
10 Redenen Om Onze Interim Professionals In Te Huren
PeopleGroup professionals help clients realize their ambitions. As an interim management firm, they provide specialized professionals as consultants, trainers, project managers for complex improvement projects, requiring diverse disciplines, knowledge and experience. Their professionals are experts in their fields and dedicated to clients' success. Continuing training and coaching help professionals stay up to date in their fields and improve clients' results.
CSS Extenders
This document summarizes and compares CSS preprocessor tools Sass and LESS. Both tools allow for variables, mixins, nested rules and other features to aid in writing CSS in a more modular way. Sass uses the SCSS syntax which is a CSS superset, while LESS uses its own syntax. Both compile to plain CSS. The Compass framework is also mentioned, which builds on Sass and provides reusable components and a workflow for building CSS.
Global innovation
This document discusses how new technologies like machine translation can help overcome language barriers. It notes that while machine translation is still developing, tools like Google Translate have made it possible to communicate across languages online. The document suggests that as technologies advance, real-time translation could enable face-to-face conversations without interpreters. It encourages learning about other cultures and making online training and seminars available in multiple languages.
Secretaria de Saúde de Pernambuco negou antecipação de vacina aos rodoviários
The document discusses the distribution of funds from the Ministry of Finance of Mexico to municipalities as part of the Municipal Strengthening Program. It outlines criteria for determining which municipalities will receive funds, including technical, social and economic indicators. The distribution of funds aims to improve infrastructure, services and opportunities in priority municipalities according to their level of marginalization.
Shadows Effects in CSS
This Presentation is based on the different effects of css like "box-shadow, text-shadow". We can also give these effects on the inner side of the text and any image or box.
Rapid Prototyping
This document discusses rapid prototyping tools and techniques using Compass and Middleman. It provides examples of how Compass can automate common CSS tasks like prefixing, clearfixes, image replacement, vertical rhythm, sprites, and more. This allows designers and developers to prototype faster without having to write repetitive CSS code.
Learn to love CSS3 | Joomla! Day Deutschland
The document provides an overview of the history and development of CSS3 and recommendations for using CSS3 features. It discusses:
- The origins of CSS dating back to 1993 with the proposal of named stylesheets and the creation of CSS1 in 1994.
- That CSS3 was first mentioned in 1999 but many features were not usable until much later as support by browsers evolved.
- Recommendations to use CSS3 features progressively and not on critical layers initially to ensure compatibility, prioritizing performance, and only enhancing websites once they work for older browsers.
- Numerous code examples demonstrating CSS3 features like rounded corners, shadows, gradients, animations and transitions that can provide visual enhancements when supported
The Basics of CSS3
The document discusses the basics of CSS3 and how it allows for rounded corners, drop shadows, multiple background images, and other visual effects that enhance website design. While CSS3 capabilities have expanded, many of the customizations are only visible in newer browsers like Chrome, Firefox, and Safari. The document provides examples of CSS3 code for rounded corners, drop shadows, multiple background images, text shadows, letter press effect, and gradients.
Implementing Awesome: An HTML5/CSS3 Workshop
We go over what parts of HTML5 and CSS3 you can use right away and how to degrade gracefully in order to appease the older browsers. Then, we play with some of the awesome visual candy you can make using the latest properties.
- Presented at PyGotham
CSS3
The document discusses various new elements in CSS3 including shadow effects, rounded corners, border images, colored borders, opacity transitions, RGBA/HSLA colors, attribute selectors, multi-column layouts, transitions, web fonts, and media queries. It also covers CSS preprocessors like Sass and Less, adding variables, nesting, mixins and other features to make CSS more powerful and modular. Best practices for performance include minimizing HTTP requests, caching, browser support, frameworks and tools.
Sass compass
This document discusses Sass and Compass, which are CSS frameworks that allow for more efficient and reusable CSS coding. Sass adds features like nesting, variables, and mixins to make CSS more powerful and easier to work with. Compass builds on Sass and provides pre-made CSS3 mixins and modules for common patterns to speed up development. Using these tools can help avoid repetitive code and focus more on prototyping by creating reusable styles and components. The document demonstrates examples of nesting, variables, mixins in Sass and how Compass simplifies cross-browser CSS3 properties and patterns.
Managing responsive websites with css preprocessors.
Managing responsive websites with css preprocessors presented at Penn State Webconference Tuesday June 23, 2015. Sass and Less preprocessors simplify managing css for responsive websites.
"Conditionally adaptive" Vadim Makeev
Some people build two versions of their website: mobile and, I guess, stationary? Anyway. They sniff around your browser and serve a proper version (most of the time). Oh, well. Others make it flexible and serve everything that site is capable of in a single file. And triple-sized pictures as well, just in case. All right then. Some are confident that there’s no such thing as mouse and keyboard on mobile, but of course there’s unlimited 5G. Interesting. And finally there’s a user looking at all of this with sadness. How to make it better using modern specs? Let’s see.
Sass & Compass (Barcamp Stuttgart 2012)
This document introduces Sass and Compass, which are CSS preprocessors. Sass extends CSS with features like nesting, variables, mixins and functions. Compass provides useful CSS3 mixins and utilities. Some key features covered include Sass syntax like nesting and variables, Compass features like CSS3 mixins and sprites, and how to install and use Sass and Compass.
Css3 101
My second talk at Apache Barcamp Spain 2011. It includes a series of starting points about how to get started with CSS3, caveats with CSS3 and some techniques to get up-to-speed with IE.
This presentation (together with our "CSS for non-designers" talk) got the award to the best presentation at Apache Barcamp Spain.
Learn to Love CSS3 [English]
Curious to know what this CSS3 hype is all about? Visit this presentation to learn that it isn't just a hype. CSS3 adds awesome new capabilities to a front-end developer's palette of tools to create a beautiful (and functional) website.
Learn more about several of the best new options that CSS3 is giving us, the current level of browser support for CSS3, and lots of useful resources to keep yourself up-to-date and learn more.
If you want to learn how to style your website using CSS3, then this is a presentation you don't want to miss!
HTML Web Devlopment presentation css.ppt
CSS is a style sheet language used to determine the formatting of HTML documents. It separates the presentation of HTML elements from the document's structure and semantics. The key benefits of CSS include separation of concerns, cascade of rules, specificity of selector types, and the ability to control layout, colors, fonts and other stylistic aspects of HTML documents. The document provides an overview of CSS fundamentals including the anatomy of style sheets, applying styles via selectors, shorthand properties, and specificity which determines which styles get applied based on an element's selector types and order of rules.
css.ppt
CSS is a style sheet language used to determine the formatting of HTML documents. It separates the presentation of HTML elements from the document's structure and semantics. The key benefits of CSS include separation of concerns, cascade of rules, specificity of selector types, and the ability to control layout, colors, fonts and other stylistic aspects of HTML documents. The document provides an overview of CSS fundamentals including the anatomy of style sheets, how rules are applied based on selector types and specificity, and formatting techniques.
css.ppt
CSS is a style sheet language used to determine the formatting of HTML documents. It separates the presentation of HTML elements from the document's structure and semantics. The key benefits of CSS include separation of concerns, cascading style sheets, and selector-based rules. CSS fundamentals include the anatomy of style sheets with selectors, declarations, and properties. Specificity rules determine which styles take precedence when multiple selectors apply to an element.
Sassive Aggressive: Using Sass to Make Your Life Easier (Refresh Boston Version)
Sass, which stands for "Syntactically Awesome Stylesheets", is a meta-language that provides simpler, more elegant syntax for CSS. Joel Oliveira and Adam Darowski will explain how Sass can improve your CSS-wrangling quality of life. They will explain what Sass is, what the benefits are, and go through some step-by-step examples of how you can put it to use in your own workflow.
LessCSS Presentation @ April 2015 GTALUG Meeting
This document provides an overview and introduction to LessCSS, a CSS pre-processor. It discusses key features of LessCSS like variables, nesting, mixins, functions and loops. It also provides examples of how to structure CSS with LessCSS by breaking it into partial files and importing them. Finally, it mentions similar CSS pre-processors like Sass and how to install and use LessCSS.
Web Design Redux
This document contains code snippets and information about various web development techniques including:
1. Code for rounded corners, text shadows, and CSS transformations.
2. Information on using web fonts from services like TypeKit and embedding fonts with @font-face.
3. Basic HTML5 page structure with semantic elements like header, nav, article, aside, and footer.
4. Code for fallback content for HTML5 video tags and caching web content manifests.
5. A table showing browser support for various HTML5 features, with notes on progressive enhancement approaches.
HTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile Event
This document summarizes key HTML5 and CSS3 features for mobile development, including CSS media queries for responsive design, CSS flexbox for layout, CSS transitions and animations, HTML5 forms, and APIs for offline web apps, geolocation, and more. It provides code examples for implementing these features and techniques.
Responsive Web Design e a Ubiquidade da Web
Não é nenhum segredo que o mundo está cada vez mais móvel. As vendas de PCs caíram em 20% desde 2008, e em 2015 é esperado que o acesso à Internet por dispositivos portáteis supere o acesso por desktops. A Web pode ser acessada de qualquer lugar, a qualquer hora. Mas com tantos modelos de dispositivos—tablets, notebooks, netbooks e smartphones—como fazer com que seu produto funcione em todos?
O Responsive Web Design—um conjunto de técnicas e ideologias—promete solucionar este problema, oferecendo o mesmo conteúdo em todas as plataformas, da melhor maneira. Nesta palestra, serão ensinadas técnicas de design, front e back-end para que seu site seja usável e acessível por todos, sem limitar-se a modelos, tamanhos de tela ou versões específicas.
Presentation html5 css3 by thibaut
The document discusses new features in HTML5 including:
1. New semantic HTML5 elements like <header>, <nav>, <section>, <article>, and <footer> that help structure and provide meaning to content.
2. New attributes like "role", "data-", "aria-", "draggable", and microdata attributes that add more semantics and meaning.
3. New form input types like email, number, date, time, etc. and new form attributes that make forms more usable.
Css3
The document provides information on various CSS techniques for styling web pages, including:
- Three methods for inserting stylesheets: external, internal, and inline stylesheets.
- Selectors like id, class, and element selectors for applying styles.
- Properties for styling various page elements like text, backgrounds, links, tables, and lists.
- New CSS3 features like rounded corners, drop shadows, multi-column layouts, transitions, animations and custom fonts.
- Examples are given for many of the properties to demonstrate their usage.
Theming and Sass
In introduction to using CSS3, Sass, and Compass to theme mobile (and desktop) web applications built with Sencha Touch and Ext JS 4.
RaspberryPI + Google Coder
This document provides instructions for setting up a Raspberry Pi with Google Coder to teach JavaScript programming. It lists the required materials which include a Raspberry Pi, power supply, router, Ethernet cable, SD card and laptop. It then provides steps to download the Coder software, set a static IP address on the Raspberry Pi, connect the Pi to the laptop via Ethernet and SD card, and access the Coder interface by going to a provided URL in the laptop's browser.
My Adventures in Slovenia, Croatia, Serbia and Hungary
This document discusses travels through the Balkans and Hungary in March 2012. It mentions visiting cities in Slovenia like Ljubljana, Bled, Maribor and Piran. It also notes visiting Zagreb in Croatia, as well as mentions of Serbia and public transport in Hungary. The document expresses thanks at the end.
More Related Content
Similar to Creating Art with Codes - CSS3
The Basics of CSS3
The document discusses the basics of CSS3 and how it allows for rounded corners, drop shadows, multiple background images, and other visual effects that enhance website design. While CSS3 capabilities have expanded, many of the customizations are only visible in newer browsers like Chrome, Firefox, and Safari. The document provides examples of CSS3 code for rounded corners, drop shadows, multiple background images, text shadows, letter press effect, and gradients.
Implementing Awesome: An HTML5/CSS3 Workshop
We go over what parts of HTML5 and CSS3 you can use right away and how to degrade gracefully in order to appease the older browsers. Then, we play with some of the awesome visual candy you can make using the latest properties.
- Presented at PyGotham
CSS3
The document discusses various new elements in CSS3 including shadow effects, rounded corners, border images, colored borders, opacity transitions, RGBA/HSLA colors, attribute selectors, multi-column layouts, transitions, web fonts, and media queries. It also covers CSS preprocessors like Sass and Less, adding variables, nesting, mixins and other features to make CSS more powerful and modular. Best practices for performance include minimizing HTTP requests, caching, browser support, frameworks and tools.
Sass compass
This document discusses Sass and Compass, which are CSS frameworks that allow for more efficient and reusable CSS coding. Sass adds features like nesting, variables, and mixins to make CSS more powerful and easier to work with. Compass builds on Sass and provides pre-made CSS3 mixins and modules for common patterns to speed up development. Using these tools can help avoid repetitive code and focus more on prototyping by creating reusable styles and components. The document demonstrates examples of nesting, variables, mixins in Sass and how Compass simplifies cross-browser CSS3 properties and patterns.
Managing responsive websites with css preprocessors.
Managing responsive websites with css preprocessors presented at Penn State Webconference Tuesday June 23, 2015. Sass and Less preprocessors simplify managing css for responsive websites.
"Conditionally adaptive" Vadim Makeev
Some people build two versions of their website: mobile and, I guess, stationary? Anyway. They sniff around your browser and serve a proper version (most of the time). Oh, well. Others make it flexible and serve everything that site is capable of in a single file. And triple-sized pictures as well, just in case. All right then. Some are confident that there’s no such thing as mouse and keyboard on mobile, but of course there’s unlimited 5G. Interesting. And finally there’s a user looking at all of this with sadness. How to make it better using modern specs? Let’s see.
Sass & Compass (Barcamp Stuttgart 2012)
This document introduces Sass and Compass, which are CSS preprocessors. Sass extends CSS with features like nesting, variables, mixins and functions. Compass provides useful CSS3 mixins and utilities. Some key features covered include Sass syntax like nesting and variables, Compass features like CSS3 mixins and sprites, and how to install and use Sass and Compass.
Css3 101
My second talk at Apache Barcamp Spain 2011. It includes a series of starting points about how to get started with CSS3, caveats with CSS3 and some techniques to get up-to-speed with IE.
This presentation (together with our "CSS for non-designers" talk) got the award to the best presentation at Apache Barcamp Spain.
Learn to Love CSS3 [English]
Curious to know what this CSS3 hype is all about? Visit this presentation to learn that it isn't just a hype. CSS3 adds awesome new capabilities to a front-end developer's palette of tools to create a beautiful (and functional) website.
Learn more about several of the best new options that CSS3 is giving us, the current level of browser support for CSS3, and lots of useful resources to keep yourself up-to-date and learn more.
If you want to learn how to style your website using CSS3, then this is a presentation you don't want to miss!
HTML Web Devlopment presentation css.ppt
CSS is a style sheet language used to determine the formatting of HTML documents. It separates the presentation of HTML elements from the document's structure and semantics. The key benefits of CSS include separation of concerns, cascade of rules, specificity of selector types, and the ability to control layout, colors, fonts and other stylistic aspects of HTML documents. The document provides an overview of CSS fundamentals including the anatomy of style sheets, applying styles via selectors, shorthand properties, and specificity which determines which styles get applied based on an element's selector types and order of rules.
css.ppt
CSS is a style sheet language used to determine the formatting of HTML documents. It separates the presentation of HTML elements from the document's structure and semantics. The key benefits of CSS include separation of concerns, cascade of rules, specificity of selector types, and the ability to control layout, colors, fonts and other stylistic aspects of HTML documents. The document provides an overview of CSS fundamentals including the anatomy of style sheets, how rules are applied based on selector types and specificity, and formatting techniques.
css.ppt
CSS is a style sheet language used to determine the formatting of HTML documents. It separates the presentation of HTML elements from the document's structure and semantics. The key benefits of CSS include separation of concerns, cascading style sheets, and selector-based rules. CSS fundamentals include the anatomy of style sheets with selectors, declarations, and properties. Specificity rules determine which styles take precedence when multiple selectors apply to an element.
Sassive Aggressive: Using Sass to Make Your Life Easier (Refresh Boston Version)
Sass, which stands for "Syntactically Awesome Stylesheets", is a meta-language that provides simpler, more elegant syntax for CSS. Joel Oliveira and Adam Darowski will explain how Sass can improve your CSS-wrangling quality of life. They will explain what Sass is, what the benefits are, and go through some step-by-step examples of how you can put it to use in your own workflow.
LessCSS Presentation @ April 2015 GTALUG Meeting
This document provides an overview and introduction to LessCSS, a CSS pre-processor. It discusses key features of LessCSS like variables, nesting, mixins, functions and loops. It also provides examples of how to structure CSS with LessCSS by breaking it into partial files and importing them. Finally, it mentions similar CSS pre-processors like Sass and how to install and use LessCSS.
Web Design Redux
This document contains code snippets and information about various web development techniques including:
1. Code for rounded corners, text shadows, and CSS transformations.
2. Information on using web fonts from services like TypeKit and embedding fonts with @font-face.
3. Basic HTML5 page structure with semantic elements like header, nav, article, aside, and footer.
4. Code for fallback content for HTML5 video tags and caching web content manifests.
5. A table showing browser support for various HTML5 features, with notes on progressive enhancement approaches.
HTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile Event
This document summarizes key HTML5 and CSS3 features for mobile development, including CSS media queries for responsive design, CSS flexbox for layout, CSS transitions and animations, HTML5 forms, and APIs for offline web apps, geolocation, and more. It provides code examples for implementing these features and techniques.
Responsive Web Design e a Ubiquidade da Web
Não é nenhum segredo que o mundo está cada vez mais móvel. As vendas de PCs caíram em 20% desde 2008, e em 2015 é esperado que o acesso à Internet por dispositivos portáteis supere o acesso por desktops. A Web pode ser acessada de qualquer lugar, a qualquer hora. Mas com tantos modelos de dispositivos—tablets, notebooks, netbooks e smartphones—como fazer com que seu produto funcione em todos?
O Responsive Web Design—um conjunto de técnicas e ideologias—promete solucionar este problema, oferecendo o mesmo conteúdo em todas as plataformas, da melhor maneira. Nesta palestra, serão ensinadas técnicas de design, front e back-end para que seu site seja usável e acessível por todos, sem limitar-se a modelos, tamanhos de tela ou versões específicas.
Presentation html5 css3 by thibaut
The document discusses new features in HTML5 including:
1. New semantic HTML5 elements like <header>, <nav>, <section>, <article>, and <footer> that help structure and provide meaning to content.
2. New attributes like "role", "data-", "aria-", "draggable", and microdata attributes that add more semantics and meaning.
3. New form input types like email, number, date, time, etc. and new form attributes that make forms more usable.
Css3
The document provides information on various CSS techniques for styling web pages, including:
- Three methods for inserting stylesheets: external, internal, and inline stylesheets.
- Selectors like id, class, and element selectors for applying styles.
- Properties for styling various page elements like text, backgrounds, links, tables, and lists.
- New CSS3 features like rounded corners, drop shadows, multi-column layouts, transitions, animations and custom fonts.
- Examples are given for many of the properties to demonstrate their usage.
Theming and Sass
In introduction to using CSS3, Sass, and Compass to theme mobile (and desktop) web applications built with Sencha Touch and Ext JS 4.
Similar to Creating Art with Codes - CSS3 (20)
Managing responsive websites with css preprocessors.
Managing responsive websites with css preprocessors.
Sassive Aggressive: Using Sass to Make Your Life Easier (Refresh Boston Version)
Sassive Aggressive: Using Sass to Make Your Life Easier (Refresh Boston Version)
HTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile Event
HTML5 and CSS3: Exploring Mobile Possibilities - London Ajax Mobile Event
More from Sayanee Basu
RaspberryPI + Google Coder
This document provides instructions for setting up a Raspberry Pi with Google Coder to teach JavaScript programming. It lists the required materials which include a Raspberry Pi, power supply, router, Ethernet cable, SD card and laptop. It then provides steps to download the Coder software, set a static IP address on the Raspberry Pi, connect the Pi to the laptop via Ethernet and SD card, and access the Coder interface by going to a provided URL in the laptop's browser.
My Adventures in Slovenia, Croatia, Serbia and Hungary
This document discusses travels through the Balkans and Hungary in March 2012. It mentions visiting cities in Slovenia like Ljubljana, Bled, Maribor and Piran. It also notes visiting Zagreb in Croatia, as well as mentions of Serbia and public transport in Hungary. The document expresses thanks at the end.
Using Sass - Building on CSS
The document discusses the benefits of using Sass and SCSS over regular CSS. Some key points covered include:
- Sass/SCSS allows for nesting, variables, mixins and imports which make the code more organized, flexible and reusable.
- Features like nesting and parent selectors reduce repeated code. Operations like math functions allow dynamic values.
- Variables and partials allow separating code into reusable segments. Imports collect partials to reduce repetition.
- Sass watches for changes and compiles to CSS automatically, improving the development workflow and catching errors.
- SCSS is a superset of CSS so valid CSS is also valid SCSS, allowing seamless compatibility.
Evolution of Programming Languages
The document discusses the evolution of computer programming languages from the earliest languages like Fortran and ALGOL in the 1950s to more modern languages like JavaScript, Python, and C#. It notes that in the evolution of computer languages, older species/languages do not necessarily die out, branches can converge, and mutations are not purely random. The document asks questions about the reader's favorite or current language and programming in general.
Cinemagraph
The document provides information about cinemagraphs, including what they are, their composition and history, tips for creating them, necessary tools, and step-by-step instructions. Cinemagraphs are animated pictures created from video that emphasize subtle, repetitive motions. They were invented in 1987 and are composed of both static and animated elements from video. The document outlines tips for shooting and processing video into cinemagraphs, as well as tools and a process involving cropping video, importing into Photoshop, and saving as GIF files. It also lists additional resources for learning about cinemagraphs.
Web Frameworks for 6 year olds
The document discusses different programming languages and frameworks for building web applications, including Ruby on Rails and Django. It provides code examples for quickly setting up a basic blog application in 10 lines of code using Rails or in minutes using Django. Guidance is given for learning programming including installing dependencies, using version control, and seeking help from online resources when debugging.
Responsive Web Design
The document discusses responsive web design. It defines responsive design as being adaptive, fluid, flexible and flowing across devices. It recommends using fluid layouts with percentages instead of pixels, media queries to target different screen sizes, and flexible media like images that scale based on the viewport width. It provides examples of responsive websites and tools used like browsers, text editors, simulators and coding. It outlines the key aspects of responsive design including fluid layouts, media queries, and flexible media. It also lists additional resources like blogs, books and videos for learning more about responsive design.
Summer & Winter in Slovenia
Popular destinations in Slovenia include Bled known for its castle, island, and lake; Bohinj featuring a waterfall, lake, and huts; and Ljubljana with its 3 bridges, castle, and river. Other places mentioned are Maribor known for its town centre and serenity, Rogla popular for skiing in the winter, and Koper and Piran on the sea coast with Venetian architecture. Basic tips are provided on transportation within Slovenia including trains, buses, and public transport in Ljubljana.
Open Community
The document discusses how the internet is connecting people globally through massive numbers of daily internet users, emails, online searches, and blog posts. It notes that while astronomical numbers like 100 billion stars were once impressive, economic and internet connectivity numbers are now even larger, showing the vast scale of global online interaction.
From Singapore to Slovenia
I spent my one month of Summer 2010 in Slovenia. This presentation shares some of the beautiful nature that I was close to. It was like fairytale I would say!
Open Community - The Future of Connecting
This document discusses the growth of internet connectivity and online communities from 1989 to the present. It notes that internet users have grown from 1.7 million in 1989 to billions today who exchange over 200 billion emails and 500,000 blog posts daily. It advocates for creating open online communities and networks to share and spread education freely for a connected future.
Colors of the Sky
The document discusses how Hubble space telescope images are created and processed. It recommends downloading the FITS Liberator Photoshop plugin to view and work with raw telescope image files (FITS files). The plugin allows users to capture, colorize and combine FITS files to produce Hubble-style images. Links are provided to resources about the Hubble telescope, FITS files standards and processing tutorials.
More from Sayanee Basu (12)
My Adventures in Slovenia, Croatia, Serbia and Hungary
My Adventures in Slovenia, Croatia, Serbia and Hungary
Recently uploaded
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack.
While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack.
I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:
Pushing the limits of ePRTC: 100ns holdover for 100 days
At WSTS 2024, Alon Stern explored the topic of parametric holdover and explained how recent research findings can be implemented in real-world PNT networks to achieve 100 nanoseconds of accuracy for up to 100 days.
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Dr. Sean Tan, Head of Data Science, Changi Airport Group
Discover how Changi Airport Group (CAG) leverages graph technologies and generative AI to revolutionize their search capabilities. This session delves into the unique search needs of CAG’s diverse passengers and customers, showcasing how graph data structures enhance the accuracy and relevance of AI-generated search results, mitigating the risk of “hallucinations” and improving the overall customer journey.
20240605 QFM017 Machine Intelligence Reading List May 2024
Everything I found interesting about machines behaving intelligently during May 2024
HCL Notes and Domino License Cost Reduction in the World of DLAU
Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-and-domino-license-cost-reduction-in-the-world-of-dlau/
The introduction of DLAU and the CCB & CCX licensing model caused quite a stir in the HCL community. As a Notes and Domino customer, you may have faced challenges with unexpected user counts and license costs. You probably have questions on how this new licensing approach works and how to benefit from it. Most importantly, you likely have budget constraints and want to save money where possible. Don’t worry, we can help with all of this!
We’ll show you how to fix common misconfigurations that cause higher-than-expected user counts, and how to identify accounts which you can deactivate to save money. There are also frequent patterns that can cause unnecessary cost, like using a person document instead of a mail-in for shared mailboxes. We’ll provide examples and solutions for those as well. And naturally we’ll explain the new licensing model.
Join HCL Ambassador Marc Thomas in this webinar with a special guest appearance from Franz Walder. It will give you the tools and know-how to stay on top of what is going on with Domino licensing. You will be able lower your cost through an optimized configuration and keep it low going forward.
These topics will be covered
- Reducing license cost by finding and fixing misconfigurations and superfluous accounts
- How do CCB and CCX licenses really work?
- Understanding the DLAU tool and how to best utilize it
- Tips for common problem areas, like team mailboxes, functional/test users, etc
- Practical examples and best practices to implement right away
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
The choice of an operating system plays a pivotal role in shaping our computing experience. For decades, Microsoft's Windows has dominated the market, offering a familiar and widely adopted platform for personal and professional use. However, as technological advancements continue to push the boundaries of innovation, alternative operating systems have emerged, challenging the status quo and offering users a fresh perspective on computing.
One such alternative that has garnered significant attention and acclaim is Nitrux Linux 3.5.0, a sleek, powerful, and user-friendly Linux distribution that promises to redefine the way we interact with our devices. With its focus on performance, security, and customization, Nitrux Linux presents a compelling case for those seeking to break free from the constraints of proprietary software and embrace the freedom and flexibility of open-source computing.
Programming Foundation Models with DSPy - Meetup Slides
Prompting language models is hard, while programming language models is easy. In this talk, I will discuss the state-of-the-art framework DSPy for programming foundation models with its powerful optimizers and runtime constraint system.
Communications Mining Series - Zero to Hero - Session 1
This session provides introduction to UiPath Communication Mining, importance and platform overview. You will acquire a good understand of the phases in Communication Mining as we go over the platform with you. Topics covered:
• Communication Mining Overview
• Why is it important?
• How can it help today’s business and the benefits
• Phases in Communication Mining
• Demo on Platform overview
• Q/A
Microsoft - Power Platform_G.Aspiotis.pdf
Revolutionizing Application Development
with AI-powered low-code, presentation by George Aspiotis, Sr. Partner Development Manager, Microsoft
みなさんこんにちはこれ何文字まで入るの？40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの？えこ...
ここ3000字までしか入らないけどタイトルの方がたくさん文字入ると思います。
UiPath Test Automation using UiPath Test Suite series, part 5
Welcome to UiPath Test Automation using UiPath Test Suite series part 5. In this session, we will cover CI/CD with devops.
Topics covered:
CI/CD with in UiPath
End-to-end overview of CI/CD pipeline with Azure devops
Speaker:
Lyndsey Byblow, Test Suite Sales Engineer @ UiPath, Inc.
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
As the digital landscape continually evolves, operating systems play a critical role in shaping user experiences and productivity. The launch of Nitrux Linux 3.5.0 marks a significant milestone, offering a robust alternative to traditional systems such as Windows 11. This article delves into the essence of Nitrux Linux 3.5.0, exploring its unique features, advantages, and how it stands as a compelling choice for both casual users and tech enthusiasts.
UiPath Test Automation using UiPath Test Suite series, part 6
Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI.
UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities.
Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes.
What will you get from this session?
1. Insights into integrating generative AI.
2. Understanding how this integration enhances test automation within the UiPath platform
3. Practical demonstrations
4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath
Topics covered:
What is generative AI
Test Automation with generative AI and Open AI.
UiPath integration with generative AI
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...Edge AI and Vision Alliance
For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2024/06/building-and-scaling-ai-applications-with-the-nx-ai-manager-a-presentation-from-network-optix/
Robin van Emden, Senior Director of Data Science at Network Optix, presents the “Building and Scaling AI Applications with the Nx AI Manager,” tutorial at the May 2024 Embedded Vision Summit.
In this presentation, van Emden covers the basics of scaling edge AI solutions using the Nx tool kit. He emphasizes the process of developing AI models and deploying them globally. He also showcases the conversion of AI models and the creation of effective edge AI pipelines, with a focus on pre-processing, model conversion, selecting the appropriate inference engine for the target hardware and post-processing.
van Emden shows how Nx can simplify the developer’s life and facilitate a rapid transition from concept to production-ready applications.He provides valuable insights into developing scalable and efficient edge AI solutions, with a strong focus on practical implementation.“I’m still / I’m still / Chaining from the Block”
“An Outlook of the Ongoing and Future Relationship between Blockchain Technologies and Process-aware Information Systems.” Invited talk at the joint workshop on Blockchain for Information Systems (BC4IS) and Blockchain for Trusted Data Sharing (B4TDS), co-located with with the 36th International Conference on Advanced Information Systems Engineering (CAiSE), 3 June 2024, Limassol, Cyprus.
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for life science domain, where you retriever information from biomedical knowledge graphs using LLMs to increase the accuracy and performance of generated answers
20240609 QFM020 Irresponsible AI Reading List May 2024
Everything I found interesting about the irresponsible use of machine intelligence in May 2024
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers:
* What is Vector Search?
* Importance and benefits of vector search
* Practical use cases across various industries
* Step-by-step implementation guide
* Live demos with code snippets
* Enhancing LLM capabilities with vector search
* Best practices and optimization strategies
Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications.
#MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology
Recently uploaded (20)
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Pushing the limits of ePRTC: 100ns holdover for 100 days
Pushing the limits of ePRTC: 100ns holdover for 100 days
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
みなさんこんにちはこれ何文字まで入るの？40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの？えこ...
みなさんこんにちはこれ何文字まで入るの？40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの？えこ...
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracy
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Creating Art with Codes - CSS3
- 3. 1. fancy fonts 5. gradients 2. text-shadow 6. text-stroke 3. rounded-corner 7. background-clip 4. box shadow 8. reflection
- 4. 1. fancy fonts google web fonts add to <head> in index.html <link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'> add to style.css font-family: 'Audiowide', cursive;
- 5. 2. text-shadow text-shadow: <offset-x1> <offset-y1> <blur-radius1> <color1>, <offset-x2> <offset-y2> <blur-radius2> <color2>; text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
- 6. 3. rounded corners box-radius: <length>; /* equal rounded corners */ border-top-left-radius: <length>; border-top-right-radius: <length>; border-bottom-right-radius: <length>; border-bottom-left-radius: <length>; border-radius:10px;
- 7. 4. box shadow box-radius: <length>; /* equal rounded corners */ border-top-left-radius: <length>; border-top-right-radius: <length>; border-bottom-right-radius: <length>; border-bottom-left-radius: <length>; border-radius:10px;
- 8. 5. gradients background-image: -webkit-gradient (<type>, <left> <top>, <left> <bottom>, from(<color>), to(<color>); background-image: -webkit-gradient(linear, left top, left bottom, from(hsl(0, 80%, 70%)), to(#BADA55));
- 9. 6. text-stroke -webkit-text-stroke: <width> <color>; -webkit-text-stroke: 1px rgba(0,0,0,0.7);
- 10. 7. background-clip -webkit-background-clip: text; background-image:url(text-bg.jpg); -webkit-background-clip: text; color:transparent;
- 11. 8. reflection box-reflect: <direction> <offset> <mask-box>; -webkit-box-reflect: below 10px -webkit-gradient(linear, left 60%, left bottom, from(transparent), to(white));
- 12. thanks!
Editor's Notes
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- \n