タグ elements
人気順 5 users 10 users 100 users 500 users 1000 usersMicrosoftがバッテリー内のリチウムの約70％を置き換えられる材料をわずか数日で発見、Azure Quantum Elementsを使ったシミュレーションとAIモデルで実行
2024/01/10
278 users
リチウム
PNNL
Azure Quantum
バッテリ
破裂
リチウムイオン電池は、現代社会でスマートフォンや電気自動車などに広く使用される一方で、破裂や火災につながる危険性が指摘されています。2024年1月9日にMicrosoftとパシフィック・ノースウエスト国立研究所(PNNL)は共同で、既存のリチウムイオン電池よりも破裂しにくい可能性のある新たな固体電解質を用いたバッテリ... 続きを読む
2023年最新版: HTMLのheadの書き方、head内に記述する要素の総まとめ
2023/01/25
460 users
head
head内
HTML
要素
総まとめ
HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「HEAD」を紹介します。 HEAD: A simple guide to HTML <head> elements 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にラ... 続きを読む
周期表の元素が何に使われているのかをイラストで示した「The Periodic Table of the Elements, in Pictures and Words」 - GIGAZINE
2016/11/08
331 users
GIGAZINE
呪文
インフォグラフィック
元素
各元素
元素を原子番号順に並べた「周期表」といえば、「水平リーベ僕の船……」と謎の呪文で丸暗記した経験のある人は多いはず。しかし、そんな無味乾燥でつまらないものだと学生時代には何の興味も持てなかった周期表に、各元素がどんな用途で使われているのかを示すイラストと、簡単な特徴解説がプラスされたインフォグラフィック「 The Periodic Table of the Elements, in Pictures... 続きを読む
1万7000円のソフトが無料に!Googleが写真編集ソフト「Nik Collection」を無償化 | Techable(テッカブル)
2016/03/28
147 users
Techable
Lightroom
Aperture
無料
わずか数年前には、500ドル(約5万6000円)かかった写真編集ツール「Nik Collection」。 AdobeのPhotoshopやElements、Lightroom、またはAppleのApertureで使える7つの強力な写真プラグイン・パッケージだ。 Googleは25日、この高機能ソフトを完全無償化することを発表し、話題になっている。 ・写真編集のためのあらゆる機能がパッケージ化 Ni... 続きを読む
Chrome デベロッパーツールで知っていると、Webサイトやアプリの制作が捗る便利なテクニックのまとめ | コリス
2015/10/30
502 users
コリス
デベロッパーツール
DOM要素
タブ
テクニック
先日「Chrome デベロッパーツールの使い方」で華麗に使いこなすテクニックを紹介しましたが、それとは異なるデベロッパーツールの便利な使い方を紹介します。 Webサイトやアプリの制作時に、非常に役立つテクニックが満載です。 ※画像は元記事のものではなく、当方の環境のものを使用しています。 デベロッパーツールの便利な使い方 タブ「Elements」を選択 DOM要素を選択 右パネルのタブ「Compu... 続きを読む
ASCII.jp：競合サイトのCSSとJavaScriptを丸裸にする方法｜Web制作が3倍速くなるChromeデベロッパーツールの使い方
2015/05/25
80 users
Chromeデベロッパーツール
丸裸
CSS
Sources
Web制作の「時短」に役立つChromeデベロッパーツールの活用法を紹介する本連載。第3回は、「Elements」パネル、「Sources」パネルでサイトを検証する方法を解説します。 ※本記事は執筆時点で最新のChrome 40を使用しています。 他人のコードを効率よく調べたい！ ディレクターやデザイナーから、「このサイトみたいなデザインにしたいんだよね」と言われることってよくありますよね。また、... 続きを読む
ASCII.jp：CSSの修正が捗る「リアルタイムコーディング」とは｜Web制作が3倍速くなるChromeデベロッパーツールの使い方
2015/05/11
68 users
Chromeデベロッパーツール
CSS
Sources
修正
Web制作の「時短」に役立つChromeデベロッパーツールの活用法を紹介する本連載。第2回は、Webページの修正をリアルタイムで反映する「Elements」パネル、「Sources」パネルの使い方を説明します。 ※本記事は執筆時点で最新のChrome 40を使用しています。 細かい修正の手戻りにもさくさく対応したい！ コーディングが完了したあとで、「やっぱりフォントサイズを大きくして」「下の余白を... 続きを読む
よくあるWebデザインにSVGで一手間加え、さまざまな要素がアニメーションで楽しくなる -Elastic SVG Elements | コリス
2014/12/16
100 users
コリス
SVG
アニメーション
ゴム
操作
ボタンがぷるるんと弾けたり、サイドバーがゴムのようにびよ～んとスライドしたり、フォームがぶるったりと、Webページのさまざまな要素に柔軟性を加え、操作が楽しくなる「Elastic SVG Elements」を紹介します。...記事の続きを読む 続きを読む
Google Chrome 32でスマホのエミュレーションを行う - to-R
2014/01/29
65 users
エミュレーション
to-R
デベロッパーツール
Option
Google Chrome 32になってスマホなどのエミュレーションを行う方法がわからなくなっていたのですが、教えてもらったのでメモっときます。 Macなら⌘ + option + i、WindowsならF12でデベロッパーツールを表示。 上部のタブで「Elements」を選択。 右上のアイコンをクリックすると画面下部にウィンドウが表示されます。 右側の「Emulation」タブを選択。 最後に「... 続きを読む
ウェブデザイン用の各エレメントをフラット・ソリッドなど複数のスタイルに展開させたPSD素材 -3in1 UI Elements | コリス
2013/10/10
67 users
コリス
ソリッド
PSD素材
ウェブデザイン用
UIエレメント
ナビゲーション、パンくず、ドロップダウン、ボタンなど、UIエレメントのデザインをそれぞれフラットとソリッドと立体感のあるバルキーの3パターンに展開させたPSD素材を紹介します。 フラットが好き、ソリッドが好きでそのまま使うもよし、比較して勉強するのにもよし、のちょっといつもとは趣向の違った素材となっています。 3 in 1 User Interface Elements Kit Part 1 (F... 続きを読む
Photoshop VIP ☞ 高級感のあるレザーテクスチャを使った、iPhone用無料ユーザーインターフェースPSDセット
2012/06/19
55 users
Photoshop Vip
高級感
ＨＯＭＥ
ダウンロード
Home > ダウンロード > 高級感のあるレザーテクスチャを使った、iPhone用無料ユーザーインターフェースPSDセット iPhoneモバイル用で、レザーテクスチャを使った高級感のある、無料ユーザーインターフェースデザインをPhotoshop用PSDファイルで収録した「Zeus GUI: Full Set of iPhone GUI Elements」が公開されていたので、今回はご紹介します... 続きを読む
使いやすく、フレッシュなUIエレメントを使用しているウェブサイト集 | コリス
2011/01/06
122 users
コリス
UIエレメント
ウェブサイト
ウェブサイト集
上記
使いやすくて、美しい、フレッシュなUIエレメントを使用しているウェブサイトを紹介します。 25 Fresh Examples of Beautiful UI Elements 上記の記事で紹介されている中から、いくつかピ [...] 続きを読む