タグ

2018年1月12日のブックマーク (11件)

  • http://www.kurage-bunch.com/manga/shojoshumatsu/42/

  • 接頭辞つきのクラス名にマッチする CSS セレクター

    Kraken というフロントエンドのフレームワークのコードを見ていたら、なるほどと感心する CSS セレクターの書き方を見つけた。grid-one、grid-two みたいな接頭辞つきのクラス名にマッチするセレクターで、こんな感じ: [class^="grid-"], [class*=" grid-"] { /* ... */ } 単純に考えると [class*="grid-"] でいけそうな気がするけど、それだと foo-grid- みたいに頭に余計なものがついていてもマッチしてしまう。そこでホワイトスペースを接頭辞の前に置いて [class*=" grid-"] とすることでそれを避けている。すると今度は class="grid-one" みたいに class 属性の先頭で頭にホワイトスペースがない場合にマッチしないので、[class^="grid-"] という前方一致のルールを追加。

    接頭辞つきのクラス名にマッチする CSS セレクター
    fugashi
    fugashi 2018/01/12
    リンク

  • 【HTML5+CSS】Checkboxを美しいボタンにする方法 【js不使用】 - Qiita

    チェックボックスってデザインがあまり良くない！ 現状 項目１ こんな感じにしたい！ これで出来る！ CSSをこうして label{ cursor: pointer; padding:5px; border: 1px solid #434343; border-radius: 5px; } input{ display: none; } .check_box:checked + .label { background-color: orange; }

    【HTML5+CSS】Checkboxを美しいボタンにする方法 【js不使用】 - Qiita

  • JavaScript・jQueryの関数について - Qiita

    jQuery 最高の教科書を読んで、 javascript・jQueryを改めて勉強・まとめていこうと思いました。 よく使う「関数」についてまとめてみた。 関数とは 「何らかの一連の処理を行う、複数の命令の集まり（命令群）」 関数は、同一コード内は元より、他のコードからも呼び出すことができる。 繰り返し実行する処理 何度も利用する処理 また、一連の処理をまとめることによって、処理内容を変更する際の手間を大幅に軽減することができる。（保守性） 関数を使用しない場合 $(function(){ $('#typo') .on('mouseover', function(){ // 処理A // 処理B // 処理C }); $('header') .on('mouseover', function(){ // 処理A // 処理B // 処理C }); $('footer') .on('mous

    JavaScript・jQueryの関数について - Qiita

  • 日本語対応！CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス

    2021年12月18日 CSS, ダウンロード FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。Webクリエイターボックスでは以前からFlexboxの使い方について紹介してきたのですが、最近Flexboxが浸透してきたこともあってか各プロパティの使い方について質問される機会が増えてきたので、チートシートとしてまとめてみました。この記事ではなるべく画像メインでプロパティーの使い方を紹介したいと思います！ ↑私が10年以上利用している会計ソフト！ 動画で学ぶCSS Flexbox この記事はYouTube動画でも解説しています。動画派の

    日本語対応！CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス

  • 今覚えたい！エンジニアのための CSS の基礎講座 〜Flexbox レイアウト編〜 | 株式会社ヌーラボ(Nulab inc.)

    大好評の「エンジニアのためのCSS基礎講座」シリーズの続編です。今回は前回の記事でも少しだけ触れた Flexbox レイアウトについて解説したいと思います。 Flexbox は CSS3 から導入され、ヌーラボのサービスでも一部 Flexbox を使用しています。また最近では React Native のコンポーネントのレイアウトにもこの Flexbox が使われており大変注目が集まっています。なので「今更聞けない！」というより「今覚えたい！」技術になりますので、是非マスターしておきましょう。 Flexbox とは Flexbox は正確には CSS Flexible Box Layout Module といいます。その名の通り、柔軟なボックスレイアウトを可能にする CSS の新しいレイアウトモードです。横並びのレイアウトを組む際に従来の方法であれば float や inline-bloc

    今覚えたい！エンジニアのための CSS の基礎講座 〜Flexbox レイアウト編〜 | 株式会社ヌーラボ(Nulab inc.)

  • SVGを使いこなすための便利ツールいろいろ

    2015年1月28日 SVG, 便利ツール SVG（Scalable Vector Graphics）はIllustratorで作成したようなベクター画像を表示する技術。高解像度ディスプレイでもくっきりはっきり表示できるので、近年海外サイトを中心に見かける機会が増えてきました。SVGについてはWebクリエイターボックスでも何度か取り上げてきたので、耳にしたことのある方も多いかと思います。今回はそんなSVGを使いこなすための便利なオンラインツールやJavaScriptなどを紹介します。SVGってなんぞや？という方は、過去記事「アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう」をご覧ください！ ↑私が10年以上利用している会計ソフト！ ラスター画像をSVGに変換 Vector Magic Vector MagicはJPEG、GIF、PNG形式の画像をベクター画像に変換し、EPS

    SVGを使いこなすための便利ツールいろいろ
    fugashi
    fugashi 2018/01/12
    リンク

  • 無料フリーイラスト素材集【Frame illust】

    無料イラスト素材集『Frame illust』へようこそ 『Frame illust』が提供するフリー素材は、全てフリーダウンロード可能。使用許可やユーザー登録も必要ありません。 チラシ・POP・冊子・カタログ・ポストカード・ポスター・おたより等の印刷物から、ホームページ・ブログ・SNS等のWebサイトまで、様々な媒体でご利用いただけます。 当サイトへのリンクやクレジット表記は必須ではありませんが、ご紹介いただけると運営の励みとなり大変嬉しいです。どうぞよろしくお願いします。m(_ _)m ⇒詳しいご利用規約はこちら

  • 赤ちゃんは遊びのなかで何を楽しんでいるのか [ 観察編 ]｜臼井 隆志｜Art Educator

    こんにちは、臼井隆志（@TakashiUSUI）です。ここでは「子どもの探索活動」をキーワードに認知・発達・振る舞いについてのリサーチ過程を公開したりしていきます。（自己紹介はこちら） 今日は、ぼくが最初にしたリサーチ「赤ちゃんの観察」についてです。ここで登場する「赤ちゃん」の月齢はさまざまですが、概ね生後6ヶ月〜1歳半ぐらいまでを想定しています。場合によっては2歳ごろまでも含みます。 このテキストで言いたいことは、「赤ちゃんの遊び」というのは、極めてシリアスなものであるということ。彼らは真剣に遊んでいるのだということ。 赤ちゃんは遊びのなかで何を楽しんでいるのかいきなりですが「赤ちゃんの遊び」と聞いて何を思い浮かべるでしょうか。物を口に運んで舐めたり、いないいないばあをすると喜んだり、ガラガラを鳴らしたり、そんな感じでしょうか。概ね、笑顔でニコニコしている印象でしょうか。 7~8年ほど前

    赤ちゃんは遊びのなかで何を楽しんでいるのか [ 観察編 ]｜臼井 隆志｜Art Educator

  • ねほぱほ見た腐女子がつらつら書く(長い)

    腐女子について語るときに私が語ることhttps://twitter.com/nhk_nehorin/status/951099083074056202 最後の腐女子用語辞典【解釈違い】キャラの受け取り方が自分と違うこと。イライラすることもある。例）「番組に出てた腐女子の話に納得いかない。完全に解釈違い！でもしょうがないよね、100人いたら100通りの腐女子がいるんだから･･･」ご視聴ありがとうございました🐽 #ねほりんぱほりん https://t.co/1sVh0dQNWf 公式のこのツイートに一番「やりおる…」って思った。 そうなのだ。腐女子について語ることはめんどくさい。 マッッジで。 「男って～～だよね」「女には～～な傾向があるから」みたいな語り口で腐女子を語ろうものなら大炎上が約束される。 誰もが(この言い方も怖い)、「あなたはそうでも私は違う」を持っている。例え他者から見れば誤

    ねほぱほ見た腐女子がつらつら書く(長い)

  • 管理職のためのエンジニア組織構築マニュアル | DevelopersIO

    はじめに クラスメソッド株式会社 AWS事業部長の佐々木です。 私は前職で創業メンバーの1人としてビジネスを立ち上げた後、エンジニアとして実業務に携わりながら、統括マネージャーとして50人規模のエンジニア組織を構築しました。 また2014年にAWSエンジニアとしてクラスメソッドに入社し、2015年7月よりAWS事業部の部長に就任。事業は順調に拡大しており、2015年と比較して組織も2倍以上に大きくなりました。これは優秀な仲間に恵まれたのはもちろんのこと、組織設計と構築プランが功を奏したことも一因だと感じています。 そこで、私がこれまでに培ってきた経験から得たエンジニア組織の構築の仕方をお伝えしたいと思います。 エンジニア組織構築マニュアル 骨子を定義する これはエンジニア組織に限りませんが、組織には3つの骨子が必要です。 ポリシー ビジョン ターゲット ポリシーは、その組織が最もこだわる一

    管理職のためのエンジニア組織構築マニュアル | DevelopersIO

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.