How to hide HTML elements in text only (Lynx) or JavaScript disabled browsers

The general approach would be to show a no-JavaScript version of a page to everyone and then insert HTML tags via JavaScript in browsers that do support it. Now, I prefer to keep my JS code clean and not mix it too much with HTML, especially for this infrequent purpose. So, I am using the following (in HTML file):

<!-- This template holder div is shown to everyone, but it's empty -->
<div id="template-holder"></div>

<!-- This template is parsed only by browsers with JS support -->
<script id="template" type="text/html">

    <!-- This is the div you want to hide from browsers without JS support -->
    <div id="hide-me">...</div>

</script>

<!-- Use JS (where available) to insert the template into the template holder -->
<script>
    document.getElementById("template-holder").innerHTML =
        document.getElementById("template").innerHTML;
</script>
<!-- We're done! -->

This way all HTML code stayed in the original file, and we kept our original JS code intact.

Bingom do relevantnih informacija

Da s vama podijelim jedan mali AI trik s kojim ćete uštedjeti na vremenu, informirati se i istovremeno sačuvati mentalno zdravlje.

 

Znate ono kad vidite nekakav click-bait naslov na nekom portalu pa pomislite da možda taj članak ipak sadrži informacije koja vas zanimaju. Pa otvorite članak pa vam iskoče pod nos pop-up prozori s privolama i pretplatama, negdje se pokrene nekakav video sam od sebe, pa prvo zatvarate prozore koji su se otvorili unutar prozora kojeg ste vi otvorili, kako bi konačno ispod njih otkrili tekst koji ste mislili pročitati. 

 

Pa krenete čitati tekst, a ono paragraf za paragrafom razvlače se nekakve informacije koje su već od prije poznate ili imaju tek blage dodirne točke s temom. Pa između paragrafa preskačete oglase za ekspresno mršavljenje, za kurje oči i bogaćenje preko noći. A sve oglase reklamiraju neke cure u svojim dvadesetima koje mogu reklamirati jedino plastičnu kirurgiju, dentalne usluge i umjetne trepavice.

 

Pa konačno iz čitavog članka kroz koji ste skrolali 10 minuta izvučete par rečenica s novim informacijama. Krenete zatvoriti prozor kad iskoči još jedan pop-up s borbenim pokličem "Gdje ćeš!"

 

Nakon par otvorenih stranica pitate se na koji način vam to prolazi život.

 

U svakom slučaju ... otvorite lijepo Bing chat koji je zapravo ChatGPT-4 s pristupom internetu, odaberite 'precizni' konverzacijski stil i dajte mu sljedeću instrukciju:

 

Koristeći prakse profesionalnog novinarskog izvještavanja, kreiraj mi novi informativni naslov i sažetak u dva paragrafa sa najbitnijim informacijama iz članka koji se nalazi na sljedećoj adresi:

<web adresa članka koji vas zanima>

 

Udrite enter i uživajte u informiranju! Nema na čemu!

 

Link na Bing chat:

https://www.bing.com/search?form=NTPCHB&q=Bing+AI&showconv=1

 

 

Summer of 2023 swimming

The summer of 2023 has come to an end on November 6. At least for me. To sum it up, I swam a total of 180 km. As announced last year, I (virtually) reached Montenegro and next summer I am starting from Budva. I plan to reach either southern Albania, or I'll zig-zag back to Italy's heel. Stay tuned!

Year	Last date	No. of times	Total distance (km)
2021	October 4	80	200
2022	November 11	91 (1 + 67 + 23)	182.5
2023	November 6	76 (71 + 5)	180
			562.5

Additional UX/UI Resources

Last update: 2024.02.18

 

Accessibility

Resources from Google

• Building for accessibility
• Newsletter, Twitter, videos
• You can also participate in their Trusted Tester or User Research programs.
  

Figma plugins

• Include by eBay - accessibility annotations tool
• A11y Annotation Kit by Indeed
• [defunct?] Accessibility bluelines by GitLab - annotation tools for content and behavior
  
  From How accessibility bluelines shaped Adobe Fresco:
  
  Accessibility bluelines are the design specifications that define and describe an application's wayfinding (focus order, keyboard shortcuts, content structure and annotations) so it can be engineered for assistive technology (screen readers, keyboards).

Design Systems

• Codex - Wikimedia Design System
  

Website audit

Lighthouse is an open-source, automated tool for improving the quality of web pages. You can run it against any web page, public or requiring authentication. It has audits for performance, accessibility, progressive web apps, SEO, and more.

Usability

• Microsoft Clarity - Free Heatmaps & Session Recordings
  
  Understand your users. Improve your products. Better your business. Clarity is a free tool that captures how people use your site. Setup is easy and you'll start getting data in minutes. 

 

SEO Meta Description AI finally available in the official WordPress Plugin Directory

I'm thrilled to announce that my very first WordPress plugin is now available in the official WordPress Plugin Directory! While I initially wrote it back in late May, the approval process took a precise four months and fifteen days – a testament to the world of WordPress development.

Allow me to introduce you to SEO Meta Description AI. As the name suggests, this plugin leverages AI to analyze the content of your WordPress posts and pages, generating SEO-optimized meta descriptions. It's language-agnostic, offered for free (with reasonable usage), and ready for download from Plugin Directory or its official page.

I've also created a brief video tutorial demonstrating how to install and use the plugin, and I genuinely enjoyed putting it together.

The inspiration behind this project? I needed a tool like this, and it provided the perfect opportunity to delve into WordPress plugin development while exploring the OpenAI API for the first time.

To give credit where it's due, ChatGPT assisted in crafting the initial source code and content for the plugin info page, and the eye-catching icon and banner images were the creative work of DALL-E.

My journey with this project has been an enriching experience, even though the direct financial reward is uncertain, much like many other personal ventures. 😁

If you operate a WordPress site and aim to boost your search engine ranking, I invite you to download the plugin and share your feedback.

And, as promised, here's the demo video - I hope you find it as enjoyable as I did creating it.

The Emperor's New Climate Scenarios

The Emperor's New Climate Scenarios report is published in July 2023 by the Institute and Faculty of Actuaries (IFoA) and the University of Exeter. The report examines the limitations and assumptions in relation to climate-change scenario modelling practices in financial services, focusing on hot-house world scenarios of 3°C or more of warming.

The report finds that many climate-scenario models in financial services are significantly underestimating climate risk, showing benign, or even positive, economic impacts from a hot-house world in which we fail to limit global warming. This is because current techniques exclude many of the most severe impacts we can expect from climate change, such as tipping points and second order impacts.

The report also finds that there is considerable uncertainty around how much and how quickly we expect the climate to warm. This translates to uncertainty in carbon budgets, with a real chance that the carbon budgets for 1.5°C of warming are now negative.

The report concludes that there is an urgent need to develop more realistic climate-scenario models, and that financial institutions and regulators need to be aware of the limitations of current models. It also calls for a race to net zero emissions, with an intentional focus on accelerating a range of positive tipping points in socio-economic systems.

The report has been widely praised by climate scientists and economists, and has been described as a "wake-up call" for the financial sector. It is hoped that the report will lead to a more realistic assessment of climate risk, and to more ambitious action to reduce emissions.

Links:

• Report (PDF) [archive]
• Institute and Faculty of Actuaries [report web page] [blog post]

 

5-Year-Old Sextortion Scam Still Works!

I recently received an email with familiar content once again:

Hi there! Unfortunately, I need to start our conversation with bad news for you. Around few months back I managed to get full access to all devices of yours, which are used by you on a daily basis to browse internet. Afterwards, I could initiate monitoring and tracking of all your activities on the internet. I am proud to share the sequence of how it happened: In the past I bought from hackers the access to various email accounts (today, that is rather a simple thing to do online). Clearly, it was not hard at all for me to log in to your email account (my email address). A week after that, I had already managed to effortlessly install Trojan virus to Operating Systems of all devices that are currently in your use, and as result gained access to your email. To be honest, that was not really difficult at all (because you were eagerly opening the links from your inbox emails). I know, I am a genius. (= With help of that software, I can gain access to all controllers in your devices (such as video camera, keyboard and microphone). As result, I downloaded to my remote cloud servers all your personal data, photos and other information including web browsing history. Likewise, I have complete access to all your social networks, messengers, chat history, emails, as well as contacts list. My intelligent virus unceasingly refreshes its signatures (due to its driver-based nature), and hereby stays unnoticed by your antivirus software. Herbey, I believe that now you finally start realizing how I could easily remain unnoticed all this while until this very letter... While collecting information related to you, I had also unveiled that you are a true fan of porn sites. You truly enjoy browsing through adult sites and watching horny vids, while playing your dirty solo games. Bingo! I also recorded several filthy scenes with you in the main focus and montaged some dirty videos, which demonstrate your passionate masturbation and cum sessions. In case you still don't believe me, all I need is just one-two mouse clicks to make all your unmasking videos become available to your friends, colleagues, and even relatives. Well, if you still doubt me, I can easily make recorded videos of your orgasms become a public. I truly believe that you surely would avoid that from happening, taking in consideration the type of the XXX videos you love watching, (you are clearly aware of what I mean) it will result in a huge disaster for you. Well, there is still a way to settle this tricky situation in a peaceful manner: You will need to transfer $950 USD to my account (refer to Bitcoin equivalent based on the exchange rate at the moment transfer), so once funds transfer is complete, I will straight away proceed with deleting all that dirty content from servers once and for all. Afterwards, you can consider that we never met before. You have my honest word, that all the harmful software will also be deactivated and deleted from all your devices currently in use. Worry not, I keep my promises. That is truly a win-win solution that comes at a relatively reduced cost, mostly knowing how much effort I spent on monitoring your profile and traffic for a considerably long time. In event that you have no idea about means of buying and transferring bitcoins - don't hesitate to use any search engine for your assistance (e.g., Google, Yahoo, Bing, etc.). My bitcoin wallet is as follows: (scammer's bitcoin address) An important notice: I have specified my Bitcoin wallet with spaces, hence once you carry out a transfer, please make sure that you key-in my bitcoin address without spaces to be sure that your funds successfully reach my wallet. I have allocated 48 hours for you to do that, and the timer started right after you opened this very email (2 days to be exact). Don't even think of doing anything of the following: ! Abstain from attempting to reply me (this email was created by me inside your inbox page and the return address was generated accordingly). ! Abstain from attempting to get in touch with police or any other security services. Moreover, don't even think of sharing this to you friends. Once I discover this (apparently, that is absolutely easy for me, taking in consideration that I have complete control over all systems you use) - kinky video will straight away be made public. ! Don't even think of attempting to find me – that is completely useless. Don't forget that all cryptocurrency transactions remain completely anonymous. ! Don't attempt reinstalling the OS on all your devices or getting rid of them. That won't lead you to success either, because I have already saved all videos at my remote servers as a backup. Things you should not be concerned about: ! That your funds transfer won't reach my wallet. - Worry not, I can see everything, hence after you finish the transfer, I will get a notification right away (trojan virus of mine uses a remote-control feature, which functions similarly to TeamViewer). ! That I will still distribute your videos although you make the funds transfer. - My word, I have no intention or interest in continuing making your life troublesome. Anyway, If I truly wanted that, it would happen long time ago without me notifying you! Everything can be settled in a peaceful and just way! And lastly... make sure you don't get caught afterwards in such type of incidents anymore! My fair advice - ensure you change all your passwords on a regular basis.

I did some online research and discovered that the initial reports of this scam date back to 2018. To my surprise, I found it lurking in my inbox again. Intrigued, I decided to investigate the Bitcoin address the scammer had provided. Much to my amazement, over the past few days, five unsuspecting individuals had already deposited $950 USD each into the scammer's account! You can view this development in the screenshot below.:

I've concealed the scammer's Bitcoin address, including all transaction details, to ensure that they cannot be linked back to this post. Why, you might wonder? Well, I've embarked on a small experiment to determine whether I can trace these transactions back to the scammer—a real-life person. If the scammer suspects that their address is under surveillance, they might refrain from moving their money. It's essential to remember that every transaction is permanently recorded on the blockchain and can potentially be traced, even if the scammer attempts to hide their tracks using Bitcoin mixers, which undoubtedly complicates back-tracing. So, let's patiently await the scammer's next move with the funds! I.e. let's hunt some orc!

Usporedba maksimalnog životnog vijeka sa prosječnim životnim vijekom

 Nedavno pročitani znanstveno popularni članak o produženju životnog vijeka, točnije o "genu dugovječnosti", me je inspirirao da potražim jedan graf kojeg sam vidio prije skoro pola godine. I evo ga - usporedba najdužeg životnog vijeka sa prosječnim životnim vijekom, za period od 1955. do 2023 godine.

Premda je u tom razdoblju globalni prosječni životni vijek produžen sa 47 [!!!] na 73 godine, maksimalni životni vijek od cca 120 godina teško se probija. Ali, može se reći da postoji blagi uzlazni trend. Uz napredak znanosti ostaje nam za vidjeti kako će se situacija u skorijoj budućnosti promijeniti. 😉

 

Izvori podataka:

[1] https://www.macrotrends.net/cou.../WLD/world/life-expectancy

[2] https://en.wikipedia.org/wiki/Oldest_people

 

Originalni post na redditu:

[3] https://www.reddit.com/.../oc_maximum_age_versus_average.../

 

Komentar OP-a:

[4] https://www.reddit.com/.../12fwu0g/comment/jfhhxw4/...

 

Nadopuna 2023.10.05:

U knjizi Obrisi budućnosti - ideje koje će promijeniti sve (This Will Change Everything - Ideas That Will Shape the Future), 2009, jedan od autora je napisao sljedeće: "oni koji požive sljedećih 30 godina, mogli bi živjeti sljedećih 300". 

 

Knjiga je izdana 2009. godine, dakle imamo još 15-ak godina do 300-godišnjeg vijeka. 😉 Argument je de će medicina tih 30 godina toliko napredovati da će biti moguće produžiti životni vijek za nekih 10 - 15 godina, tijekom tog 'produžetka' daljnji napredak medicine će nam dati još nekih 15 - 20 godina, itd. Osobno nisam toliko optimističan.

 

Točno to je sažeo Korado Korlević u Explori emitiranoj 2023.09.26:
https://youtu.be/srb_opt6rtk?si=pYFNDfWpP5rulz9B&t=2742

Značajan dio i Explore emitirane 2023.10.03. govori o temi:
https://www.youtube.com/watch?v=KfkNyyy-bWc

The Economist je obradio temu dugovječnosti u zadnjem 'Technology Quarterly' prilogu:
https://www.economist.com/technology-quarterly/2023-09-30

Nadopuna 2024.03.12:

 

Mali, ali ne i beznačajni update nakon šest mjeseci. Već treću godinu za redom, očekivani životni vijek u par najrazvijenijih zemalja svijeta (SAD [1], Velika Britanija [2], Kanada [3]) je u opadanju. Tako se primjerice Velika Britanija vratila 10 godina u nazad. Kao glavni krivac navodi se korona.

 

BTW, prije točno 50 godina, u knjizi "Granice rasta", jedan od 12 predstavljenih modela, onaj kojeg smo do sada i najbliže pratili, tzv. "Business as usual", predviđao je vrhunac populacije 2028. godine sa 7.65B ljudi. Krajem prošle godine par znanstvenika je napravilo 'rekalibraciju' modela sa novim podacima. Prema novom izračunu, vrhunac bi trebao biti 2033. godine sa 8.16B ljudi. [4]

 

[1] https://www.washingtonpost.com/opinions/2024/01/14/american-life-expectancy-declining/ [arhiva]

[2] https://www.theguardian.com/society/2024/jan/11/uk-life-expectancy-falls-to-lowest-level-in-a-decade

[3] https://globalnews.ca/news/10116838/life-expectancy-decrease-canada-stat-can/

[4] https://onlinelibrary.wiley.com/doi/10.1111/jiec.13442

 

User experience (UX) communities

 

Updated: 2023.09.01

 

User Experience on Stack Exchange

User Experience Stack Exchange is a question and answer site for user experience researchers and experts.

Reddit

UXDesign: For experienced and veteran UX practitioners

120k members

r/UXDesign is aimed at practicing UX professionals. Junior career questions will be removed from the feed. Post flair is required. User flair is recommended and can be customized. Please review sub rules before posting or commenting.

 

User Experience

110k members

A community where professionals, enthusiasts, and individuals interested in the field of user experience can share knowledge, ask questions, and engage in discussions about various UX-related topics.

 

A community for sharing and discussing UX research

36.3k members

A community for sharing and discussing UX research. The goal is to think about UX research broadly and consider studies from related/overlapping disciplines (e.g., market research, medical anthropology, public health, design research). Open to both academic and applied research. 

 

UX/IA/ID design resources

17.0k members

Thoughts and resources about User Experience (UX), Information Architecture (IA) or Interaction Design (ID).

 

UX_Design: A community for everything UX!

11.7k members

A gathering of UX designers and UX researchers talking about everything User experience. Start now by posting interesting tools, case studies, and resources! Do you have any questions about UX design? Ask away!

UX/UI Resources

Last update: 2024.04.13

See my post A list of UX/UI courses and specializations.

General Resources and Tools

• Nielsen Norman Group - World Leaders in Research-Based User Experience [articles]
  
• UX Collective - Curated stories on UX, Visual & Product Design 
• Apple Human Interface Guidelines
• Material Design Guidelines. Material 3
• Interaction Design Foundations
• The future is visual (SquarePlanet) https://hype4.academy/

• Figma [design basics] [plugins]
  
• Photopea - on-line photo editor
• Remove Image Background
  
• Canva design tutorials
  
• Miro, how to use for beginners [video] 

• 20 Must-Key Terms for UX Designers on Medium.com

• The Boolean Game
• The Bézier Game 

• 2023: The Future Of Ui/Ux Design (and How You Can Prepare) on muz.li

• Can I use - browser support tables
   

Free stock photos

• Pixabay
• Unsplash
• Pexels

SMART goals

• The Essential Guide to Writing SMART Goals on smartsheet
• SMART (SMART goals) on TechTarget

Showcases/Inspiration

• https://collectui.com/

Cloud models

• SaaS vs PaaS vs IaaS: What’s The Difference & How To Choose by BMC
• Quick Guide to IaaS, PaaS, and SaaS on Fishtank
  

Misc

• How Bad UX Killed Jenny on Medium.com
• 50 Things You [Probably] Forgot To Design on Medium.com
• KISS (Keep it Simple, Stupid) - A Design Principle by Interaction Design Foundation
• UI Design Trends 2024 [video]
  

Books

• The Design Of Everyday Things
• Laws of UX: Using Psychology to Design Better Products & Services
• Don't Make Me Think, Revisited: A Common Sense Approach to Web Usability
• 100 Things Every Designer Needs to Know About People
• Free Books For Interface & UX Designers

Introduction to UX Design

• What is User Experience (UX) Design? by Interaction Design Foundation
• The 7 Factors that Influence User Experience by Interaction Design Foundation
• Behavioral Economics by Interaction Design Foundation
• Persuasive Design by Interaction Design Foundation
• Motivation by Interaction Design Foundation
• Be Afraid! The Silent Role of Fear in Decision Making by Interaction Design Foundation
  
• Design elements and principles by Canva
  
• Laws of UX is a collection of best practices that designers can consider when building user interfaces.
• 7 Gestalt principles of visual perception by User Testing  

User Research and Testing

General Resources and Tools

• How to create a UX research plan by Maze

Surveys

• This is all you need to know to conduct a UX Survey by UXPlanet

• Google Forms
• Jotform
• Sample size calculator by SurveyMonkey

Focus Groups

• Focus Groups 101 by Nielsen Norman Group
• Focus group example [video]
  

User Interviews

• How To Conduct Effective User Interviews by CareerFoundry
• How To Conduct User Interviews Like A Pro (UX Design) [video]
  

Customer Personas

• UX Personas by Qubstudio
• UX Templates at UXPressia [templates]

Customer Journey Maps

• Customer journey map — step-by-step guide with examples by UXPressia
• What are Customer Touch Points & Why Do They Matter by Interaction Design Foundation
• User Journeys vs. User Flows by Nielsen Norman Group

• Storyboards Help Visualize UX Ideas by Nielsen Norman Group
  

Affinity Maps

• Affinity Maps by CareerFoundry

Information Architecture

• Information Architecture vs Navigation: Creating a Seamless User Experience by Optimal Workshop
• Information Architecture by Interaction Design Foundation
• A Beginner’s Guide To Information Architecture [video]
  

Tree Testing 

• Tree Testing part 1 by Nielsen Norman Group
• Tree Testing part 2 by Nielsen Norman Group
• Optimal Workshop [tool]
  

Wireframing

• Wireframe: How To Get Started? by Aela
• MockFlow [tool]

First Click Testing

• What is First Click Testing? [video]
• UsabilityHub [tool]
  

Usability Testing

• Usability Testing by Interaction Design Foundation
• Guerilla Testing with Usability Cafe [video]

 A/B Testing

• A/B Testing Guide by VWO
  
• What is A/B Testing in Design & User Experience Research? [video]

Diary Study

• Diary Studies: Understanding Long-Term User Behavior and Experiences by Nielsen Norman Group
  
• What's a Diary Study in User Research? [video]
• Indeemo [article/tool]
  
• DScout [tool] 
• Dovetail [tool]

Case Studies

• The Big Book of Experimentation by Optimizely [book]
• How EA turned a big win into a metropolis [case study]
• 15 Excellent UX Case Studies Every Creative Should Read by htmlBurger

Competitive Analysis

• A Guide to Competitive Analysis for UX Design on Adobe

User Interface Prototyping

Mood Boards

• The ultimate guide to mood boards for UI Designers (and how to create your own) by UX Design Institute

• Canva [tool, templates]
• Milanote [tool]
  
• Miro [tool]

Paper prototyping

• Low-fidelity vs. high-fidelity prototyping by inVision
• Paper Prototyping: Getting User Data Before You Code by Nielsen Norman Group
• Paper Prototyping 101 [video]
  
• Low fidelity prototype testing [video]

Rapid prototyping

• What Is Rapid Prototyping In UX? A Step-By-Step Guide by CareerFoundry
  
• inVision Freehand [tool]
• Marvel [tool] [tutorial]
  

User Interface

• User Interface Elements at usability.gov (not updated any more)
• U.S. Web Design System (USWDS) Components at digital.gov
• User Interface Design patterns at UI-Patterns

• The Anatomy of Input Field by UX Planet

• 32 UI Elements For UI Designers in 2024 on CareerFoundry
  

Design Elements

• 7 Visual Hierarchy Principles for Every Marketer by HubSpot

Colors

Tools:

• Adobe Color Wheel
• Color palette generator by Canva
• Coolors - color palette generator
• Material UI colors
  
• Color matching game
• Accessibility contrast checker
• Tint & Shade Generator
• The Sessions College Color Calculator 
  

Articles:

• UI Design in Practice: Colors on uxmisfit.com
• Defining colors in your design system on UX Collective
• Colour Combinations every designer should Know on Yes I'm a designer

Colors in culture:

• Colors in Cultures [1] [2] [3]
  

Fonts

• Google Fonts
• dafont.com
• A Five-Minute Guide to Better Typography by Pierrick Calvez
• How to match fonts to your design: a comprehensive guide for designers on Medium.com 
• 40+ Best Instagram Fonts for Social Media Branding on JUST Creative
• Google Font Pairings on Figma
• SFWin — San Francisco Fonts for Windows 10 and non-Apple Platform on GitHub

• The Beginner's Guide to Typography in Web Design on HubSpot
  
• The typographic scale by Spencer Mortensen
• rem vs em Units in CSS on DigitalOcean.com
• Typographic scale tool on Gridlover
• Typographic scale tool on Typescale
  

UX Storytelling

• How to use storytelling in UX design by UX Design Institute
• Winning the Story Wars - The Hero's Journey (2012) [video]
• How To Use Storytelling In UX on Smashing Magazine
  

UX Copy

• Words Matter: The True Value of UX Copy by Toptal
  
• 48 Call-to-Action Examples You Can't Help But Click by HubSpot
• Best microcopy examples and some great insights on Medium [archive]

• 10 Languages For Localization From English in 2023: Numbers & Insights by Alconost

User Interface Design

• Primary and Secondary Navigation Explained on HubSpot
• Interaction Design by Interaction Design Foundation
• 10 amazing examples of interaction design by inVision

• What is Design Thinking and Why Is It So Popular? by Interaction Design Foundation

• How to use Strings Method to improve any UI design on Medium.com
• Quick UI design tips — 3 on Medium.com
• Micro Interactions: How they help in smooth UI experience on Medium.com

• Implementing modal windows that don’t hurt UX on LogRocket.com

• Form best practices — the Do’s and Don’ts in form design on uxdesign.cc
   

Icons

• UI cheat sheet: Icon categories + icon style reference guide on UX Collective
• Don’t be afraid to create your own icons: The beginner’s guide on uxdesign.cc
• A complete guide to iconography on Design Systems
• The Super Simple Guide to Iconography on Toptal
• How to create icons in Figma? by Aditi Saini
  

• SF Symbols
• Material Symbols
• Google Play icon design specifications 
• Android Adaptive Icons
• Android Product Icons 

• The Noun Project [icon collection]
• iconmonstr [icon collection]
• icons8 [icon collection]

• Icon Grid Templates [figma]
• Material Design Icons [figma]

• Learn how to create pixel perfect icons in Figma! [video]
  

Accessibility

• Accessibility by Interaction Design Foundation
• The European Accessibility Act: Everything You Need To Know on Forbes
• Introduction to Web Accessibility on w3.org
• WCAG 2 Overview on w3.org
• WCAG - Quick reference guide on guia-wcag.com
• WCAG 2.1 Principles Explained: Perceivability on boia.org
• WCAG 2.1 Principles Explained: Operability on boia.org
• WCAG 2.1 Principles Explained: Understandability on boia.org
• WCAG 2.1 Principles Explained: Robustness on boia.org
• Microsoft Inclusive Design
• Accessibility-focused figma plugins
• whocanuse [color/contrast check tool]
• Accessibility - The new WCAG 2.1 guidelines... [video]
• Color blindness: how to design an accessible user interface on uxdesign.cc
• Designing UI with color blind users in mind on secretstache.com
• Make your design accessible to color-blind users on uxplanet.org
• Color Contrast Accessibility Validator [tool]

Responsive Design

• Desktop Screen Resolution Stats Worldwide by statcounter
• Responsive Design by Interaction Design Foundation
• Responsive Design: Best Practices and Considerations on Toptal
• Responsive grids and how to actually use them on uxdesign.cc
• The Responsive Website Font Size Guidelines on Learn UI Design Blog
• The State of Fluid Web Typography on BETTER WEB TYPE
• The 2024 Guide to Responsive Typography Sizing and Scales on design shack
• Responsive Design: Scaling UI from Desktop screen to Mobile screen on uxdesign.cc

Mobile Design

• Understanding navigation (Material Design)
  
• Mobile Navigation Menu Design by Fireart
  
• Top 8 Mobile Navigation Menu Design for Your Inspiration on uxplanet.org
  Overview from 2018, and I am not sure in which language is it written.
• Basic Patterns For Mobile Navigation: Pros And Cons (2017) on Smashing Magazine
• Understanding Gestures for UI Design on Boldist.co

• iOS vs. Android App UI Design: The Differences Explained by Arounda
• Android vs iOS: App UI Design Differences and Comparison by appinventiv
• Understanding the iOS and Android UI Guidelines by designflyower

• Large Devices Preferred for Important Tasks by Nielsen Norman Group

Apps

• Native vs. Hybrid vs. Web App: What's the Difference? on upwork
• Native vs. Hybrid vs. Cross-Platform vs. Progressive Web Apps on Tech Behemoths

App Monetization

• App Monetization: A guide on how to monetize an app (2019) on leanplum
• How Do Free Apps Make Money on The App Solution
  
• What's the difference between CPC, CPM, and CPA? on Ad Reform
• Freemium: Definition, Examples, Pros & Cons for Business on Investopedia
  

Design Systems

• Human Interface Guidelines by Apple, Figma Kit
  
• Material Design by Google, Figma Kit
  
• Design Systems Gallery
  

Dashboards

• 6 UX Design Mistakes While Designing a Dashboard [video]
• How to design better dashboards? on uxdesign.cc
• UI Inspiration: 23 Examples of Dashboard Designs on Icons8 Blog
• Dashboard Interface Design by fuselab creative
• Dashboard Design Patterns
• Data visualization: how to choose a chart type by uxdesign.cc
• Graph Maker on Canva
• visme Chart Maker
• Dashboards on collectui.com
  

Conversational Interfaces

• What are Chatbots? [video]
• Fitness app chatbot ui ux [example on dribbble]
• Conversational UX: A beginner’s guide (+5 best practices) by Zendesk
• Principles of Conversational User Interfaces with Use Cases on xenonstack
  (Another article written in funny language, optimized for search engines)
• Conversational User Interface: The Ultimate Breakdown by Landbot
• The Gender Bias Behind Voice Assistants on Clever
• I tried to sexually harass Siri, but all she did was give me a polite brush-off on Guardian

Internet of Things (IoT)

• Internet of Things (IoT) cheat sheet: Complete guide for 2022 on TechRepublic
• Internet of Things (IoT) and User Experience [video]
• Internet of Things (IoT) | What is IoT | How it Works | IoT Explained | Edureka [video]
  

Wearables

• Designing a Successful Wearable Device Through User Research by MistyWest
• How To Create A Better User Experience For Wearables on Usability Geek
• What is Haptic Feedback? Types, devices and use by teslasuit
• UX Design for Smartwatches 2023 | Best Practices on enou.co
  
• Your guide to smartwatch interface design: designing for all on uxdesign.cc
• UX for Wearables : Your Ultimate Guide by protopie.io
  

Designing for children

• Designing For Children [video]
• Designing Web Interfaces For Kids on Smashing Magazine
  

Gamification

• The role of gamification in UX design: creating engaging user experiences by UX Design Institute
• What is gamification? [video] by TechTarget
• Reality Is Broken: Why Games Make Us Better and How They Can Change the World [book]
  

Game UX/UI

• So You Wanna Make Games?? | Episode 9: User Interface Design [video]
• Level Up: A Guide to Game UI (with Infographic) on Toptal
• Game UI Design: A Detailed Guide For Game Artists on muz.li 
• Game UX Design: The Complete Guide In 2024 by Mockplus
• Game UI Design: Everything You Need To Know by carreerfoundry.com
• What is Game UX? The Complete Guide for 2024 by carreerfoundry.com
• How To Get Started In Game Design on zerotomastery.io
• Mastering UX/UI in 2024: Elevate Your Design Integration Game [members only] on Medium
• Game dev conferences
• Game dev jobs [1] [2] [3]
  
• Game development organizations (map)
  

Mailing lists

• mailerlite.com
• 20 Email Marketing Best Practices That Drive Sales by Shopify
• Email Marketing on engagebay

Formats

• Which is the Best Image Format for Your Website? on imagekit.io
• Image file type and format guide on developer.mozilla.org 
• Media container formats (file types) on developer.mozilla.org
  
• The best audio file formats for 2024 on voice123.com
• Ultimate Guide on 7 Best Video Formats for 2024 on videoproc.com
• Web video codec guide on developer.mozilla.org
• What is the best animation format for websites? on creattie.com

Website performance/health

• Web Vitals
  
• Core Web Vitals [tool]
• PageSpeed Insights [tool]
  

 

Integrating Climate Scenario Analysis into Investment Management: An April 2023 Update

Original PDF. Archived PDF.

GIC is a global long-term investor established in 1981 to manage Singapore’s foreign reserves. It is invested in more than 40 countries worldwide and its mandate is to preserve and enhance Singapore’s international purchasing power over the long term. Explore topics of long-term importance that shape their perspectives.

ClimateMAPS is a tool that was used for financial modeling of climate change. It has been jointly developed by Ortec Finance and Cambridge Econometrics.

Relevant snippets from their full report:

The impact of climate change on broad market beta is expected to be negative, although there might be a potential upside for certain markets, sectors, companies, and business models. Opportunities span emerging markets with currently low exposure to low-carbon utilities, or decarbonisation and adaptation technologies that are currently nascent but could scale with more policy support and capital flows. Risk assets such as equities and real estate are more sensitive to climate change compared to bonds and cash.

Based on a hypothetical global 60% equities and 40% bonds portfolio, returns may still be positive in the long run with climate change, but projected returns are meaningfully lower across all four scenarios versus a climate-uninformed baseline. Hence, long-term investors may be surprised by the underperformance of the portfolio relative to their expectations.

Climate change is projected to have a long-term negative impact on a global 60/40 portfolio in the order of minus 10-40% [...]

The annualised nominal returns over a 40-year period for the 60/40 portfolio ranges from 3.4 to 4.3% in the four scenarios, versus 4.6% in a climate-uninformed baseline.

[...] potential increase in market volatility from climate-related shocks.

[...] global warming leads to decreasing crop yields for most crop types, due to volatile precipitation and stronger summer heat waves. This increases the prices of agricultural products, food, and the general price level of the economy, placing an upward pressure on inflation.

Some of limitations to their top-down scenario approach:

Climate science models have not fully incorporated feedback loops and tipping points from warmer temperatures accelerating the melting of ice sheets, which would increase the sensitivity of average temperatures to greenhouse gas emissions.

Climate impact models do not account for the implications of climate change-related migration on economies and markets.

Mastering SEO: Elevate Your Rankings with Link Building

Boost your SEO rankings with this technique: 

1. Find higher-ranking webpages for your target keywords 
2. Create superior content providing more value and relevancy
3. Find websites that are linking to your competitors from step 1 
4. Reach out to and direct them to your webpage.

 

Jednostavan način praćenja oglasa i natječaja u Splitu

Ažurirano 2023.08.20.

 

Ovaj post je za sve one koji prate oglase i natječaje grada Splita. Dakle, ako vas zanimaju natječaji za gradske prostore, financiranja za udruge, potpore za male poduzetnike, stipendije za učenike i studente, itd, itd. Post se također odnosi i na aktivne građane koji prate javna savjetovanja.

 

U svakom slučaju ... primjerice meni interesantni natječaji trajali bi dva tjedna i za prijavu bi zahtijevali N različitih službenih papira i potvrda sakupljenih iz N različitih izvora. U nekim slučajevima, za određene dokumente, prvo bi se trebao podnijeti zahtjev nekom tamo uredu da bi se dokument preuzeo tek za par dana, kad bi bio "gotov".

 

Ako za natječaj ne bi saznali praktički netom nakon što je objavljen, bilo bi upitno da li ćete uspjeti koordinirati svoje svakodnevne aktivnosti sa obilascima institucija i skupiti svu potrebnu papirologiju na vrijeme. 

 

Ako nemate 'nekoga' u gradu, jedini način da saznate za natječaj na vrijeme bio je da redovito posjećujete službene stranice grada. Ono, baš redovito. Sebi sam odlučio olakšati život i eliminirati tu ponavljajuću radnju. I tako sada nove obavijesti dolaze meni umjesto da ja provjeravam da li na stranicama ima čega novog. A kako smatram da bi i drugi mogli imati koristi, odlučio sam podijeliti svoje rješenje sa ostalima. 

 

Novi oglasi/natječaji/savjetovanja vam mogu biti dostavljeni preko RSS kanala (ako ne znate što su - provjerite, jako korisna stvar), twitter profila i facebook stranice bez ikakve naknade, te mailom uz minimalnu godišnju pretplatu.

 

Svi linkovi za praćenje su na adresi:

https://split21000.appspot.com/

 

Eto, podijelite sa onima za koje smatrate da bi mogli imati koristi od ove usluge.

Daniel H. Pink - Prodavati je ljudski (bilješke)

Moje bilješke, da ne kažem sažetak knjige. Link (amazon affiliate) na knjigu:

Položaj moći = ukopavanje u vlastito motrište
Uspješna prodaja = prepoznavanje tuđe perspektive

➤ Započinjanje susreta sa pretpostavkom da smo u položaju manje moći

 

Veća je vjerojatnost da će nas uvjeriti ona osoba koja nam se sviđa. Sviđaju nam se oni koji nas podsjećaju na nas same. 

➤ Pronaći neobične zajedničke točke.

 

➤ Postavljanje pitanja samome sebi djeluje bolje nego pozitivna autosugestija. Upitne rečenice traže odgovore u kojima se krije strategija kako obaviti zadatak. Postavljanje pitanja samom sebi može potaknuti intrinsičnu motivaciju za ostvarivanje nekog cilja.

➤ Biti svjestan da loši ishodi u pregovorima/prodaji nisu trajni, sveprisutni i osobni. Dakle privremeni su, specifični i izvanjski.

Uokviravanje ponude

Kontrastiranje ponude sa drugim mogućnostima tako da se istaknu njene vrline.

Manje je više: ljudi se lakše odluče kad je izbora manje. Također, dodavanje jeftinog proizvoda u ponudu može rušiti njenu vrijednost.

Uokviriti ponudu kao prodaju doživljaja. Doživljaji pružaju više zadovoljstva nego materijalni predmeti.

Postavljanje konteksta unaprijed može utjecati na prodaju (postavljanje etikete).

Sitna negativna informacija o proizvodu, nakon pozitivnih informacija može ih naglasiti i povećati njihovo značenje, ako su ljudi koji primaju informaciju u stanju "niskog napora" (nisu usredotočeni, nešto im odvlači pozornost).

Potencijal je zanimljiviji od postignuća. Navodi ljude na dublju procjenu koja generira sve više sve boljih pozitivnih stavova/razloga.

Drugoj strani ostaviti jasne upute kako djelovati.

Negativna pitanja

1. Na ljestvici 1 do 10, koliko ste spremni npr. potpisati ugovor?
2. Zašto niste odabrali manji broj?

Kod objašnjavanja broja otkrivaju se razlozi. Ne postavljati binarna pitanja. (Postavite 5 pitanja zašto.)

 

Prezentacija

Svrha prezentacije nije nužno da se naša ideja prihvati iz prve, već u tome da se izloži nešto toliko neodoljivo da potakne razgovor, pretvori drugu osobu u sudionika i napokon dovede do ishoda koji se sviđa objema stranama.

Krenite prvi ako ste etablirani u svojoj branši, posljednji ako se nastojite probiti.

Usitnjeni brojevi ulijevaju više povjerenja nego krupni (npr. bolje 120 minuta umjesto 2 sata).

Prezentacija pitanjem

Ako argumenti imaju čvrste temelje, nagovaranje kroz pitanja može biti učinkovitije nego samo iznošenje činjenica. Izjavne rečenice se mogu prihvatiti pasivno, pitanja zahtijevaju angažman - temeljitiju obradu sadržaja poruke. Pitanja potiču ljude da sami nađu svoje vlastite razloge za slaganje ili neslaganje.

Rime kod slušača ističu smisao i poboljšavaju fluentnost u obradi podataka

Subjekt email poruke

Subjekt email poruke bi trebao biti ili izričito koristan (za pretrpani sandučić) ili tajanstveno intrigantan (za ne pretrpani sandučić), ali vjerojatno ne zajedno. Također treba biti krajnje precizan. Primjeri:

• 3 jednostavna, ali provjerena načina kako vas navesti da otvorite email
• Neke čudne stvari koje sam upravo naučio o emailovima

Smišljanje slogana

Objasnite svoj cilj i strategiju tako da odgovorite na sljedeća pitanja:

Kad netko čuje vaš slogan ...

1. Što biste željeli da doznaju?
2. Što biste željeli da osjećaju?
3. Što biste željeli da učine?

 

The Changing Landscape of User-Generated Content: Navigating Platform Dependence and Alternatives

Companies such as Twitter, Reddit, and StackExchange have experienced significant growth and profitability thanks to user-generated content. In return, users have been rewarded with small dopamine boosts delivered through the means of purely virtual concepts like follower counts, post likes, points and badges.

However, a new player has emerged in the scene: AI that has been trained on the very same user-generated content. And aforementioned platforms now find themselves robbed. What an ironic twist of fate. In an attempt to profit more, save their behinds and not get wiped out (nothing new in tech world) they have decided to charge exorbitant fees for their API access. With that decision they are killing a complete ecosystem of hundreds of small apps and services that were actually contributing to the advancement of these platforms. In a sense, they are shooting themselves in the foot.

To all content creators and third party app developers: it is crucial to seek out truly open-source and decentralized platform to share your content or build services around it. I cannot point out a specific one at the moment - in my humble opinion, the right one is yet to emerge.

Moreover, all should consider duplicating their social networks content on personal blogs, where you have full ownership of your content and control over revenue models.

As world economic globalization is ending, it is time to make us less dependent on centralized proprietary platforms as well.

Besplatno stjecanje vještina - vaučeri za obrazovanje nezaposlenih i zaposlenih osoba

Edukacija za UX/UI designera u Algebre košta cca €1.900 ali je možete dobiti besplatno, pa čak i ako ste zaposleni. Kako? Putem vaučera HZZ-a. Upravo sam se prijavio - ionako sam sa dosta strana primio dobronamjeran savjet da obratim više pozornosti na UX kod svojih aplikacija. 🙊

U svakom slučaju, dostupni su vaučeri za stjecanje i raznih drugih kvalifikacija. U nastavku dijelim par linkova koje se odnose (uglavnom) na IT struku. Da, u zadnjih je godinu dana oko 200.000 programera dobilo otkaze, u međuvremenu se pojavio i ChatGPT koji je dodatno reducirao potrebu za junior developerima ... možda vam ovakvi tečajevi neće garantirati posao čim ih završite, niti se programerom postaje nakon jednog tečaja, ali stvar je besplatna i definitivno predstavlja korak naprijed u karijeri.

Usput, ako ste privatni poduzetnik, tečaj web marketinga i brendiranja, knjigovodstva ili izrade web stranica može vam pomoći bez obzira u kojoj ste branši.

Iskoristite priliku:

* Asistent za upravljanje projektima/Asistentica za upravljanje projektima
https://vauceri.hzz.hr/katalog-vjestina/programi/asistent-za-upravljanje-projektima-asistentica-za-upravljanje-projektima-33/

* Back-End developer na PHP-u/Back-End developerka na PHP-u
https://vauceri.hzz.hr/katalog-vjestina/programi/back-end-developer-na-php-u-back-end-developerka-na-php-u/

* Python developer/Python developerka
https://vauceri.hzz.hr/katalog-vjestina/programi/python-developer-python-developerka/

* Front-End developer/Front-End developerka
https://vauceri.hzz.hr/katalog-vjestina/programi/front-end-developer-front-end-developerka/

* Internetski marketing i brendiranje
https://vauceri.hzz.hr/katalog-vjestina/programi/internetski-marketing-i-brendiranje-40/
http://uciliste-virtus.hr/index.php/programi-obrazovanja/besplatna-obrazovanja/item/209-internetski-marketing-i-brendiranje

* Objektno orijentirano programiranje u izradi videoigara
https://vauceri.hzz.hr/katalog-vjestina/programi/objektno-orijentirano-programiranje-u-izradi-videoigara/

* Mobilno programiranje
https://vauceri.hzz.hr/katalog-vjestina/programi/mobilno-programiranje-12/

* Objektno orijentirano programiranje
https://vauceri.hzz.hr/katalog-vjestina/programi/objektno-orijentirano-programiranje-13/

* Razvojni programer mobilnih aplikacija na Android platformi/Razvojna programerka mobilnih aplikacija na Android platformi
https://vauceri.hzz.hr/katalog-vjestina/programi/razvojni-programer-mobilnih-aplikacija-na-android-platformi-razvojna-programerka-mobilnih-aplikacija-na-android-platformi/

* UX dizajner
https://vauceri.hzz.hr/katalog-vjestina/programi/ux-dizajner/
https://www.algebra.hr/cjelozivotno-obrazovanje/programi/ux-dizajner/

* Web programiranje
https://vauceri.hzz.hr/katalog-vjestina/programi/web-programiranje-13/

* Razvoj i dizajn web sučelja u Wordpressu
https://vauceri.hzz.hr/katalog-vjestina/programi/razvoj-i-dizajn-web-sucelja-u-wordpressu/

* Izrada web stranica
https://vauceri.hzz.hr/katalog-vjestina/programi/izrada-web-stranica/

*** Kompletan katalog vještina i programa:
https://vauceri.hzz.hr/katalog-vjestina/popis-vjestina-i-programa/