Qiita Trends
@qiita
3 subscribers
4.44K links
Unofficial qiita trend channel

source code: https://github.com/vbalien/qiita-trend-channel
Download Telegram
About
Blog
Apps
Platform
Join
Qiita Trends
3 subscribers
Qiita Trends
【第八回】コロナ禍だから何かできることをー　自宅療養者連絡ツール　ー
LGTM: 5
#PHP #CSS #jQuery #linebot #コロナ禍

Link: https://qiita.com/STYLE-D/items/c32e9098a3948e8f32f2
Qiita
【第八回】コロナ禍だから何かできることをー　自宅療養者連絡ツール　ー - Qiita
前回までのあらすじ

【第七回】コロナ禍だから何かできることを


実装イメージ図

LINEを利用して保健所の担当者の負担を軽減するとともに、自宅療養者はいつでもつながっている安心感を持たせるためのツールイメージです。


今回...
1 viewedited  
この記事を読む
Qiita Trends
【第九回】コロナ禍だから何かできることをー　自宅療養者連絡ツール　ー
LGTM: 4
#PHP #CSS #jQuery #linebot #コロナ禍

Link: https://qiita.com/STYLE-D/items/77eb6a8e61ae2201565f
Qiita
【第九回】コロナ禍だから何かできることをー　自宅療養者連絡ツール　ー - Qiita
前回までのあらすじ

【第八回】コロナ禍だから何かできることを


実装イメージ図

LINEを利用して保健所の担当者の負担を軽減するとともに、自宅療養者はいつでもつながっている安心感を持たせるためのツールイメージです。


今回...
1 view
この記事を読む
Qiita Trends
コードブロックにCSSだけで行番号を表示する
LGTM: 28
#CSS

Link: https://qiita.com/suin/items/209a1211892c142da882
Qiita
コードブロックにCSSだけで行番号を表示する - Qiita
下図のようにコードブロックにCSSで行番号を表示する方法を紹介します。




前提

CSSで行番号を表示するにあたって、コードブロックのHTMLは行が<span>などの要素で表現されている必要があります。




行番...
1 viewedited  
この記事を読む
Qiita Trends
プログラミングスクールの講師を2年間続けて限界が来て辞めた話
LGTM: 377
#PHP #HTML #CSS #初学者向け #プログラミングスクール

Link: https://qiita.com/Yuhi_M/items/a4cfcea07a93fc593ea9
Qiita
プログラミングスクールの講師を2年間続けて限界が来て辞めた話 - Qiita
はじめに

某プログラミングスクールで二年間講師をしてました。
受講生の方からの評価点は平均より高く、最終的には全インストラクターの中から代表に選ばれる立場にまでなりました。


始めた経緯

もともと、プログラミングスクールをい...
2 viewsedited  
この記事を読む
Qiita Trends
ie11がお亡くなりになった後に利用可能なcss周辺
LGTM: 114
#CSS #Sass #scss #IE11 #フロントエンド

Link: https://qiita.com/high-g/items/1f02d6086968b8f624c3
Qiita
ie11がお亡くなりになった後に利用可能なcss周辺 - Qiita
先日、コリスで紹介されたcssプロパティのaspect-ratio（ie11以外のモダンブラウザで利用可）に感動して、ie11がお亡くなりになってから利用できる他のcss周辺技術が気になり調査してみた。


aspect-ratio
...
2 viewsedited  
この記事を読む
Qiita Trends
TailwindCSS と比べつつ Chakra UI に入門する
LGTM: 15
#CSS #React #tailwindcss #chakra-ui

Link: https://qiita.com/JSON_HardCoder/items/4ac6314e940ec6d2ad1a
Qiita
TailwindCSS と比べつつ Chakra UI に入門する - Qiita
背景

さまざまなCSS フレームワークが登場し、最近は Tailwind CSSが注目され話題になっていたのは認識していました。そんな中、一部でChakra UIなるものの名前も見るようになり、さらにTailwind CSSと比...
2 viewsedited  
この記事を読む
Qiita Trends
【TailwindCSS＋React+Next.js】Next.jsでの画像の表示とアスペクト比の保ち方
LGTM: 3
#CSS #React #next.js #tailwindcss #fwywd

Link: https://qiita.com/takara03/items/f6a1cb57d3580feccc4e
Qiita
【TailwindCSS＋React+Next.js】Next.jsでの画像の表示とアスペクト比の保ち方 - Qiita
はじめに

Next.jsのnext/imageを使用した静的ファイルの表示方法と、画像を表示させたさせた際に、画像の比率を維持することに困ったため、その方法を簡単にまとめました。


環境


OS：macOS Big Sur ...
2 views
この記事を読む
Qiita Trends
CSS @keyframesでアニメーション作って遊んでみた
LGTM: 4
#CSS #animation #初学者向け #初学者 #マイスター・ギルド

Link: https://qiita.com/ORESAMAChanMg/items/c02552fc99d2d12fa929
Qiita
CSS @keyframesでアニメーション作って遊んでみた - Qiita
対象読者


アニメーションに興味ある人
CSS @規則 keyframesに触れてみたいなっていう人
ちょっとHTML/CSSを理解している人（初学者）



前置き

始めまして、マイスター・ギルドのおれさまちゃんです（ひどい...
1 viewedited  
この記事を読む
Qiita Trends
時期が時期なのでハロウィーン仕様の404ページを作ってみた
LGTM: 18
#CSS #アニメーション

Link: https://qiita.com/haruyoshi_o/items/bfa56577ab20ac0cb071
Qiita
時期が時期なのでハロウィーン仕様の404ページを作ってみた - Qiita
期間限定だが、404ページをハロウィーン仕様にしてみました。
ページを読み込んだら、1秒かけてカボチャの口が開いて、メッセージ「404 File not found.」が表示されるというアニメーションです。

右上の「EDIT ON ...
1 viewedited  
この記事を読む
Qiita Trends
「絶好調」「好調」「普通」「不調」「絶不調」を顔判定！
LGTM: 12
#HTML #CSS #JavaScript #codepen #TeachableMachine

Link: https://qiita.com/dsvvpxgcseldie/items/96084830002a8376d0a5
Qiita
「絶好調」「好調」「普通」「不調」「絶不調」を顔判定！ - Qiita
今日の体調を顔で判定してくれる！

出社時、上司に「顔疲れているよ、大丈夫？」とか、「疲れてそうだね」とか顔で決めつけられるシーンとかよくありますよね？店舗で勤務している時も従業員に、「店長大丈夫？最近寝てないでしょう？」「店長顔...
1 viewedited  
この記事を読む