#gradient

Designing Accessible Text Over Images: Best Practices, Techniques, And Resources — Smashing Magazine
▻https://www.smashingmagazine.com/2023/08/designing-accessible-text-over-images-part1
▻https://www.smashingmagazine.com/2023/08/designing-accessible-text-over-images-part2

https://files.smashing.media/articles/designing-accessible-text-over-images-part1/smashing-text-over-images-technique-overlay.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part1/smashing-text-over-images-technique-scrim.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part1/smashing-text-over-images-technique-strips.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part1/smashing-text-over-images-technique-space.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part1/smashing-text-over-images-technique-blur.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part2/smashing-text-over-images-technique-frame.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part2/smashing-text-over-images-technique-soft-colored-gradients.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part2/smashing-text-over-images-technique-placement.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part2/smashing-text-over-images-technique-shapes.jpg https://files.smashing.media/articles/designing-accessible-text-over-images-part2/smashing-text-over-images-technique-gradients.jpg

#CSS #gradient #Images #Text

En complément de ▻https://seenthis.net/messages/924372

Handling #Text Over #Images in #CSS - Ahmad Shadeed
▻http://ishadeed.com/article/handling-text-over-image-css

https://ishadeed.com/assets/text-image/text-image-solutions.jpg

You might come across a UI component that has text above an image. In some cases, the text will be hard to read depending on the image being used. There are some different solutions like adding a #gradient overlay, or a tinted background image, text-shadow, and others.

CSS Generators — Smashing Magazine
▻https://www.smashingmagazine.com/2021/03/css-generators

this week around we’ll be looking at useful #generators for everything #CSS: from #gradients to #drop-shadows and bezier curves to triangles and type scales. Just a few useful tools for your toolbelt, to keep close.

Ça faisait longtemps que j’avais pas vu un article intéressant passer sur smashing, quelques liens sympas :

▻https://brumm.af/shadows
▻https://9elements.com/blog/css-border-radius
▻https://codepen.io/yaphi1/pen/oNbEqGV
▻https://bennettfeely.com/clippy
▻https://animista.net

Google Continues Investments in Military and Police AI Technology Through Venture Capital Arm
▻https://theintercept.com/2019/07/23/google-ai-gradient-ventures

Last year,Google faced internal revolt from many employees over its handling of Project Maven, a secretive contract between the company and the Department of Defense to use artificial intelligence to improve the military’s drone targeting capabilities. After a series of internal, worker-led protests and resignations following reporting by The Intercept and Gizmodo, the company said it would wind down the drone project and promised a more transparent approach to similar work in the future. (...)

#USDepartmentOfDefense #Google #algorithme #militarisation #ProjectMaven #GradientVentures

https://theintercept.imgix.net/wp-uploads/sites/1/2019/07/google-ai-illustration-07-1563479080.jpg

Some State of the Art Optimizers in Neural Networks
▻https://hackernoon.com/some-state-of-the-art-optimizers-in-neural-networks-a3c2ba5a5643?source=

https://cdn-images-1.medium.com/max/1024/1*Ngm2oZh8ABPu3alObbhDTA.png

We are going to study Momentum, Nesterov Accelerated Momentum, AdaGrad, AdaDelta, RMSProp, Adam, AdaMax, AMSGrad.Optimization is the heart of Machine learningBefore begin on our topic, let’s understand..Why do we need Optimization?According to Merriam-Webster dictionary, meaning of the word optimize is “to make as perfect, effective, or functional as possible”. This is the definition to understand why we need Optimization in neural networks.So in machine learning, we perform optimization on the training data and check its performance on a new validation data.We already have a cost function which will tell us about the behavior of our model. Initially, our model contains arbitrary defined parameters like weights and biases and now we need to find the best possible state of those parameters (...)

#optimization-algorithms #data-science #gradient-descent #neural-networks #machine-learning

Une collection de css gradients, qui pourrait être interessante quand on a pas de visuel dans une cover, un encart, histoire de juste jouer avec un font et une typo …

Cool Background Gradients | Eggradients.com
▻http://www.eggradients.club

https://uploads-ssl.webflow.com/5a9423a3f702750001758d4f/5a96d60f3358fb0001c5f6d0_Cool-Background-Gradients-compressor.png

#css#gradients#integration#covers

Easing Gradients
▻https://larsenwork.com/easing-gradients

“Linear gradients often have hard edges where they start and/or end. We can avoid those by controlling the color mix with easing functions.”

#gradient_CSS_easing_clevermarks

Fresh Background Gradients | WebGradients.com ?
▻https://webgradients.com

https://webgradients.com/Open_graph_image_1200x630.jpg

WebGradients is a free #collection of 180 linear #gradients that you can use as content backdrops in any part of your website. Easy copy #CSS3 crossbrowser code and use it in a moment! We’ve also prepared a .PNG version of each gradient.

cpt-city - an archive of #colour #gradients
▻http://soliton.vm.bytemark.co.uk/pub/cpt-city

For cartography, technical illustration and design. The archive supports several formats and is organised by author.

http://soliton.vm.bytemark.co.uk/pub/cpt-city/heine/teaser/GTS2012-ages-detail.png

pour #GIMP #QGIS etc.
#cartographie #outils

voir aussi l’outil #colorbrewer ►http://colorbrewer2.org

Ultimate #CSS #Gradient Generator - ColorZilla.com
►http://www.colorzilla.com/gradient-editor

#webdev

CSS3 : dégradés sans image à l’aide de background et gradient - CSS Débutant

Avant les CSS3, pour réaliser de jolis boutons ou tout autre fond en dégradé de couleurs, il convenait de réaliser une image que l’on déclarait en image de fond à l’aide de background-image.

On peut maintenant s’en passer grâce à de nouvelles valeurs de
background : linear-gradient et radial-gradient.

►http://css.mammouthland.net/css3/degrades-sans-image.php
#tutoriel #css #css3 #gradient #html

►http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html

Use this demo to create SVG-based CSS #background-image #gradients. The #CSS markup works in browsers which support #SVG as a background-image including Internet Explorer 9, Chrome, Safari, and Opera.

Ultimate #CSS #Gradient #Generator - ColorZilla.com
►http://www.colorzilla.com/gradient-editor

A powerful Photoshop-like CSS gradient editor from ColorZilla

Ultimate CSS Gradient Generator - ColorZilla.com
►http://www.colorzilla.com/gradient-editor
A powerful Photoshop-like CSS gradient editor from ColorZilla
#css #gradient #generateur #design #web #outil #css3 #clevermarks

Ultimate CSS Gradient Generator - ColorZilla.com
►http://www.colorzilla.com/gradient-editor

#css #css3 #tools #web #webdesign #gradient #color

The Sea of Ideas » The coverflickr
►http://paulbakaus.com/2010/02/04/the-coverflickr

#CSS #reflection #gradient #animation #transforms #transitions #dev #web

The Sea of Ideas » The coverflickr
►http://paulbakaus.com/2010/02/04/the-coverflickr

#CSS #reflection #gradient #animation #transforms #transitions #dev #web