ROBOT |
ロボスタ |
月に行く超小型の変形型月面ロボット「SORA-Q」初公開 子ども達と宇宙への夢を繋げたい 「SORA-Q」製品モデルも発売予告 |
https://robotstart.info/2022/06/16/sora-q-demo.html
|
|
2022-06-16 06:48:33 |
IT |
ITmedia 総合記事一覧 |
[ITmedia PC USER] FFF、スマホサイズの小型軽量モバイルプロジェクター |
https://www.itmedia.co.jp/pcuser/articles/2206/16/news154.html
|
fffsmartlifeconnected |
2022-06-16 15:38:00 |
IT |
ITmedia 総合記事一覧 |
[ITmedia Mobile] ドコモ、「AQUOS wish2」を6月24日発売 5G WELCOME割適用で5500円に |
https://www.itmedia.co.jp/mobile/articles/2206/16/news150.html
|
aquoswish |
2022-06-16 15:15:00 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
入社1年目の終わりにLTでPythonを使ったモジュール開発について喋ってみた |
https://qiita.com/ayuayuayu842/items/ff203c343b6f5f41ec02
|
開発 |
2022-06-16 15:07:27 |
Ruby |
Rubyタグが付けられた新着投稿 - Qiita |
対象の文字列から指定した文字を取り出すscanメソッド |
https://qiita.com/Ta_Tos/items/8b5b20d88aa2d9194c22
|
entgreatgoodbadgoodgood |
2022-06-16 15:05:12 |
GCP |
gcpタグが付けられた新着投稿 - Qiita |
gcpdiagのススメ |
https://qiita.com/pict3/items/16e6a68488bbc2ea75d5
|
cloud |
2022-06-16 15:22:04 |
Ruby |
Railsタグが付けられた新着投稿 - Qiita |
nested_attributesの中のattr_accessorが時々callbackを発火させない件 |
https://qiita.com/jerrywdlee/items/7df071e6499b4c8985f2
|
estroyacceptsnestedattrib |
2022-06-16 15:34:58 |
技術ブログ |
Developers.IO |
別アカウントのS3バケットのイベントに基づいて、Lambdaを起動してS3 Syncしてみた |
https://dev.classmethod.jp/articles/s3-cross-account-lambda-invoke/
|
lambda |
2022-06-16 06:05:54 |
技術ブログ |
Developers.IO |
S3バケットのクロスアカウントレプリケーションを試してみた |
https://dev.classmethod.jp/articles/try-s3-cross-account-replication/
|
送信先 |
2022-06-16 06:04:04 |
海外TECH |
DEV Community |
CSS Logos: Dribbble logo |
https://dev.to/dailydevtips1/css-logos-dribbble-logo-lem
|
CSS Logos Dribbble logoWhile looking for inspiration for logos to recreate I browsed Dribbble the designer social network Then it hit me why not create the Dribbble logo The one we will be recreating is this one Analysing the logoWe can see the logo represents a basketball a reference to the product s name At first glance we see it s a round shape with three lines over it If we look beyond the scope of the round shape we can even see these three lines are more oversized round shapes sitting on top of it So to recreate this in CSS we need to start with a round outline and use some child elements to place the three extra lines Our outer shape will then receive an overflow none to hide the excess rounds CSS Dribbble logoLet s start by setting up our HTML I want to keep this as clean as possible so I ll only use one div and one extra element lt div class dribbble gt lt span gt lt span gt lt div gt Let s create some root variables to set the container size and the border styles as we will need them more than once root size rem border em solid c Then let s create the main ball round outline dribbble position relative width var size height var size overflow hidden background color eac border radius border var border border radius This should give us a round surface to work with An important thing to note on this ball is the overflow hidden This property will make sure nothing outside of this shape will show Now you might wonder how we get the three overlapping shapes with only one element span And the question is pseudo elements In our case we ll use before and after to create the top and bottom lines And the span for the middle one Let s start with setting selectors that are the same for all three The following code is SCSS so we don t have to copy paste it often dribbble amp before amp after span content position absolute border var border border radius Here we set the position to absolute the border to our border variable and the radius to to make these shapes round Note Nothing will show up yet as we haven t set the sizes Let s quickly set the sizes for the top and bottom lines dribbble amp before amp after width height This should add two ellipsis shapes to our ball Now all that s left for the top and bottom is to position them correctly I will also apply a rotation to make it look more perspective like dribbble amp before top left transform rotate deg amp after bottom left transform rotate deg This code ensures that the top and bottom are shown correctly The next part is the middle line for which we ll use the span element This uses the same technique but we adjust the height to be bigger than the width dribbble span width height top left transform rotate deg And that s it We should now have our Dribbble logo in CSS You can see the completed result in this CodePen Thank you for reading and let s connect Thank you for reading my blog Feel free to subscribe to my email newsletter and connect on Facebook or Twitter |
2022-06-16 06:22:14 |
Apple |
AppleInsider - Frontpage News |
Hands on with the new Apple Watch faces in watchOS 9 |
https://appleinsider.com/articles/22/06/15/hands-on-with-the-new-apple-watch-faces-in-watchos-9?utm_medium=rss
|
Hands on with the new Apple Watch faces in watchOS Even without third party faces watchOS is still set to deliver some new face designs for Apple users We re going hands on with all of the new faces as well as the newly updated faces Some of the new faces in watchOS We installed the initial developer beta of watchOS on our Apple Watch to test the new faces for ourselves It s been about a week and we love some of the improvements Apple has made Read more |
2022-06-16 06:26:19 |
海外科学 |
BBC News - Science & Environment |
Climate change: Rich nations accused of 'betrayal' at Bonn talks |
https://www.bbc.co.uk/news/science-environment-61819852?at_medium=RSS&at_campaign=KARANGA
|
divisive |
2022-06-16 06:41:05 |
金融 |
JPX マーケットニュース |
[TOCOM]最終決済価格(2022年7月限):LNG(プラッツJKM) |
https://www.jpx.co.jp/markets/derivatives/special-quotation/index.html
|
jkmtocom |
2022-06-16 15:15:00 |
金融 |
日本銀行:RSS |
貸出増加を支援するための資金供給の実施結果(2022年6月実施分) |
http://www.boj.or.jp/announcements/release_2022/rel220616b.pdf
|
資金供給 |
2022-06-16 16:00:00 |
ニュース |
BBC News - Home |
Lord Geidt quits: Boris Johnson's ethics adviser resigns |
https://www.bbc.co.uk/news/uk-politics-61819747?at_medium=RSS&at_campaign=KARANGA
|
ministerial |
2022-06-16 06:37:56 |
ニュース |
BBC News - Home |
Climate change: Rich nations accused of 'betrayal' at Bonn talks |
https://www.bbc.co.uk/news/science-environment-61819852?at_medium=RSS&at_campaign=KARANGA
|
divisive |
2022-06-16 06:41:05 |
IT |
週刊アスキー |
本日6月16日は「スペースインベーダーの日」!それを記念して関連作が最大60%オフとなるセールを開催中 |
https://weekly.ascii.jp/elem/000/004/094/4094945/
|
nintendo |
2022-06-16 15:50:00 |
IT |
週刊アスキー |
今年は丑の日が二回! 「名代 宇奈とと」、丑の日に向けた弁当の予約受付を開始! |
https://weekly.ascii.jp/elem/000/004/094/4094908/
|
factory |
2022-06-16 15:30:00 |
IT |
週刊アスキー |
オフィシャルユニフォームをお買い得価格で購入できるチャンス! 横浜FC公式オンラインストア「SUMMER SALE」6月16日17時より開催 |
https://weekly.ascii.jp/elem/000/004/094/4094910/
|
summersale |
2022-06-16 15:30:00 |
コメント
コメントを投稿