The Inter font family
Go Client for the Unsplash API
Get performance insights in less than 4 minutes. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
A utility-first CSS framework for rapid UI development.
Automated auditing, performance metrics, and best practices for the web.
Firebase Quickstart Samples for Android
Crowd-sourced code mentorship. Practice having thoughtful conversations about code.
🤠 wrangle your cloudflare workers
The project that powers MDN.
Open Graph Image as a Service - generate cards for Twitter, Facebook, Slack, etc
Issue tracker and wiki for Codewars
Inykcal is a software written in python for selected E-Paper displays. It converts these displays into useful information dashboards. It's open-source, free for personal use, fully modular and user-friendly. Despite all this, Inkycal can run well even on the Raspberry Pi Zero W. Oh, and it's open for third-party modules! Hooray!
Raspberry Pi weather display using Waveshare e-paper display and Open Weather Map API
Create a low powered, renewable generation forecast display with a Raspberry Pi Zero & Inky wHAT.
A simple Plain HTML Tailwind starter
Can I use San Francisco in my web/native app?
reddit.com/r/UI_Design | 2021-03-02
Try using Google Fonts (https://fonts.google.com) in your designs, developers will love you if you do that. They are very easy to implement and also they render on 99% of the devices. Because the way it works is that if you use a custom font like SF or any other font and for some reason there is a bug or the server or is a bit slower that font will be replaced with a back up which usually is set up to Arial or Times New Roman and you can imagine how your designs will look with those fonts. 😄
Using Google Fonts in a Tailwind project
dev.to | 2021-02-28
First of all, head over to Google Fonts and find a cool font you want to use.
My favorite fonts for developing websites
dev.to | 2021-02-25
tip: you can find fonts at fonts.google.com
HELP! My Chrome search results display a very thin, unreadable font
reddit.com/r/chrome | 2021-02-22
Uninstall the Roboto font, then install it from https://fonts.google.com .
Project - The Training Log
dev.to | 2021-02-19
Fallout 4 intro font
reddit.com/r/Fallout | 2021-02-18
This is a resource I use: https://fonts.google.com/
reddit.com/r/androidthemes | 2021-02-18
Fonts: Roboto Black. The font is preinstalled in KLWP and can also be downloaded from Google Fonts.
Pinboard Project: Part 1
dev.to | 2021-02-18
The element determines the name that is shown on in a user's browser tab. It is also used by search engines and accessibility devices as the name of the page.
- The second
element tells the browser to not automatically scale the size of our content. This is required for styling to look the same across several screen sizes such as a desktop computer and mobile phone (called responsive web design).
- The first
element loads our CSS file (
style.css) which we populated above.
script.js). In addition, the
element is created before our HTML content, inside the
- The remaining
elements are specific code that we receive when selecting fonts to use from the Google Fonts website. These are copied and pasted from the Google Fonts website, and allow us to use the fonts in question.
Next is our
element contains the actual HTML that should be shown to a user. The first element in our body is a
element will not be displayed to users but will be used by
elements within our HTML to recommend existing tag values as users type. Note that despite the
not rendering anything to users, it is required to be in the
element and not the
id="existing-tags"> Engineering Headphones Wellness Ocean Office Coding Desk Boxing LabEnter fullscreen mode Exit fullscreen mode Header Next is the element (note that this is different from ). The element groups content (shown to the user) at the top of the page. Inside our element we have the following: class="title">My Moodboard class="controls"> class="field" for="filter-input"> class="label">Filter type="search" id="filter-input" class="input" list="existing-tags" placeholder="None" > class="button" id="dialog-start">Add New Image Enter fullscreen mode Exit fullscreen mode An element that serves as the title of our page. The element will be used by search engines and accessibility devices to determine what page a user is currently on. Given that we only have one page, this can be the same as our (defined in the above section).
- By default,elements do not have any inherent meaning and are often used to group and position content. Theelement that we are using here is meant to wrap and style both the filter field and "Add New Image" button. The
classattribute is used to add styling that aligns the filter and button side by side.
element wraps the entire filter field and tells search engines and accessibility devices that the tags inside are grouped together. The
classis used to style the field itself, whereas the
forattribute points to the
idattribute of the
inputelement that is used by this
- By default
elements indicate a piece of short text used on our page. In our case, it adds a description in the top of the field. We are using the
classattribute to add the styling required to overlay the
element on top of the
element has a
typeattribute that is set to
search. This tells the browser to make use of a special search input (this has several enhancements, such as a button to clear the current search phrase). Furthermore, we have the standard
classattributes. Lastly, we add the
idvalue of our
datalist(from the previous code snippet) to the
listattribute (this links this input to our
datalist). Finally, we add a
placeholderattribute that tells the browser to display "None" when the
- Lastly, similar to the above, our button has a
classattribute for CSS styling and an
Next, we have a
element (signifying the main content of our
element). Inside the
element we have awith several
elements inside it. Each
element displays an image (and associated controls) pinned by the user. Let's take a look at a single pinned image:
class="pin"> class="image" src="https://images.unsplash.com/photo-1580894908361-967195033215?w=600" />
- class="tag-wrap"> class="tag">office
- class="tag-wrap"> class="tag">coding
- class="tag-wrap"> class="tag">desk
- The second
Applying to the MLH Fellowship: Tips & Tricks
dev.to | 2021-02-17
Get fonts from Google Fonts
A Fresh New Avenue For Google To Kill Your Saas
reddit.com/r/programming | 2021-02-17
Several days later our SEO company managed to convince Google that Google wasn't serving malware and our ad privileges were reinstated. I also raised the issue with the Google Fonts team and they mentioned that they would pursue it internally.
GB Renewable generation forecast (including Octopus energy agile tariff) display using Inky wHAT and Pi Zero
reddit.com/r/raspberry_pi | 2021-02-17
I think font selection is key to making things clear & look good, so I started looking for fonts on Google Fonts. The display is also an extension of another project we've worked on called The Baking Forecast on Twitter so the icon selection flowed from the decisions we had to make there to meet the twitter character limit. Using a small display like this imposes similar space restrictions, so it naturally becomes an exercise in making things succinct!
You can't afford not to have these!
dev.to | 2021-02-15
reddit.com/r/foreverbox | 2021-02-11
all the fonts on https://fonts.google.com are free to download; there's a "download family" button on each page.
Awesamosa: Awesome Resources for developers #01
dev.to | 2021-02-08
📌 Google Fonts 📌 DaFont 📌 UseModify 📌 1001 Free Fonts 📌 Font Squirrel
10 of the Weirdest Web Performance Tips
dev.to | 2021-02-07
Font repositories such as Google Fonts make management easy. However, self-hosting fonts on your own domain can give a performance boost: