はじめに React（通称 React.js1）を全く知らない、あるいは幾つか記事を見たけどなんなのかピンと来ていない、という人のために書いています。 「jQuery くらいしか知らない」くらいの人に具体的に雰囲気を知ってもらうのが目的であり、すでにやる気がある人向けのチュートリアルではありません。やる気が出れば日本語版ドキュメントを読んで手を動かせばあっという間なので、そこまでの興味が出ることを目標にしています。 以降では ES2015 (ES6) の文法（アロー関数とか）を使っています。この部分が怪しい人は先にアロー関数と const 文だけでも知ってから先に進んでください。 以下の説明中、このアイコンで表すのは（2023 年現在から見た）『昔話』です。新しく自分のコードを書く際には本来知らなくていいことですが、古い記事を見たときに混同しないための参考情報として書いてあります。この記事
CSS Flexboxとは水平または垂直に要素を配置し、柔軟なレイアウトを実現できるCSSのレイアウトモジュールです。複雑なレイアウトでも今までより少ないコードで、よりシンプルなプロセスで実装することができます。 CSS Flexboxの基礎知識、Flexboxの各プロパティがどのように機能するのか、Flexboxでどのようにレイアウトを実装するかを視覚的に解説します。 【アップデート: 2022年6月16日】 IEがサポート終了したことにあわせて、修正しました。 【アップデート: 2021年8月1日】 Flexboxの解説を2021年の現状にあわせて、修正しました。 【アップデート: 2020年8月23日】 Flexboxの解説を2020年の現状にあわせて、修正しました。 【アップデート: 2019年3月27日】 Flexboxの解説を2019年の現状にあわせて、修正しました。 【アップ
サルワカでは「見出し」や「ボタン」などWebサイトのパーツごとに様々なデザインサンプルを作成しています。どれもHTMLとCSSのコピペだけで使えるものです（いわゆる「スニペット」というものですね）。 サンプルの数がかなり増えてきたので、このページでまとめておこうと思います。ブログのデザインカスタマイズの際に是非ご活用ください。 1. ボタンのCSSサンプル コピペで使えるボタンデザイン集です。シンプル、フラット、立体的、円形のものなど、かなりのバリエーション数を用意しました。気に入ったCSSを追加しておけば、記事内にHTMLテンプレを書くだけで好きなデザインのボタンが表示できるようになります。
今回はCSSの超便利な疑似要素「after」と「before」の使い方をまとめます。初心者の方でも分かるように丁寧に解説していきます。
2017年末、家族が使うMacをリプレースしました。元のマシンは2013年に購入したもので、とっくに保障期間が過ぎていたのです。 新たに購入したのはMacBook Pro。しかも、最新のTouch Bar内蔵で指紋認証のTouch ID搭載です。私の仕事用マシンよりハイスペックなMacに家族は大喜び。早速、フル活用しています。 「タブレットでも十分？」と思っていたけれど この買い換えが、Webとメールを見る程度にしか使っていない親のためであれば、スマートフォンやタブレットで代替できると思ったでしょう。しかし、30～40代が使うとなると、ちょっと話は変わります。キーボードに慣れており、重いサイトを見ることも多いからです。 メールはともかく、Webブラウザが消費するメモリは意外と多く、CPU使用率も高くなるので、それなりに高いスペックを求められることが多いのです。そのほとんどは余計なアニメーシ
石は2017年3月、トレジャーハンターのマヌエル・ランヘル・ビゲラスとホセ・アガージョの両氏によって発見されたものだが、彫刻の存在が明らかになったのはつい最近のことだ。 he caves of Mexico hide the proof of the existence of the Strangers 洞窟内で発見された驚きの彫刻 調査チームは生い茂った草の中を何時間も歩き回り、ひっそりと口を開いた3つの洞窟を発見。その内2つの洞窟で驚きの発見があった。 数個の石が見つかのはその一方で、そこに刻まれていた彫刻は、かつて宇宙人と人類とに交流があったことを示唆しているように見える。もう一方の洞窟では金と思われる金属が見つかっている。 この画像を大きなサイズで見るimage credit:youtube 宇宙船と宇宙人らしき彫刻が 発見された石の1つには、宇宙船の上部と宇宙人らしきものが彫られ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く