#Techniques
#Development #Techniques
The retro magic of style switchers · Why stop with just a dark mode? Let’s go back to the future https://ilo.im/12toh7
#Development #Techniques
Getting started with View Transitions on multi-page apps · “The ability to easily create quality 60 FPS page transitions is a game changer.” https://ilo.im/131ygn
_____
#Chrome #WebDevelopment #WebDev #Frontend #CSS #JavaScript #ViewTransition #ProgressiveEnhancement
#Development #Techniques
Detecting if an event was triggered by a user or by JavaScript · Nothing is built-in to JavaScript to help us, so what to do? https://ilo.im/12tl2r
#Development #Techniques
Conditional CSS with :has and :nth-last-child · Further ways to create dynamic components with modern CSS https://ilo.im/12yqoq
_____
#WebDevelopment #WebDev #Frontend #CSS #Layout #Component
#Design #Tools
The Contrast Triangle · A tool that helps to create accessible text links without underlines https://ilo.im/12w20j
_____
#Links #Contrast #UiDesign #WebDesign #WebDevelopment #WebDev #Frontend #Accessibility #A11y #Techniques
#Development #Techniques
How to style links that don’t look ugly · Some ways to make underlined links look more attractive https://ilo.im/12ub0e
_____
#UnderlinedLinks #LinkDesign #UiDesign #WebDesign #WebDevelopment #WebDev #Frontend #HTML #CSS #Accessibility #A11y
#Development #Techniques
Rearrange/Animate CSS Grid layouts with the View Transition API · With a few lines of JavaScript and CSS, you can animate your grid layout https://ilo.im/12ua1f
_____
#WebDevelopment #WebDev #Frontend #JavaScript #CSS #CssGrid #TransitionAPI #ViewTransitions
A great article about the difference between social #techniques and social #technologies, by Ralph Kilmann.
https://kilmanndiagnostics.com/wp-content/uploads/2018/05/Kilmann-Integrating-Knowledge-MAPS.pdf
#kilmann #science #sociology #systemsthinking #socialtechnology #orgdev #management
#Development #Techniques
Frontend web performance checklist · Ways to optimize page loading, improve smoothness, and reduce layout shifts https://ilo.im/12qwa2
_____
#WebPerformance #WebPerf #WebDevelopment #WebDev #Frontend #HTML #CSS #JavaScript #Images #WebFonts #ThirdParty #LayoutShifts #WebVitals
@JamesGleick with the recent advances in #opensource #training #techniques, AI will be available to everyone. And if I know human nature at all it will be first applied by malicious actors, only one of them being capital as specified here.
The steps taken by society to mitigate should be #verification of humans and verification of accurate reporting.
AI for every kind of social and political mischief imaginable will be available by 2025.
Governments need to act, stop looking at business.
#Development #Techniques
Adaptable components with CSS Style Queries · Expand your CSS design options with custom view queries https://ilo.im/1248j2
“With this new pattern in my back pocket, I’ve now got three ways to change how a component looks: based on the viewport, based on its inherent size, and based on where it lives on the site, all without JavaScript.” — Snugug
_____
#ResponsiveDesign #WebDesign #WebDevelopment #WebDev #Frontend #CSS #Chromium #Components #ProgressiveEnhancement
#Development #Techniques
Chrome DevTools tricks that deserve a spotlight · Some of the DevTools features you might not know about https://ilo.im/12j9vs
_____
#Browser #Chrome #DevTools #WebDevelopment #WebDev #Frontend #CSS #Accessibility
#Development #Techniques
Rebuilding a featured news section with modern CSS · How the latest CSS features can help to build a responsive layout https://ilo.im/12ma40
_____
#ResponsiveDesign #WebDesign #WebDevelopment #WebDev #Frontend #CSS #NewsLayout #ContainerQuery #StyleQuery #AspectRatio #TextWrap
@HelenG if you are open for new #techniques - have a look at this #DIY #development #board -
WVR is a next-generation #sample #player powered by an #ESP32. WVR features 8GB of memory and an advanced Web GUI where users #upload #audio and manage configuration and firmware. WVR is Arduino compatible and #open-#source, and fits on a common #breadboard, with room to access all the pins.
#Development #Techniques
Hide text in CSS pseudo elements from screen readers · How to add empty ‘alt text’ to decorative pseudo element content https://ilo.im/12iz6z
_____
#WebDevelopment #WebDev #Frontend #CSS #PseudoElement #Accessibility #A11y #ScreenReader
Six Basic #Knife #Techniques Everyone Should Know
https://lifehacker.com/six-basic-knife-techniques-everyone-should-know-1850363702
#Design #Techniques
Inclusive design for interaction designers · The many ways to include groups who face barriers in digital service design https://ilo.im/12ic1d
_____
#InclusiveDesign #DigitalService #UxDesign #UiDesign #InteractionDesign #WebDesign #WebDevelopment #WebDev #Usability #Accessibility #Content #Language #WebPerformance #ProgressiveEnhancement
#Development #Techniques
Handwriting with the Canvas API · An alternative way to create custom typefaces and hand-drawn effects https://ilo.im/12gcxa
_____
#WebTypography #Handwriting #WebDevelopment #WebDev #Frontend #API #SVG #CSS #JavaScript #Canvas #Typeface #Font #CustomFont
#Development #Techniques
Hiding empty elements with CSS :empty and :has() · Pseudo-classes can help to conceal various kinds of empty elements https://ilo.im/12ecti
_____
#WebDevelopment #WebDev #Frontend #CSS #PseudoClass #EmptyElement
#Development #Techniques
CSS container query units and fluid typography · New ways to create dynamically calculated typography rules https://ilo.im/12enwp
_____
#WebDevelopment #WebDev #WebTypography #Frontend #CSS #ContainerQuery #CustomProperties #CssVariables #WebFont
#Business #Design #Techniques
Using a muted color palette in web design · Muted colors in design can subtly shape the user experience https://ilo.im/12dc3z
_____
#ProductDesign #UxDesign #UiDesign #WebDesign #Marketing #Brand #ColorPalette #MutedColorPalette #MutedColor #VividColor #Color
#Business #Development #Techniques
The best ways to embed images in HTML email · Linked images, CID embedding, inline embedding, and more https://ilo.im/12dius
_____
#Marketing #WebDevelopment #WebDev #EmailDevelopment #EmailMarketing #Newsletter #Email #HTML #Image #Embedding #Attachment #CDN #Compatibility
#Development #Techniques
Observing CSS · Did you know you can observe CSS properties in JavaScript? https://ilo.im/1252di
_____
#UiDesign #WebDesign #WebDevelopment #WebDev #Frontend #CSS #JavaScript
Somehow, I never really wrote a #Fediverse #introduction. But let me honour this tradition now!
I currently serve as a visiting professor of cultural #techniques and history of #knowledge at Humboldt-Universität. So this will be a fun term teaching in Berlin. Plus, I am going to give a talk at #republica which is concerned with the civil society future of digital payment. You'll also find me doing #media history, theory, #STS at Siegen University: Media of #Cooperation is great, check it out.
#Twitter #API #OSINT #Research #Techniques #Scraping
Twitter blocked free access to API BUT tools & resources that do not depend on the API, such as several Scraping Tools, are not dependent on the API.
Here is an interesting Guide that was highlighted by OSINTJobs on Twitter on Scraping Legality and Ethics.
https://research.aimultiple.com/web-scraping-ethics/
Followed by a Twitter Scraping Tool that was recommended by Daily OSINT on LinkedIn
https://github.com/achyuthjoism/tweeds
#Design #Techniques
Why do they ignore my awesome design documentation? · Ways to make your documentation more effective and valuable https://ilo.im/1247ew
“Documentation should be an integral part of a team’s life, not a ‘cemetery’ where good ideas come to die.” — Slava Shestopalov
_____
#Documentation #ProductDesign #UxDesign #UiDesign #WebDesign #DesignTeam #Tool #Contribution #Discussion #Knowledge
#Development #Techniques
Improving CSS Shapes with trigonometric functions · We now have a lot of ways to work with CSS Shapes https://ilo.im/1239qq · by @DanCWilson
_____
#Trigonometry #WebDevelopment #WebDev #Frontend #CSS #CssShapes #ClipPath
#Development #Techniques
Fighting inter-component HTML bloat · Ways to deal with an unwanted byproduct in design systems https://ilo.im/11xzob · by @elise
_____
#DesignSystem #Webperformance #WebPerf #WebDevelopment #WebDev #Frontend #HTML #Markup #Accessibility #A11y
#Design #Development #Techniques
Affordances · How we can offer diverse ways of consuming regular content https://ilo.im/11weln
_____
#Concept #Affordance #UiDesign #DigitalDesign #ResponsiveDesign #WebDesign #WebDevelopment #WebDev #Frontend #HTML #JavaScript #TabSet #DisclosureMenu
"Ideally, I would like to build intuition ..."
Metafilter members offer guiding principles, recipes, and resources for cruel summer's request to "please demystify bowls for me."
https://ask.metafilter.com/371201/please-demystify-bowls-for-me
#bowls #salads #RiceBowls #NoodleBowls #quinoa #vegetarian #food #recipes #techniques #lunch
#Development #Techniques
6 CSS snippets every front-end developer should know in 2023 · Toolbelt worthy, powerful, and stable CSS you can use today https://ilo.im/11pa5a
_____
#WebDevelopment #WebDev #Frontend #CSS #ContainerQueries #ScrollSnap #CssGrid #CascadeLayers #LogicalProperties
#Development #Techniques
Progressively enhancing a table with a web component · Let’s build a web component that enriches a regular HTML table https://ilo.im/11ohh1
_____
#HtmlTable #WebDevelopment #WebDev #Frontend #WebComponent #JavaScript #HTML #ProgressiveEnhancement
#Development #Techniques
Tricks for easier right-to-left CSS styling · How you can avoid writing two different sets of CSS https://ilo.im/11nz8s
_____
#Internationalization #Layout #Language #LTR #RTL #WebDevelopment #WebDev #Frontend #CSS #CustomProperties #CssVariables #CssCalc
#Design #Techniques
How to design search in user interfaces · Design practices for creating a user-friendly search on websites https://ilo.im/11o29r
_____
#UxDesign #UiDesign #WebDesign #InformationArchitecture #Navigation #Search #InternalSearch
We praise these recipes with great verve
For their techniques that make us observe
We'll never forget
What we learn here yet
With them, we'll become better cooks, I believe
#cooking #recipes #techniques #ode #poetry
https://www.nytimes.com/article/how-to-be-a-better-cook-recipes.html
Forget the #RuleOfThirds and leading lines. In this article, @IllyaOvchar talks about methods he used to go beyond the cliché #techniques and create unique #imagery and improve #composition. https://fstoppers.com/education/two-surprising-ways-improve-composition-professional-photographer-626397?utm_source=FS_RSS&utm_medium=RSS&utm_campaign=Main_RSS via @fstoppers
#Design #Development #Techniques
Easing curves, and better CSS transitions and animations · The concept of easing curves is key to exceptional UI animations https://ilo.im/119x3k
_____
#WebDesign #WebDevelopment #WebDev #Frontend #CSS #Animation #Transition #Easing #Bezier
#Development #Techniques
Building a lightbox with the Dialog element · A lightbox solution that doesn’t require extensive JavaScript https://ilo.im/10ypd6
_____
#WebDevelopment #WebDev #Frontend #JavaScript #CSS #Lightbox #DialogElement
#Development #Techniques
CSS layers for CSS resets · A novel method for resetting CSS using CSS Cascade Layers https://ilo.im/111c1o
_____
#WebDevelopment #WebDev #Frontend #Browser #CSS #CssCascadeLayers #NormalizeCss #CssReset
#Development #Techniques
You’ve got options for removing JavaScript event listeners · Things to consider when you select a removal method https://ilo.im/10xk4s
_____
#WebDevelopment #WebDev #Frontend #Code #JavaScript #EventListener
#Development #Techniques
Two ways to safely break a long word in HTML · What to do if you have a long word that doesn’t fit into a container https://ilo.im/10rul4
_____
#WebDevelopment #WebDev #Frontend #HTML #Container #Overflow #Word #Break
#Development #Techniques
Easy SVG customization and animation · A practical guide to creating delightful SVG refinements on the fly https://ilo.im/10s0s1
_____
#WebDevelopment #WebDev #WebDesign #Frontend #JavaScript #SVG #CSS #HTML #Animation #Customization #Optimization #Enhancement
If a #picture is worth a thousand words, why do we neglect #VisualLanguage so much? https://fstoppers.com/education/rethinking-photo-composition-what-are-saying-623937?utm_source=FS_RSS&utm_medium=RSS&utm_campaign=Main_RSS #Photography #PhotographicEye #Techniques via @fstoppers@twitter.com
Line heights in CSS work better with ratios · Ratio-based line height will always be proportionate https://ilo.im/10gh0k
_____
#Development #Techniques
#WebDevelopment #WebDev #Frontend #CSS #Typography
Building an accessible theme picker with HTML, CSS and JavaScript · When light and dark modes are not enough https://ilo.im/10ef76
_____
#Development #Techniques
#WebDevelopment #WebDev #Theme #LightMode #DarkMode #Picker #Animation #Accessibility #ARIA #HTML #CSS #JavaScript #JS
#KnowledgeByte: We all have the same amount of time and we often wonder which tasks am I going to do today! Which will give me maximum benefit.
What are some common #Techniques and tools for prioritizing your task list?
In this video, #Vuhlandes goes through some easy #filmmaking tips that can make all the difference.
#Techniques #Tips via #fstoppers
Compress an image before upload with JavaScript · A way to compress images selected with a file input element. https://ilo.im/105xp5
_____
#development #techniques
#webdevelopment #webdev #JavaScript #JS #form #file #image #upload #compression
Counting unique visitors without using cookies, UIDs or fingerprinting · The solution even works with the oldest browsers https://ilo.im/100iy6
___
#business #development #techniques
#webanalytics #webdevelopment #webdev #privacy #uniqueVisitor #bounce #cookie
#OSINT #KOO #USERNAMES #PROFILES #RESEARCH #TECHNIQUES To find user profile names on the Koo app via a desktop via Google the following term query format can work- site:kooapp.com/profile/(fill in the username)
We just published “A journey into IoT – Unknown Chinese alarm – Part 4 – Internal communications”, a new blog post by Federico Dotta . In this blog series, Federico analyzed an #IoT device and showcased different analysis #techniques and #tools.
https://security.humanativaspa.it/a-journey-into-iot-unknown-chinese-alarm-part-4-internal-communications
"The Full Facts Book of Cold Reading"
Ian Rowland
This book doesn't teach you to be a cold reader. However, you can learn how to understand and recognize when #ColdReading techniques are being directed at you.
I suspect that there's some sort of overlap between cold reading #techniques and the #strategies of #PoliticalDiscourse in the USA that play to ignorance of concepts such as "verification" and "fact."
Fancy frames with CSS · Is your website a bit too rectangular? Break out of the box https://ilo.im/zkty3
#development #techniques
#webdevelopment #webdev #frontend #JavaScript #JS #SVG #CSS #houdini #gradient
Adding ActivityPub to your static site · Auto-publish blog posts without the need to spin up an instance of Mastodon https://ilo.im/zspwz
#development #techniques #webdevelopment #webdev #Hugo #staticSite #blog #Mastodon #ActivityPub #API #Vercel
@openculture Ah. But not really untold.
Bill Brewster, Frank Broughton, Kai Fikentcher, Simon Reynolds and others have written about it quite extensively. Granted, maybe it is just nerdy #musicologists like me, or people who lived through the 70’s-80’s who remember.
It is a topic I have found many people are surprised when mentioned: It was not just Hip-Hop music that came out of #turntable #techniques.
Great pick! And check out the #books from authors listed here as well. 😉
#Mobile-App #Onboarding: An Analysis of Components and #Techniques
Onboarding is the #process of getting #users familiar with a new #interface. It can involve one or more of the following #components: #feature promotion, customization, and instructions.
https://www.nngroup.com/articles/mobile-app-onboarding/
There are many different #techniques for getting consistently sharp #images, but I think this one is the best of them all. Take a look to find out why. https://fstoppers.com/landscapes/if-want-razor-sharp-images-every-single-time-have-use-technique-621072?utm_source=FS_RSS&utm_medium=RSS&utm_campaign=Main_RSS #photography via @fstoppers@twitter.com
The Wires of War by @jacobhelberg
A detailed look at the #Internet and the #StateSponsored #CyberWarfare involved. #America, #China, and #Russia are in a #GreyWar, and Jacob makes a strong case for our need to step up our #Technology and #Techniques to fight #Dictator threats.