z-index再入門 | 第1回 z-indexの仕組み
次のようなケースでは、冒頭のサンプルのような意図しない重なりになる可能性が高いため注意が必要です。 positionプロパティの値をrelative、absoluteにし、かつz-indexの値をauto以外の整数値にしたとき positionプロパティの値をfixed、stickyにしたとき なぜなら、上記の条件下では、スタック文脈というものが形成されるからです。次に、スタック文脈を解説します。 スタック文脈とスタックレベル スタック文脈（stacking contexts）、スタックレベル（stack level）という概念は、z-indexを扱う上でとても重要なものです。 スタック文脈 スタック文脈とは、ある条件を満たした要素によって形成される階層構造（文脈）のことです。 スタック文脈を形成する条件は前述した通りですが、例えば、position: absoluteとz-indexに整
Photoshopでまずダウンロードしておきたい無料ブラシ素材50個セットまとめ
鉛筆やチョークで描いたような風合いから、水彩ペイントの淡い色合いやレトロなグランジ感など、さまざまな質感を表現できる Photoshop ブラシ素材セット。 あらかじめ収録されているブラシに飽きてしまったり、新しいブラシを自分で作成するのは面倒、不要で無駄なブラシはインストールしたくない。そんな人におすすめしたい無料ダウンロードできる高品質な Photoshop ブラシ素材をまとめてご紹介します。 後半では、Illustrator で利用できるベクターブラシ素材もいくつかピックアップしています。 2021年版の最新Photoshopブラシも一緒に確認しておくと良いでしょう。 フォトショップでまず入れておきたい無料ブラシ素材70個まとめ 2022年版 ブラシを切り替えたり、ブラシサイズを変更したりと、何度も行う作業はショートカットキーの利用がおすすめです。また、CCライブラリを活用したPho
ウェブ制作者なら意識してほしいCSS設計の基礎知識 - ICS MEDIA
みなさんは、CSSを書くときに管理のしやすさを意識していますか？ CSSを書くときに命名や構造のルールをシンプルにすることで、他のCSS編集者が理解しやすくなります。 何も意識せずにCSSを書くと、 誰も読めない、理解できない 何に使っているかわからない謎のルールセットがあるが、必要かもしれないので消せない CSSを修正したら意図していないパーツも修正の影響が出てしまった スタイルが上書きされすぎていて、 !important せざるを得ない といった問題が起こりやすくなります。このような問題を解決するアプローチとして、CSSを設計するという考え方があります。ウェブサイトの規模が大きくなり複雑化していく現代では、CSS設計を意識することの重要性が高まってきています。今回は、CSS設計をしたことがなくても意識してほしいCSS設計の基礎になる考え方と、基本の手法についてご紹介します。 CSS設
GitHub Flavored Markdown Spec
This formal specification is based on the CommonMark Spec by John MacFarlane and licensed under 1Introduction 1.1What is GitHub Flavored Markdown? GitHub Flavored Markdown, often shortened as GFM, is the dialect of Markdown that is currently supported for user content on GitHub.com and GitHub Enterprise. This formal specification, based on the CommonMark Spec, defines the syntax and semantics of t
YAPC::Kansai 2017 OSAKAで喋ってきました - その手の平は尻もつかめるさ
タイトルは「Webアプリケーションのキャッシュ戦略とそのパターン 」です． speakerdeck.com 告知で書いたように，ここ1・2年は規模感のあるWebアプリケーションを開発していて，なおかつキャッシュ周りの設計・開発・運用をモリモリやっていたので，その関連で学んだこと，感じたことをまとめて発表したという感じです．聞きに来てくださった皆さんありがとうございます．内容についてはスライドをご覧いただければご理解頂けるかと存じます． ところでトーク中に言い忘れたこととして，「ランキングの構造を返すJSON」みたいなものはえてして大きくなりがち，かつランキングをバッチで構築している場合は或る単位時間内に変化することが少ない (あるいは無い) ので Cache-Control を付けてJSONを返してしまうと負荷が大きく下がって便利，みたいな話題もありました．しっかりした原稿を作っていないと
＜Weblio英会話コラム＞英語の「基礎的な語彙でエッチな意味を表現する」隠語的スラング表現
英語のスラングの中には、「それ自体は性的な表現というわけではないが性的な意味を込めて用いられる」種類の隠語めいた言い回しも多々あります。 隠語の中には、それ自体が性的意味を示す場合もありますが、婉曲的な性的表現の多くは文脈からの推察と想像力がカギを握ります。語彙力よりも妄想力という構えで理解に挑みましょう。 英語で表現する「おっぱい」「お尻」ちょっとエッチな英語スラング 性的行為の意味で用いられることがある婉曲的表現 真面目な文脈で堅く「性行為」「性的交渉」のように表現する際には sexual intercourse という言い方が適切です。 sex も、 have sex (with) ～ のような言い方で行為としてのセックスを表現できます。ただし行為としての sex は sexual intercourse の略と見るべきであり、多分に口語的なニュアンスがあります。 be intima
＜Weblio英会話コラム＞英語の「多い」―「many」「much」「a lot of」「lots of」 の違いと使い分け方
英語で「多い」「多くの～」と表現する言い方には、 many 、much 、a lot of 、lots of ～ などの種類があり、それぞれ使いどころが違います。使い分け方のコツは《「多い」と形容する対象が可算名詞か不可算名詞か》という点です。 ここがポイント many は可算名詞を形容します。「数の多さ」を表現します。 much は不可算名詞を形容します。「量の多さ」を表現します。 a lot of は可算・不可算どちらにも使えます。ややカジュアルな表現。 lots of は a lot of をさらに口語的にしたニュアンスの表現です。 「many」と「much」の基本的な使い方・使い分け方 英語の many や much を使い分ける第一の手がかりは、修飾対象の名詞が「可算名詞」か「不可算名詞」かという点です。 「可算名詞」と「不可算名詞」は、英語の名詞を「数え上げることができるか否
Scala Native v0.1 is here!
We’re excited to announce the first release of Scala Native, an optimising ahead-of-time compiler for Scala built on top of the LLVM compiler infrastructure. Unlike the reference implementation of Scala which generates bytecode that runs on top of the Java Virtual Machine, Scala Native toolchain produces stand-alone native executables. This opens the door for Scala to be used in environments where
キュレーションサイトの会社に勤めているがアクセス減少で社長がスタッフ全員クビにした件
DenaがWelqでやらかして、ネット界隈ではキュレーションサイトが悪の根源みたいな扱いになっているが、あの騒動で逆に「キュレーションサイトは手軽に稼げる」という事がバレてしまい、私の勤めている会社でも絶賛キュレーションサイトをバリバリ運営している。 ジャンルは隠すが、中小企業の運営するキュレーションサイトなので正直しょぼい。ライターは完全外注で、クラウドワークス・ランサーズを駆使して安く大量に長文＆リライト記事をアップしている。 ちなみにライターの給料は１文字0.2円。 私たち編集者（契約社員）は時給９００円前後である。 まあリライト指示と記事の編集、アップロードしかしていないので私達の時給に関してはそんなもんかって感じだが、ライターさんへの搾取っぷりはハンパない。 安く大量に集めて、その中からさらに忠誠心があり仕事の早い外注さんを厳選し、鬼のように稼働させている。文字数も多く、時には本
まるでシムシティのようなWeb地図ライブリラリ「eegeo.js」
eeGeo eeGeoは、「グランド・セフト・オート」や「レミングス」などのクリエイティブディレクターであったイアン ヘザーリントン氏が2010年9月に設立した3D地図を提供する会社です。 日本では、NTTドコモがライセンス供与を受け、屋内3Dマップの提供などを行っています。 今のところ、日本では3Dで表示できる地域がないのですが、ゲーム業界のノウハウを用いた地図サービスとして個人的に期待しています。 登録すれば個人ユーザーでもAPIを使用することができるので、紹介がてらサンプルを載せておきます。 Web版サンプル example 公式サイトに登録し、ダッシュボードから「Create new app」ボタンをクリックして「API Token」を取得してください。 スタイルシートとライブラリを読み込みます。 <link href="https://cdnjs.cloudflare.com/a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
