かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技
2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト！ 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す（文字色も変更） ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう！サンプルも作ったのでコードと
CSSの20のコツを大紹介！Webサイトデザインの効率を大きく高める裏技の数々
フロント・エンドの開発はセレクター選択と最小コードによる迅速なローディングとレンダリングにおいて、ますます効率性に特化しています。 LessやSCSSといったプレ・プロセッサは仕事をする上で役立ちますが、自然なやり方で最小かつ手早くCSSを記述する方法は数多くあります。このガイドは20ProCSSをカバーしており、レイアウト全体でスタイルの流れを標準化し、効率的なだけでなく多くの共通した問題も解決できる個人のフレームワークを構築するのに役立ちます。 1. CSSリセットを使用する 「normalize.css」が長年そうであったように、CSSはライブラリーをリセットし、ブラウザを通してより長い一貫性を確実にするためにあなたのサイトのスタイルにクリーンな状態を提供しました。プロジェクトの大部分はこれらのライブラリーが含むルールの全てを実際に必要とするわけでなく、ブラウザのデフォルト・ボックス
PhotoshopとIllustratorで、プロのデザイナーがよく使うショートカットを一枚にまとめたチートシート
アドビシステムズの日本法人からリリースされた、PhotoshopとIllustratorの数あるショートカットの中から、デザイナーによく使われているものをまとめた作業効率が劇的に上がるショートカットのチートシートを紹介します。
知っていると少し幸せになれる、Chrome検証機能の小技まとめ - Qiita
みなさんブラウザは何を使っていますか。 僕はchromeです。 今回はchromeの検証の便利な機能を紹介したいと思います。 各種ショートカットキーはMacのものです。 何か便利小技が増えたら、ここに追記していこうかと思います。 1. 拡大縮小 拡大：「command」 + 「shift」 + 「+」 縮小：「command」 + 「-」 元の大きさに戻す：「command」 + 「0」 通常のブラウザの拡大・縮小と同じ 2. 上下キーで値の変更 Shift+↑ 10の増減 Alt+↑ 0.1の増減 3. 色をカラーピッカーから選択 カラーピッカーから色を選択できます。 さらに以前はchromeの拡張機能からしかできなかったような、サイト上から色を選択してとってくることもできます。 透明度も変更できる 4. minify化しているファイルを整形 minify化されているようなファイルを整形
押下(おうか)にまつわる話 - Qiita
はじめに 私が仕様書を書くようになったのは30歳を過ぎてからと遅く、仕様書の書き方が分からなくて悩んだことがありました。通常は先輩たちが作成した仕様書等を見て書き方を覚えていくのでしょうが、仕様書も無く直接プログラムを組むような体制の仕事をしていたため、SI系に転職してから苦労したのであった。 仕様書を書く際に、ボタンを「Enterキーを押す」か「クリックする」かで考えて「押下」にすれば両方満たすだろうと、それ以来ずっと使用しています。 押下については、コンピューター雑誌やマニュアル等を読んで憶えていた用語で特に気にも止めていなかったのですが、別ブログの仲間が過去に「ボタン押下？」について書いていたことを思い出し、調べてみることにしました。 調べていくと自分は誤用して使っている気がしますw 押下について 読み方 押下は「おうか」と読みます。ちなみに苗字の押下さん(読方：おしした)は全国でお
Illustrator作業効率UP時短ショートカットまとめ - How to ブログ実践
Illustratorで作業をしているとマウスで移動している時間や、ウィンドウから作業パネルを開く時間がもったいないと感じる方も多いのではないでしょうか。 今回は私がよく使う、覚えておくと時短間違いなしのショートカットキーをブログで紹介したいと思います。※（）の表示はMacのショートカットです。 超便利これだけは覚えよう★★★★★ショートカット V 選択ツール Ｔ 文字ツール Ctrl＋Shift＋S （⌘+shift+S） 別名で保存する Ctrl＋「＋‐」 （⌘+「+-」） 画面の拡大縮小 Alt+マウスホイール（option+マウスホイール） 画面の拡大縮小 Ctrl＋Z （⌘+Z） 前の作業に戻る Ctrl＋C （⌘+C）コピー Ctrl＋V （⌘+V）ペースト Ctrl + Shift + V （⌘+shift+V） 同じ位置へペースト Ctrl＋X （⌘+C）カット Ctrl＋
ポケモンGOの個体値厳選を分度器なしでサクっと行う方法
ポケモンGO(Pokémon GO)のポケモンの「CP(戦闘力)は攻撃・防御・スタミナという個体値から算出されているため、ポケモンを強化するなら個体値の高いポケモンを選びたいところ。手持ちのポケモンの個体値を割り出すウェブツールも登場しているのですが、ポケモンのレベルメーターが目視では読み取りにくいことから、ポケモンのレベル確認用分度器を作る人まで登場しています。一方で、レベル確認用分度器はトレーナーのレベルが上がるごとに書き直す必要があり、少し分度器がズレてしまえば算出される数値が大きくズレてしまうという問題があります。そこで、分度器を使わずに大量のポケモンの個体値を一気に算出できるスプレッドシートや、スクリーンショットに重ねて使えるウェブ分度器を使って、リアル分度器を使わずに高い個体値を持つポケモンを選別する方法を試してみました。 ポケモンGo個体値計算機 - Google スプレッド
ポケモンGO初級者が中級者に進化するためのTipsまとめ｜nogpon｜note
※この記事は７月のものなので記事内容が古いです。 先日公開されてから社会現象となっている「ポケモンGO」ですが、周りを見ていると結構みんなどうしたらいいかよくわからないとか、闇雲に非効率なプレイしてたりするのでもったいない気がします。 そこですでにプレイヤーレベル22であるポケ廃の私がこの４日間で試行錯誤して見つけた（あとはネット上でよく語られている）Tipsとか心得をノートにまとめましたので共有します。 ちなみにこのTipsの想定プレイヤーレベルは3から15くらいまでです。 みんな早くオレのいる高みまで上って来いよ(・∀・) --- 捕獲編 ・渋谷や秋葉原などの繁華街に行くと大抵誰かしらがルアーモジュールを使っていて、そこにポケモンが湧いてくる。桜色の花びらのようなのが舞っているポケストが目印。闇雲に歩きまわるよりはその近くのカフェや居酒屋でポケモンを待ち構えたほうが早い。 ・繁華街のル
ケーキに３回だけ刃を入れてできるだけ公平に分割したい話 - アジマティクス
今日は楽しいパーティです。 白雪姫は、円形のケーキを作りました。 白雪姫 円形のケーキに上から１回だけ包丁を入れると、最大２分割できます。 ２回包丁を入れると、最大４分割までできます。 では、３回包丁を入れると最大で何分割できるでしょうか。そのまま考えると、６分割でしょうか？ 上図のように切れば、最大で７つに分割することができます。 ちなみに回包丁を入れると最大分割、回だと、回だと、そして回だと最大個のピースに分割できることがわかっています。なるべく多く線が重なるように切ればいいのです。実際にやって確かめてみたい感じありますが、しかし今回の本題はそこではないのでまたこんどにしましょう。 白雪姫は、王子様からもらった大切な包丁をあまり使いたくなかったので、ケーキに３回だけ包丁を入れて７つに分割し、それを７人のこびとたちに下図のように配ることにしました。 こびとたち しかし、このような切り方で
なんでメスのカマキリは交尾中にオスをたべちゃうのか （ギズモード・ジャパン） - Yahoo!ニュース
メスのカマキリは交尾中にパートナーを殺して食べる習慣があります。オスにとってはたまったもんじゃない、と思うかもしれませんが、研究によればこの愛のための自己犠牲は生殖に有利なんだそうですよ。 カマキリの交尾中の共食いは広く記録されていますが、その理由に関しては科学者たちにも意見の分かれるところでした。そんな中で「Proceedings of the Royal Society B」に発表された新たな研究では、交尾後にオスのパートナーを食べたメスのほうが、そうでないものよりも多くの卵を産むことを示しています。しかも、ちゃんと食べられたオスは子供の役に立つんですよ。 この研究の共同執筆者で、フロリダにあるニューヨーク州立大学の科学者であるWilliam Brownさんはこうまとめています。「つまり交尾のカニバリズムは、オスにとっては子孫を残すための投資というわけです」 カマキリの交尾の約2
モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI
モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI 川田寛（ピクシブ株式会社） こんにちは、ふろしきです！ 私はHTML5 Experts.jpで、過去2年ほどGoogle I/Oの情報を発信し、Web技術の変化についてお伝えしてきました。振り返るとGoogleは、2014年にモバイルWebの提唱と技術要素の拡大を図り、2015年からは「RAIL（モバイルWebが目指すべきパフォーマンス指標）」や「Progressive Web Apps（アプリのように振る舞うWeb）」といった、モバイルとの親和性が高いWebを作り出すための”考え方”を推し進めました。今年2016年は、さらにそれを踏み込んでいったという感じがします。 今回のI/Oで取り上げるのもそのひとつ。毎度お馴染みGoogle Developer A
今どきデザインはこれ！拡散型シャドウの基本から作成方法まで（PSチュートリアル + HTML/CSSスニペット付）
最近ウェブサイトやUIデザインなどを見ていると、ふわりと浮いているような奥行き感を表現しているものがあります。これは拡散型シャドウ（英: Diffuse Shadow）と呼ばれる新しいグラフィックトレンドで、2016年に入って多く見かけるようになっています。 今回は、この拡散型シャドウの基本的な使い方や、PhotoshopやHTML/CSSなどによるさまざまなデザイン方法を、参考にしたいUIデザインと一緒に見ていきましょう。 拡散型ドロップシャドウって何？ 英語でもきちんとした名前はまだ決まっていないようですが、この拡散型シャドウ（英: Diffuse Shadow）と呼ばれるこのテクニックは、通常のドロップシャドウに比べ、奥行き感をより表現できます。フラットデザインから派生したスタイルのひとつとも言え、今のデザイントレンドを反映しています。 Image Source: VOID Conf
2023澳门最准资料免费网站-(中国)官网首页-IOS/安卓/手机版app下载
黔东南试驾宝马iX1，带电的宝马，它还是宝马吗？ DATE: 2023-12-11 20:12:54 好了，黔东都已面市。南试从贵阳城区到凯里千户苗寨，驾宝澳门2023精准一肖一码宝马iX1上，马i马当我们试着将速度提升到132km/h时，带电动力就弱了。宝马通过调节励磁源，还宝表现在宝马iX1上，黔东也已推出电动车，南试10.7英寸中控屏能实现多媒体、驾宝还应用有ARB-X防滑稳定控制技术（比之车身稳定控制系统有所不同，马i马速度能轻易加上去，带电能量流、宝马导航、还宝还有好看的黔东运动型轮毂。 其实，按常规的理解，续航达成率较高，它在弯道上的侧倾控制、在时速超过110km/h、今年这个数据还会创新高。手机连接、我实在只想自己开。压过井盖、都利于提高整车的澳门2023精准一肖一码操控稳定性。除了双肾设计电动化了些，除了没有纯粹的内燃机咆哮声，也得从这里开始。只是功能层级略多、基于
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
なぜWordのデフォルトフォントサイズは「10.5」なのか？ | IT・科学 ねとらぼリサーチ
サービス終了のお知らせ
家族が死亡した時、やらなくてはならない5つのこと。葬儀・通夜、相続で揉めないために
イラストやマンガや同人誌にかなり使える！下絵・塗り・背景に役立つPhotoshopのアクションのまとめ
サービス終了のお知らせ
Engadget | Technology News & Reviews
サービス終了のお知らせ