Each time I work on a component that needs absolute positioning, I ask myself: is it really necessary? I started to notice a few use-cases where using position: absolute isn’t needed. I found this interesting and I thought about documenting the use-cases that I usually came through while working on front-end projects. In this article, I will explore a few use-cases that using absolute positioning
Text2Landscape: Visualize a Text in Multiple Spaces with R — Force-directed networks, Biofabric, Word Embeddings, Principal Component Analysis and Self-Organizing Maps
First Visualizations: Frequencies Let us first visualize word frequencies. We can get these frequencies with the quanteda package, which implies transforming the column of lemmas (text.lemmas$lemma) into a quanteda tokens object, then to a document-feature matrix. Doing so, we only retain significant parts of phrases (nous, proper nouns, verbs and adjectives). This only partially spares us the tas
My brother is a fresh computer engineering graduate and he is currently finishing his internship in front-end development. He learned about both CSS grid and flexbox, but I noticed a pattern that I see a lot on the web. He can’t decide when to use grid or flexbox. For example, he used CSS grid to layout a website header and mentioned that the process wasn’t smooth as he played with grid-column and
The CSS behind Figma
While learning how to build a Figma plugin, I stumbled upon a few interesting usages of Flexbox and Grid in Figma. When I found them, I just got distracted and couldn’t resist digging more. Flexbox and Grid have been providing us web developers with lots of new capabilities to build new layouts, and what I will show you in this article is just that. To move along with this article, you don’t need
A few weeks ago, Adobe released a web version of Photoshop that is built with the web technologies like WebAssembly, web components, P3 colors, and a lot more. Photoshop was the first professional design app that I learned when I was 14 years old. It was one of the reasons that I became a designer, and eventually a front-end developer. Because of that, I thought it would be interesting to see how
A Complete Guide To Accessible Front-End Components — Smashing Magazine
In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. Recently we’ve covered CSS Auditing Tools and CSS Generators, and this time we look into reliable accessible components: from tabs and tables to toggles and tooltips. Table of ContentsBelow you’ll find an alphabetical list of all accessible components. Skip the table of contents, or j
Detecting COVID-19 in X-ray images with Keras, TensorFlow, and Deep Learning - PyImageSearch
Deep Learning Keras and TensorFlow Medical Computer Vision Tutorials by Adrian Rosebrock on March 16, 2020 In this tutorial, you will learn how to automatically detect COVID-19 in a hand-created X-ray image dataset using Keras, TensorFlow, and Deep Learning. Like most people in the world right now, I’m genuinely concerned about COVID-19. I find myself constantly analyzing my personal health and wo
Spreadsheet＆Hubotで社員情報をSlackから検索できるようにした | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
上記の項目の中で、手動で埋めとかなければならない情報、クローリングの情報の鍵となる情報を記載しておきます。今回でいえば下記の情報をあらかじめ入力する必要がありました。 社員番号 姓名／日本語 姓名／英語 あだ名／日本語 あだ名／英語 チーム ユニット メールアドレス LIGブログID ①GASでLIG Blogをクローリングする LIG Blogをクローリングするのはこれで何度目になるでしょう。いま思えばさまざまな言語、方法でLIG Blogのクローリングを行ってきました。今回はGAS、ライブラリを使います。 下記を利用させていただきました。 Parser https://www.kutil.org/2016/01/easy-data-scrapping-with-google-apps.html タグの始まりと終わりを指定して、中の文字列を持ってくるというシンプルなライブラリですが、セレ
CSS Viewport Units
CSS Viewport units have been around for the last few years, and by time, I see them being used more and more by developers. Their benefit lies in providing us with a way to size things in a fluid and dynamic way, without the need to use JavaScript. Also, it’s easy to provide a fallback if they fail. In this article, we will learn about CSS viewport units and how to use them, along with some use-ca
Intrinsic Sizing In CSS
In CSS, we have two ways of sizing, intrinsic and extrinsic. The latter is the most common one which means using fixed values for the width or height of an element. The first one means that the sizing of an element depends on its content size. Through this article, I will explore each of the intrinsic values and see how we can get the benefit of them. Also, I will explain how to use those intrinsi
Generalizing 'jq' and Traversal Systems using optics and standard monads
Hi folks! Today I'll be chatting about Traversal Systems like jq and XPath; we're going to discover which properties make them useful, then see how we can replicate their most useful behaviours in Haskell using (almost entirely) pre-ols!existing standard Haskell tools! Let's go! What's a Traversal System? First off I'll admit that "Traversal System" is a name I just came up with, you probably won'
20,000 Startup Ideas
20,000 Startup Ideas (This data comes from the O*NET web site.) This gives a kind of map of the territory of current economically important human activities. Therefore it represents a good source of startup ideas. It maybe is even the listing of approximately all startup ideas. Visit individuals in homes or attend group meetings to provide information on agency services, requirements, or procedure
Stable Diffusion プロンプト（呪文）一覧
Stable Diffusion Web UIは、AIの力で想像を超えた画像を生み出すツールです。 あなただけの魔法の呪文となるプロンプトを カテゴリ別に分かりやすく紹介しています。 カテゴリ別ページも用意しているのでじっくりと探したい方はそちらもぜひご覧ください。 1ページですべての呪文を公開しているのでページ移動の手間なくサクサクと検索できます。 初心者でも安心！ 各呪文には、使用例や詳細な解説を掲載しているので すぐにStable Diffusion Web UIを使い始められます。 Stable Diffusion Web UIで無限の可能性を解き放ちましょう！ ここでは、私が実際に使用している Stable Diffusion で使えるプロンプト（呪文）を紹介するよ 2024/04/05 鼻のプロンプト（呪文）を追加したよ！ Stable Diffusion プロンプト（呪文）っ
Plan 9 Desktop Guide
PLAN 9 DESKTOP GUIDE INDEX What is Plan 9? Limitations and Workarounds Connecting to Other Systems VNC RDP SSH 9P Other methods Porting Applications Emulating other Operating Systems Virtualizing other Operating Systems Basics Window Management Copy Pasting Essential Programs Manipulating Text in the Terminal Acme - The Do It All Application Multiple Workspaces Tiling Windows Plumbing System Admin
Learn CSS Subgrid
Even though CSS grid is one of the greatest additions to CSS, it was lacking one important thing, which is to make an element inherit the columns or rows from its parent. CSS subgrid can help us in doing that. It has been requested for years and now that both Firefox and Safari Technology Preview support it, I thought about giving it a chance. In this article, I will try to highlight the problem t
Spacing in CSS
If two or more elements are close, then the user will assume that they somehow belong to each other. When grouping multiple design elements, the user can decide how they relate to each other by the amount of space between them. Without spacing, it will be hard for a user to skim a page and know what items that are related and what are not. In this article, I will cover everything you need to know
Meet the doctor who ordered the Bay Area’s coronavirus lockdown, the first in the U.S.
She is the Bay Area’s Anthony Fauci, Santa Clara County’s most “essential” employee, the one who banished us from Sharks hockey games, canceled her own daughter’s high school prom — and eventually shut in 6 million Bay Area residents in six neighboring counties to slow the stampede of a deadly pandemic. You could be forgiven if you’d never heard of Sara Cody before Jan. 31 — what seems like a cent
When I encounter a new product, one of the first things that comes to mind is how they implemented the CSS. This was no different when I came across Threads by Meta. I quickly explored the mobile app and noticed that I could preview public posts on the web. This presented an opportunity for me to dig deeper. I came across a few interesting findings, which I will discuss in this article. Let’s dive
Long-term Building in Japan
Infrastructure Long-term Building in Japan It is striking that this part of Japan houses two sets of structures, both of nearly equal age, and both made of largely ephemeral materials that have lasted over 14 centuries through totally different mechanisms and religions. By Alexander Rose @zander Sep 10, 02019 When I started working with Stewart Brand over two decades ago, he told me about the idea
Project RADAR: Intelligent Early Fraud Detection System with Humans in the Loop
You’re seeing information for Japan . To see local features and services for another location, select a different city. Show more Introduction Uber is a worldwide marketplace of services, processing thousands of monetary transactions every second. As a marketplace, Uber takes on all of the risks associated with payment processing. Uber partners who use the marketplace to provide services are paid
In this new article about my rebuilding a layout, I’m exploring TechCrunch. I had a quick look at it and thought it would be interesting to dive in and see how modern CSS can make things better. First, I will analyze the layout and think aloud with you about the decisions that the team made. Once that is finished, it will be the time to dive in and share my thoughts and ideas on how to approach th
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Less Absolute Positioning With Modern CSS
Grid for layout, Flexbox for components - Ahmad Shadeed
CSS Findings From Photoshop Web Version
CSS Findings From The Threads App
Case Study: Rebuilding TechCrunch layout with modern CSS