GitHub - paulirish/lite-youtube-embed: A faster youtube embed.
A faster youtube embed. Contribute to paulirish/lite-youtube-embed development by creating an account on GitHub.
Creative Coding: Generative Art, Data visualization, Interaction Design, Resources | terkelg
Creative Coding: Generative Art, Data visualization, Interaction Design, Resources. - GitHub - terkelg/awesome-creative-coding: Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.
The Best iPhone 15 Pro Max Camera Settings for Video in 2023 - Wistia Blog
We'll walk you through everything you should turn on or off in the iPhone's camera settings app.
- Switch to 4k resolution
- Shoot at 24 frames per second
- Turn off “HDR Video”
- Turn on “Grid”
- Turn off “View Outside Frame”
- Turn on “Macro Control”
Modern iOS Navigation Patterns · Frank Rausch
An unofficial bonus chapter for the iOS Human Interface Guidelines: Learn how to structure iPhone apps with drill-downs, modals, pyramids, sequences, and more.
Physical values and human perception
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}$How To Relieve Shoulder Pain | The Ready State
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.
100 Maps of Moby Dick | kaleidoscopebrain.pdf - Google Drive
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
11ty Slugs and Anchors | 11ty Rocks!
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.
14islands | The art of prompting: An introduction to Midjourney
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.
GitHub - abi/screenshot-to-code: Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)
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)
Ask HN: Tutorial on LLM / already grasp neural nets | Hacker News
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
The Python Tutorial — Python 3.12.1 documentation
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...
The Content Brick Method: A quicker way of creating a website structure | Octopus.do
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.
How Marketing Changed OOP In JavaScript — Smashing Magazine
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.
Free SVG generators, color tools & web design tools
A fun collection of free SVG generators for gradients, patterns, shapes, textures & cool backgrounds. Plus, some more color tools for web designers.
The DOs and DON'Ts of Gel Printing - Carolyn Dube
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.
Introducing Fontimize| Subset Fonts to Exactly and Only Your Website's Used Characters ⸺ Dave on Design
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:
Home - Fusion™ Mineral Paint
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 […]
The hidden depths of the input element - HTMHell
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.
Template for accessibility guidelines - HTMHell
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.