Currently updating one of our biggest sites from #Statamic v3 to v5. 1000+ entries and multisite. At first I thought it would be a pain but seeing how everything looks "new" now and feels lighter is absolutely worth the effort
Hello #accessibility community, I have a question regarding #cms user interfaces. I may have gotten the gig to implement a website with strong #a11y focus, tech stack of my choice.
I'm gonna go with @astro and want to implement a CMS that is as accessible as possible. Do you have any experience with the following platforms?
Ieri sera, una roba che davvero mi ha fatto perdere la pazienza e ogni speranza, maledetto web development, avevo iniziato a scrivere questo post ma ho poi deciso di a mimire… in pratica, il Canvas HTML5 è inconsistente, tra diverse funzioni, diversi browser, e a tratti è proprio buggato mi sa. In breve: non si può tracciare linee o contorni puliti lì dentro, viene tutto sfocato, mannaggia!!! 😶🌫️️
Beh, non è la prima volta che scopriamo che la roba nei browser gira a furia di hack, quindi non so perché proprio questa volta sono così spiazzata, però questo è. Ho scoperto questa magagna dopo aver notato che, i bordi di rettangoli nel programma che sto facendo, che sono puliti su Firefox, appaiono tutti blurrati in Chromium. Ho fatto qualche test al volo, e notato che cambiare lo spessore dei tratti sistemava il problema su un browser e lo faceva apparire sull’altro. “Sarà colpa di p5.js“, ho pensato, “ti pare che nei due browser web più grandi al mondo ci sono gli spacc?“… e quindi ho cercato. Big oopsie, perché una issue l’ho trovata, ma da lì ho scoperto che p5.js in realtà non centra. E… ecco, facendo dei test con la API Canvas liscia, senza la libreria esterna di mezzo, persiste il problema. 👹️
https://octospacc.altervista.org/wp-content/uploads/2024/06/image-2.pngHo fatto un piccolo file con vari test: jsbin.com/dadobugiye/ (caricato su JSBin, così potete verificare anche voi). In foto c’è a sinistra come ha renderizzato Firefox, e a destra Chromium (entrambi chiaramente sul mio desktop Linux). Tra le quattro linee spesse da 1 a 4 pixel, e i tre rettangoli con bordo da 1 a 3 pixel, notate come a spessore alternato si alternano anche la presenza e l’assenza di sfumatura. Quello che cambia tra la copia superiore e quella inferiore è che sulla seconda è applicato uno shift di 0.5 pixel sia per X che Y (la seconda soluzione più brutta tra le consigliate)… appunto, fare questa cagata pulisce ciò che prima era sporco e sporca ciò che era pulito. 🚬️La schifezza è dovuta al fatto che il browser fa anti-aliasing di ciò che disegna lui, e non c’è modo di disattivare la cosa; c’è una proprietà imageSmoothingEnabled che vale però solo per i dati immagine raw (forse è per questo che non ho mai notato problemi con, ad esempio, gli emulatori web di console). Quindi, in teoria si potrebbero implementare da zero funzioni per disegnare linee e roba varia, che scrivono direttamente i pixel sulla tela… ma non sembra qualcuno abbia voglia di implementarlo in librerie grafiche general-purpose e che non deviano troppo dalla API. (Io certamente no.) Shiftare ogni azione di disegno di 0.5 pixel in base al browser può sembrare una soluzione (dato che il problema è causato dall’allineamento subpixel, e ci sarebbe il metodo .translate(x,y) per farlo senza ogni volta sommare alle coordinate), ma non lo è affatto, perché lo vedete come le linee e i rettangoli appaiono tra loro diversi (e, curiosamente, le linee sono uguali tra i due browser)… 💱️
Computer potentissimi e piattaforme software di complessità estrema e potenzialità infinite, ma poi non riescono a fare delle fottutissime linee non sburrate, stiamo tornando indietro. E falliscono appunto in modo pure inconsistente!!! Non sembra proprio esserci soluzione, se non creare delle mie astrazioni sulle funzioni di disegno di linee e rettangoli (che fanno in autonomia gli shift necessari ogni volta). Veramente sto male, è possibile che se il mio numero arbitrario di spessore in pixel è pari o dispari, a seconda del gusto del browser e dell’allineamento .0 o .5 a subpixel, deve venire tutto: o grigino anziché nero, o spesso di 2 pixel anziché 1 (o la qualsiasi), o coi bordi sciolti in lava? Per ora continuo a usare p5.js e quindi il disegno a forme sul Canvas per questa applicazione, perché è comodo, ma per i prossimi progetti chissà che dovrei usare… nulla si avvicina neanche lontanamente all’efficienza di scrivere del JavaScript vanilla e averlo immediatamente prendere vita. 🤢️
https://octospacc.altervista.org/wp-content/uploads/2024/06/image-4.pngHo provato anche un’altra soluzione di tizi, un po’ brutta ma che avrei accettato se avesse funzionato: applicare un dato filtro SVG… che dire. Vero, non si vede più alcuna sbleurratura, ma gli angoli dei tratti sono più arrotondati (non chiesi), e lo spessore è comunque sbagliato. E una cosa stramba bonus: i lati delle linee superiori (ma non di quelle shiftate?!) sono tipo corrotti, hanno dei pixel che appaiono un po’ a sinistra come delle spine. Ma come cazzo è possibile?!?!?! 🌋️https://octospacc.altervista.org/2024/06/07/tela-spaccata/
I've only just discovered @graphile and will have to take a look at it. Do any of you WebDev's dev with PostgreSQL and GraphQL and know about it and what do you think?
Last lecture of the quarter tonight and I’m beat. Being a Prof is my second job and an Intro #SWE classes done well are hard, but also so rewarding.
#UCSD CSE 110 students this quarter learned local first platform focused #webdev with appropriate agile team practices, wrote ADRs, practiced UCD, deployed CI/CD, and much much more. I think I broke many of them of code primacy and a wait for the ticket or spec accountability.
Tl;dr - go hire these folks you’ve got lots to work with!
#Laravel ships with a collection helper 'chunkWhile' that lets you chunk a collection while a given condition is met. Once the condition is no longer met, a new chunk is started and so on. Example: Grouping dates by day.
It's so weird. The most part of my life I was a Full Stack Web Developer. HTML, CSS, JS, PHP, MySQL and so on. But I was always more happy on the frontend side. Especially CSS.
I work with Laravel for 6 years now and to see how easy and streamlined work can be really pulled me to the backend side.
I'm so hyped when I start the work on something while I'm creating the backend. And then I have to implement the frontend and I just have no motivation anymore.
I hope this is just a phase as I really enjoy to have full control over everything. The thing is: I love to optimize frontend stuff. But I don't really like to create it from scratch anymore.
(posted last night, but posting again mid day US/Canada time).
We're looking for a new Wordpress developer at CoffeeGeek. Global location isn't important, but your skills, reliability, discretion and availability are.
We are looking for someone who
has a deep and full understanding of the entire Wordpress infrastructure, back end, multi-site usage, and all the associated coding, css, custom theme work etc.
Has a good knowledge and understanding of Elementor Pro. We use Elementor Pro and several plug in packages on CoffeeGeek, and have need of some custom work within Elementor.
working, day to day knowledge and experience with Cpanel, PHP and all the normal server-side stuff that comes along with Wordpress and managing a busy website.
The usual "back end" knowledge an experience in website management, including CDNs, site security, back up, etc.
Some SEO experience, the more the better (especially staying on top of current trends
Some design experience. This isn't crucial, as we have a WP / Elementor designer separate from our WP Developer position. But you knowing some ins and outs of basic design is beneficial
VERY IMPORTANT: Good availability. I don't expect turnaround in an hour after I send a job request, but responses within 24hr, and normal availability for several hours per week for maintenance / bug chasing (and also larger blocks of time for bigger projects) is expected and required.
VERY IMPORTANT: you have the ability and desire to make sure all the work you do for us is fully tested and bug checked before signing off on the work. We do have a dev server to test things on, but we will rely on you to deliver finished, generally bug free work.
Ideally, you are creative on the technical side, are good at hunting down bugs, innovative with fixes, and know how to get the most out of a Wordpress environment.
you don't have to love coffee, but it would not hurt your application process! :)
I am willing to pay a monthly retainer plus a preferred hourly rate (billed once a month / when tasks are completed and signed off) or a slightly higher straight hourly rate (no retainer) for your work, payment competitive in the US and Canada marketplace.
If interested, please DM me here with your email address, and I will send you more details and ask for your CV, examples of your work, and your company website information.
I am based in Canada, PDT time, and most of the work contact times would be between 1pm and 10pm PDT time.
CSS built-in nesting is awkward, static variables can be useful actually, and what's the point of dropping a consistent API with good DX if we're still transforming our stylesheets anyways?
Chaining together interoperable PostCSS modules to accomplish half of what Sass can do is nearly impossible.
After reading this, checked my existing styling as processed through autoprefixer, found the vendor prefixes that had been added, and manually added them to my styling — so it now doesn’t require any additional tools for cross-browser compatibility.
I think in English when you write formal text you spell the numbers until 10. From there on you just write the number. #Laravel can help with that using the 'Number::spell' helper.