• Shaarli
  • Tag cloud
  • Picture wall
  • Daily
  • RSS
  • Login
4289 shaares
19 / 215
Filters

GitHub - paulirish/lite-youtube-embed: A faster youtube embed.

QRCode

A faster youtube embed. Contribute to paulirish/lite-youtube-embed development by creating an account on GitHub.

https://github.com/paulirish/lite-youtube-embed
January 13, 2024 at 12:54:13 PM EST *
youtube video webdesign
FILLER

Creative Coding: Generative Art, Data visualization, Interaction Design, Resources | terkelg

QRCode

Creative Coding: Generative Art, Data visualization, Interaction Design, Resources. - GitHub - terkelg/awesome-creative-coding: Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.

https://github.com/terkelg/awesome-creative-coding
January 13, 2024 at 12:35:49 PM EST *
programming inspiration art
FILLER

The Best iPhone 15 Pro Max Camera Settings for Video in 2023 - Wistia Blog

QRCode

We'll walk you through everything you should turn on or off in the iPhone's camera settings app.

  1. Switch to 4k resolution
  2. Shoot at 24 frames per second
  3. Turn off “HDR Video”
  4. Turn on “Grid”
  5. Turn off “View Outside Frame”
  6. Turn on “Macro Control”
https://wistia.com/learn/production/best-iphone-camera-settings-for-video
January 13, 2024 at 12:32:44 PM EST *
ios iphone photography video
FILLER

Modern iOS Navigation Patterns · Frank Rausch

QRCode

An unofficial bonus chapter for the iOS Human Interface Guidelines: Learn how to structure iPhone apps with drill-downs, modals, pyramids, sequences, and more.

https://frankrausch.com/ios-navigation
January 13, 2024 at 12:26:47 PM EST *
ux ios webdesign
FILLER

Physical values and human perception

QRCode

In a dark room, lighting a single candle may feel like a drastic change. But in a room already lit by ten candles, adding one more might not feel as significant. Or, while the intensity of sound is determined by the amplitude of the sound wave, doubling the amplitude does not make it feel twice as loud to humans.

This idea can apply to graphic design, for example, typographic scale or making contrast of sizing between visual elements in general.

Compare two type scale examples below. The left increases the font size by 6 points each step, while the right increases the size by the ratio of 1.2x (each step is 20% larger than the previous). You can see the change between each step appear to decrease as the size increases in the left example, while the change feel more consistent in the right example.

$fontsize = b \cdot r^{(step - 1)}$

$\begin{aligned} step = \log_{1.2} \frac{fontsize}{b} + 1\end{aligned}$
https://kyndinfo.notion.site/Physical-values-and-human-perception-54d4ccb31a9b466d8c9e77a57913baa2
January 13, 2024 at 12:25:36 PM EST *
design typography webdesign
FILLER

How To Relieve Shoulder Pain | The Ready State

QRCode

Shoulder pain can be incredibly debilitating, but it doesn’t have to be. In this article, we’ll discuss its origins and its preventative and treatment measures.

  • Self-Myofascial Release (SMR)
  • Restoring Positions of Function

With the shoulders, poor positioning often looks like the shoulder joint being forward from a stable position. Rounding forward, scrunching forward, whatever you want to call it.

Ideally, the head of your shoulder should sit above your spine like a golf ball on a golf tee, perfectly vertical over your hips and ankles.

https://thereadystate.com/blogs/effective-ways-relieve-prevent-shoulder-pain/
January 13, 2024 at 12:02:03 PM EST *
shoulder mobility
FILLER

100 Maps of Moby Dick | kaleidoscopebrain.pdf - Google Drive

QRCode

I read Moby-Dick in April 2020. For weeks afterward, I couldn’t stop thinking about it. I started making maps and diagrams as a way to figure it out.

Designed by Peter Gorman, 2021
www.barelymaps.com
@barelymaps

https://drive.google.com/file/d/1ZxksF9HrAmVJwCP9zaJEKZHQqfjqSirZ/view
January 13, 2024 at 11:24:11 AM EST *
mobydick inspiration drawing design
FILLER

11ty Slugs and Anchors | 11ty Rocks!

QRCode

Enable anchor links on content headings

There are several plugins you can add to extend markdown-it, but in this example we are adding anchor links to our content headings. We're also extending the idea from our slug update to update which characters are removed and replaced to create anchors.

https://11ty.rocks/eleventyjs/slugs-anchors/#slug-filter-extension
January 13, 2024 at 11:19:25 AM EST *
eleventy accessibility blog
FILLER

14islands | The art of prompting: An introduction to Midjourney

QRCode

A great deal of my learnings and inspiration comes from the great content from Yubin Ma at AiTuts, where you can learn more about prompting and view a myriad of examples.

https://www.14islands.com/journal/the-art-of-prompting
January 13, 2024 at 11:16:15 AM EST *
midjourney llm ai
FILLER

GitHub - abi/screenshot-to-code: Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)

QRCode

Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue) - GitHub - abi/screenshot-to-code: Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)

https://github.com/abi/screenshot-to-code
January 13, 2024 at 11:14:31 AM EST *
llm programming chatgpt webdesign
FILLER

Ask HN: Tutorial on LLM / already grasp neural nets | Hacker News

QRCode

I've watched the 4 videos from 3blue1brown on neural nets. The web and youtube are awash with mediocre videos on Large Language Models. I'm looking for a good one.

This is part of a longer series but is maybe the single best video I know of on the topic:
https://youtu.be/kCc8FmEb1nY?si=zmBleKwlpV06O3Mw

I thought this video from Steven Wolfram was also quite good:
https://www.youtube.com/live/flXrLGPY3SU?si=SrP1EJFMPJqVCFPL

https://news.ycombinator.com/item?id=38438202
January 13, 2024 at 11:12:32 AM EST *
llm chatgpt ai
FILLER

The Python Tutorial — Python 3.12.1 documentation

QRCode

Python is an easy to learn, powerful programming language. It has efficient high-level data structures and a simple but effective approach to object-oriented programming. Python’s elegant syntax an...

https://docs.python.org/3/tutorial/index.html
January 13, 2024 at 11:11:18 AM EST *
python programming
FILLER

The Content Brick Method: A quicker way of creating a website structure | Octopus.do

QRCode

How to use the Content Brick Method to create a website structure in an easier and faster way? Why is this Method better for creating visual sitemaps than using mind map tools?

Even before Octopus, we knew from years of developing websites that the best way to prototype a website structure is using stickers or some other kind of paper stickers.

Lifehack

You don’t need to spend too much time thinking which wireframe goes to which content block, we’ve taken care of that for you. There aren’t too many (just 21), but they’re the most widely used. All you need to do is pick the right one for you.

https://octopus.do/journal/content-brick-method/
January 13, 2024 at 11:05:57 AM EST *
webdesign prototyping design
FILLER

How Marketing Changed OOP In JavaScript — Smashing Magazine

QRCode

Discussing the decisions surrounding JavaScript prototypes, the article by Juan Diego Rodriguez scrutinizes their origin, examines missteps in the design, and explores how these factors have affected the way we write JavaScript today.

There is no difference, and JavaScript will execute the same code, but the latter example is honest about what JavaScript is doing under the hood, while the former hides it behind syntactic sugar.

Do I have a problem with the classical approach? Yes and no. An argument can be made that the classical syntax improves readability by having all the code related to the class inside a block scope. On the other hand, it’s misleading and has led thousands of developers to believe that JavaScript has true classes when a class in JavaScript is no different from any other function object.

https://www.smashingmagazine.com/2023/12/marketing-changed-oop-javascript/
January 13, 2024 at 11:03:02 AM EST *
javascript programming oop
FILLER

Free SVG generators, color tools & web design tools

QRCode

A fun collection of free SVG generators for gradients, patterns, shapes, textures & cool backgrounds. Plus, some more color tools for web designers.

https://fffuel.co/hhhue/

https://fffuel.co
January 13, 2024 at 10:53:43 AM EST *
svg webdesign inspiration spinner colorscheme
FILLER

The DOs and DON'Ts of Gel Printing - Carolyn Dube

QRCode

What are the dos and don'ts of gel printing? It's all here along with gel printing resources, a downloadable guide and free videos!

Do use any acrylic paint. Don’t worry if the paint is the correct type for gel printing. All acrylic paints work on it!

Do get your favorite colors, even if they are different brands of paint. Don’t worry, paint doesn’t have cooties and the different brands can all play nicely together.

https://acolorfuljourney.com/dos-donts-gel-printing-resources/
January 13, 2024 at 10:51:52 AM EST *
gelli
FILLER

Introducing Fontimize| Subset Fonts to Exactly and Only Your Website's Used Characters ⸺ Dave on Design

QRCode

Fontimize: Subset Fonts to Exactly and Only Your Website's Used Characters
A Python library to subset fonts, which cuts ~95% from the size of your site’s font files & downloads/bandwidth. To use: from fontimize import optimise_fonts_for_files and call it with a list of HTML files. See the the full API docs for more info.
Find Fontimize on Github and PyPi.

https://github.com/vintagedave/Fontimize/issues/1

I randomly came across your blog post on this library and thought I'd take a look at the code. I noticed you have an accidental O(n^2) string concatenation. In a few places in your code, you're appending lists of strings. This is a problem as it creates new intermediate strings in each iteration. Here is one such example:

https://daveon.design/introducing-fontimize-subset-fonts-to-exactly-and-only-your-websites-used-characters.html
January 13, 2024 at 10:50:38 AM EST *
python fonts webdesign
FILLER

Home - Fusion™ Mineral Paint

QRCode

INTRODUCING 7 NEW SHADES2023 COLOUR COLLECTION REVEALED Click Here How to Upcycle your Furniture Click HerePaint it beautiful AVAILABLE IN PINTS AND TESTERS Click Here Paint your floors with Fusion GET INSPIRED Click Here9 moody shades 2022 colour collections of classic and jewel toned shadesClick Here50+ Colours TRUE COLOUR FAN DECKS AVAILABLE Click HereSHOP OUR […]

https://fusionmineralpaint.com/
January 13, 2024 at 10:28:21 AM EST *
woodworking furniture painting
FILLER

The hidden depths of the input element - HTMHell

QRCode

Less typing is always better
Last but not least, my absolute favourite <input> attribute is the autocomplete attribute.

For controlling the available virtual keyboards use inputmode. To control whether an <input> can be updated, but also still read and submitted, choose readonly over disabled. You can trigger the camera on mobile devices using capture. Use the spellcheck attribtue to control whether spellchecking is activated on an input, and remember to set it to "false" on sensitive inputs. Save users time by using autocapitalize to control the capitalisation of text in an input. And finally, use autocomplete to help the browser fill in the contents of an input and save your users typing.

https://www.htmhell.dev/adventcalendar/2023/8/
January 12, 2024 at 8:52:13 AM EST *
forms webdesign
FILLER

Template for accessibility guidelines - HTMHell

QRCode

This template is opinionated and intended as a starting point for those who want to define how accessibility is dealt with in their company. It does not matter whether your title is developer, designer, project manager or something else.

https://www.htmhell.dev/adventcalendar/2023/10/
January 12, 2024 at 8:50:35 AM EST *
accessibility webdesign
FILLER
19 / 215
Shaarli · The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community · Documentation
Fold Fold all Expand Expand all Are you sure you want to delete this link? Are you sure you want to delete this tag? The personal, minimalist, super fast, database-free, bookmarking service by the Shaarli community