Corredor

ウェブ、プログラミングの勉強メモ。

CSS

メインサイト Neo's World のデザインを変更した

メインサイトといいつつ、開設開始からの日数が一番長いだけという Neo's World だが、2018年2月4日にデザインを変更した。今回はその詳細を書き留めておく。 伝わるデザインの基本 増補改訂版 よい資料を作るためのレイアウトのルール作者: 高橋佑磨,片山な…

Chrome 64 からリンクの下線が途切れる:text-decoration-skip-ink プロパティについて

CSSシークレット ―47のテクニックでCSSを自在に操る作者: Lea Verou,牧野聡出版社/メーカー: オライリージャパン発売日: 2016/07/23メディア: 単行本(ソフトカバー)この商品を含むブログ (1件) を見る Chrome 64 から、リンクの下線の一部が途切れているこ…

Google AdSense 自動広告の画面上部から出てくる広告がページ全体を押し下げる件

Google AdSense が、ページを解析して自動的に最適な広告を表示する「自動広告」を始めた。 元Google AdSense担当が教える 本当に稼げるGoogle AdSense 収益・集客が1.5倍UPするプロの技60作者: 石田健介,河井大志出版社/メーカー: ソーテック社発売日: 2018…

overflow でスクロールバーを表示させると padding-right・padding-bottom が効かなくなる事象と対策

CSS

現場でかならず使われているCSSデザインのメソッド [ 北川貴清 ]ジャンル: 本・雑誌・コミック > PC・システム開発 > その他ショップ: 楽天ブックス価格: 3,024円 現場でかならず使われている CSSデザインのメソッド【電子書籍】[ 北川 貴清 ]ジャンル: 本・…

レスポンシブルにフォントサイズを変更するための SASS Mixin を作った

Web制作者のためのSassの教科書 改訂2版 Webデザインの現場で必須のCSSプリプロセッサ作者: 平澤隆,森田壮出版社/メーカー: インプレス発売日: 2017/09/15メディア: 単行本(ソフトカバー)この商品を含むブログを見る 以前紹介した、レスポンシブルにフォン…

Web ページ中の画像が読み込めなかった時に処理させる

HTML&CSSとWebデザインが 1冊できちんと身につく本作者: 服部雄樹出版社/メーカー: 技術評論社発売日: 2017/07/21メディア: 大型本この商品を含むブログを見る Webデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集作者: 久保田涼子出版社/メーカ…

チェックボックスを利用した、CSS だけでできる言語切替ページの作り方

Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法 Web制作者のための教科書シリーズ作者: 谷拓樹出版社/メーカー: インプレス発売日: 2014/07/24メディア: Kindle版この商品を含むブログ (1件) を見る チェックボ…

スクロールバーの幅を取得する JavaScript

徹底マスター JavaScriptの教科書 プログラミングの教養から、言語仕様、開発技法までが正しく身につく (Informatics&IDEA)作者: 磯博出版社/メーカー: SBクリエイティブ発売日: 2017/03/18メディア: 単行本この商品を含むブログを見る Web ページに表示され…

レスポンシブルにフォントサイズを変更し、最小サイズ・最大サイズを指定する方法

レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック (WEB PROFESSIONAL)作者: 菊池崇出版社/メーカー: アスキー・メディアワークス発売日: 2013/07/30メディア: 大型本この商品を含むブログ (3件) を見る メディアクエリで実現するレスポ…

CSS の font-family に書くフォント名の調べ方

デザインの現場で役立つ フリーフォントセレクション1000作者: GOLDEN AXE出版社/メーカー: standards発売日: 2017/03/25メディア: 単行本(ソフトカバー)この商品を含むブログを見る CSS の font-family にどんなフォント名を書いたらいいのか調べる方法。…

HTML ファイル内に CSS や JS をインライン挿入する「html-inline」

インクルーシブHTML+CSS & JavaScript 多様なユーザーニーズに応えるフロントエンドデザインパターン作者: Heydon Pickering,太田良典,伊原力也,株式会社Bスプラウト出版社/メーカー: ボーンデジタル発売日: 2017/11/04メディア: 単行本(ソフトカバー)この…

ラインマーカーを引いたような蛍光ペン風の効果を付ける CSS

世界一わかりやすいWordPress 導入とサイト制作の教科書 (世界一わかりやすい教科書)作者: 安藤篤史,岡本秀高,古賀海人,深沢幸治郎出版社/メーカー: 技術評論社発売日: 2017/06/17メディア: 大型本この商品を含むブログを見る いちばんやさしいWordPressの教…

CSS text-shadow でネオン発光風のテキストを実装する

Webサイト、これからどうなるの? キーワードから探るWeb制作の未来像作者: こもりまさあき,栄前田勝太郎,坂上北斗,塚口祐司,前川昌幸,松田直樹出版社/メーカー: エムディエヌコーポレーション発売日: 2017/09/20メディア: 単行本(ソフトカバー)この商品を…

CSS だけで実装する宇宙空間

はじめてのWebページ作成 HTML・CSS・JavaScriptの基本 (KS情報科学専門書)作者: 松下孝太郎,山本光,沼晃介,樋口大輔,鈴木一史,市川博出版社/メーカー: 講談社発売日: 2017/10/31メディア: 単行本(ソフトカバー)この商品を含むブログを見る KeithClark と…

Mac・iOS のシステムフォントを CSS で使う : 「-apple-system」

BENGTENG CSS Tシャツ スモーク XSメディア: ウェア&シューズこの商品を含むブログを見る FONT x FAN HYBRID出版社/メーカー: ポータル・アンド・クリエイティブ発売日: 2010/09/17メディア: DVD-ROM購入: 4人 クリック: 195回この商品を含むブログ (5件) を…

font-family 設定を動的に変更して確認できるページを作った

デザイナーが愛用したいこだわりフォントセレクション作者: フロッグデザイン出版社/メーカー: 秀和システム発売日: 2017/03/11メディア: 単行本この商品を含むブログを見る 前回の記事でオレオレパーフェクト設定を導いた font-family 指定。 neos21.hatena…

2018年以降はコレで決まり!Web サイトで指定するゴシック体・明朝体・等幅の font-family 設定

定番フォント ガイドブック作者: タイポグラフィ編集部出版社/メーカー: グラフィック社発売日: 2017/08/08メディア: 単行本(ソフトカバー)この商品を含むブログ (1件) を見る 時折話題にしてきた、CSS での font-family 指定のベスト・プラクティスだが、…

はてなブログに「目次記法」があることにいまさら気付いた

はてなブログカスタマイズガイド―HTML & CSSで「はてなブログ」を次のステッ作者: 相澤裕介出版社/メーカー: カットシステム発売日: 2016/10/01メディア: 単行本この商品を含むブログを見る WordPress で作られたブログには、よく「目次」のリンクがあり、コ…

Cordova アプリでもユーザを簡単に隠し撮りできる。そのやり方を公開

クラウドでできるHTML5ハイブリッドアプリ開発 Cordova/Onsen UIで作るiOS/Android両対応アプリ【電子書籍】[ 永井勝則 ]ジャンル: 本・雑誌・コミック > PC・システム開発 > その他ショップ: 楽天Kobo電子書籍ストア価格: 3,240円 [rakuten:bookoffonline:1…

CSS で font-family: monospace 指定だと等幅フォントが適用されない?

定番フォント ガイドブック作者: タイポグラフィ編集部出版社/メーカー: グラフィック社発売日: 2017/08/08メディア: 単行本(ソフトカバー)この商品を含むブログ (1件) を見る 以下のような CSS を書いたところ、li 要素が等幅フォントにならなかった。 li…

iOS や Android でリンクをタップした時に灰色の背景色が付くのをなくす CSS

Webサイト、これからどうなるの? キーワードから探るWeb制作の未来像作者: こもりまさあき,栄前田勝太郎,坂上北斗,塚口祐司,前川昌幸,松田直樹出版社/メーカー: エムディエヌコーポレーション発売日: 2017/09/20メディア: 単行本(ソフトカバー)この商品を…

scroll-behavior: smooth と Scrollbar Anywhere の相性が悪い

わかるFirefox―人気ブラウザの「基本操作」から「アドオン」まで (I・O BOOKS)作者: I O編集部出版社/メーカー: 工学社発売日: 2011/05/01メディア: 単行本 クリック: 87回この商品を含むブログ (9件) を見る scroll-behavior: smooth というプロパティがで…

サイドバーのスクロール制御のアイデア

Webデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集作者: 久保田涼子出版社/メーカー: SBクリエイティブ発売日: 2017/06/16メディア: 単行本この商品を含むブログを見る とあるサイト (リンクするとアレなのでボカします) のサイドバーのスクロ…

自サイトの開発環境を作った

Webアプリエンジニア養成読本[しくみ、開発、環境構築・運用…全体像を最新知識で最初から! ] (Software Design plus)作者: 和田裕介,石田絢一(uzulla),すがわらまさのり,斎藤祐一郎出版社/メーカー: 技術評論社発売日: 2014/04/15メディア: 大型本この商品を…

はてなブログの Amazon と楽天の商品リンクにアイコンを付けた

追記:第2弾も作ったのでコチラもドウゾ。 neos21.hatenablog.com はてなブログ Perfect GuideBook作者: JOE AOTO出版社/メーカー: ソーテック社発売日: 2016/07/22メディア: 単行本この商品を含むブログ (2件) を見る はてなブログの Amazon と楽天の商品リ…

スマホ向け Web アプリを作る時に使える CSS : user-select と -webkit-touch-callout

スマートフォンサイトのためのHTML5+CSS3 [リフロー版]作者: エ・ビスコム・テック・ラボ出版社/メーカー: マイナビ出版発売日: 2012/08/31メディア: Kindle版この商品を含むブログを見る 以前、overflow-scrolling という CSS プロパティを紹介した。スマ…

Cordova iOS アプリで -webkit-overflow-scrolling:touch を使った時の備忘録

PhoneGap 入門ガイド (Smart Mobile Developer)作者: アシアル株式会社出版社/メーカー: 翔泳社発売日: 2011/07/23メディア: 大型本 クリック: 15回この商品を含むブログ (5件) を見る Cordova アプリはデフォルトで DisallowOverscroll が false、つまりオ…

window.getComputedStyle を今更知った

window.getComputedStyle() なる API があるのをいまさら知った。 普段 JS で DOM 要素のスタイルを操作する時は element.style を使うが、window.getComputedStyle() は対象の要素の表示仕様を決めている、計算済みの全てのスタイル定義を取得できる。 「計…

ハンバーガーメニューが矢印に変わる CSS アニメーションを真似してみた

作りながら学ぶ HTML/CSSデザインの教科書作者: 高橋朋代,森智佳子出版社/メーカー: SBクリエイティブ発売日: 2013/12/14メディア: 単行本この商品を含むブログ (11件) を見る 仕事で Backlog を使っている。Backlog のページには、左側のメニューを収納した…

Cordova アプリでサクサク動く Google Map を実現する「cordova-plugin-googlemaps」

Google API Expertが解説する Google Maps APIプログラミングガイド作者: 勝又雅史,古籏一浩,石丸健太郎,安藤幸央出版社/メーカー: インプレスジャパン発売日: 2011/12/02メディア: 単行本(ソフトカバー)購入: 2人 クリック: 69回この商品を含むブログ (8…