Coding Methodology 今から始められる!アクセシビリティに配慮したhtmlコーディングのためのTips
![Coding Methodology | CFニュース | CODING FACTORY - コーディング専門サービス](https://cdn-ak-scissors.b.st-hatena.com/image/square/7a060b3b5193f1045935eb6852fa980fb2572d10/height=288;version=1;width=512/https%3A%2F%2Fcoding-factory.com%2Fimg_ogp.jpg)
Coding Methodology JavaScriptなし、HTMLとCSSだけでカルーセルを実装
CSSセレクタについての基礎知識 このブログで何回も説明していますが、念のために説明します。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの1つです。 セレクタ表の説明には属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 あと親子関係や兄弟関係などもあまり聞きなれないかもしれません。下の階層にある要素との関係が親子関係で、同じ階層にある要素同士の関係が兄弟関係です。 あと、CSS3と聞いて「どうせIE8以下はダメだし使えない」と思う方もいるかもしれませんが、セレクタに関しては簡単に対応できます。 IE6~8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」をご参考に。 それ
Title ビューティガレージ backbar Webサイト Media web Output direction design html javascript Title nuroモバイル SONY Xperia Webサイト Media web Output direction design html javascript
MAIL MAGAZINE 読み物としてお楽しみいただけるコンテンツや、最新の製品情報などをお届けしています。 ※プライバシーポリシーをよくお読みいただき、同意の上ご登録ください。
頼れる収納力を、柔らかな革で。くったり馴染むたっぷりショルダー。 革の楽しさも収納力も、とにかくたっぷりのショルダーです。メイン素材には、しっとり柔らかなオイルヌメ革を牛1/2頭分も使用。使い込むほどに柔らかさを増してくったりした表情になり、色艶を増して使うほど愛着が湧いてきます。自慢の収納力は、1〜2泊の旅行を楽々こなせるボストン並みの大容量。しかも中には、うっとりするような手触りと香りのピッグスウェードを張り巡らせるという贅沢さです。全てオイルヌメ革の肩ベルトとトップの曲線は、斜め掛けでも肩掛けでもしなやかに身体に馴染むので、大荷物でも気持ち良く持ち歩けます。
●【配送遅延について】 地域により配送遅延が生じております。 遅延の状況に関しましては、各配送業者のホームページをご確認ください。 ヤマト運輸 /日本郵便 ●現在、お電話でのご対応は休止しております。お問い合わせはメールにてお願いいたします。 2024.02.22 マリロゴ マグ・ラテマグが新入荷しました。 2024.02.22 洗えるスリッパroom's easyWASHやZIP TOPが再入荷しました。 2024.02.21 moily オーバル蓋つき収納カゴや、リーノ・エ・リーナ フルエプロンが再入荷しました。 2024.02.16 マリメッコ[ウニッコ]日本限定ライトブルーが新入荷しました。 2024.02.16 KLIPPAN[CHOUCHO]クッションカバーや、シュニールコットンブランケット[ムース]が再入荷しました。 2024.02.15 古谷製陶所の 豆皿やリムボウルが再入
id:medtoolz先生が言っていた、 「新聞の裏側」というサービスがほしい - レジデント初期研修用資料 がずっと頭から離れなくて、誰か作ってくれるだろう・・・と思っていたけど誰も作ってくれないので作ってみました。 ExcludeNews 朝日新聞に載ってないニュース たとえば「その日朝日新聞が報道しなかった記事」の一覧が読めたなら、朝日新聞それ自体を、ずいぶん違った目線で読めるようになる。その日の紙面を作った記者の人たちが何を考え、どんなゆがみを抱えて、あるいは押しつけられているのかを考察できる。 今のマスメディアは「全てゆがんでいる」ことになっているけれど、記事の数は十分に莫大で、ネットを通じて容易に収拾できる。その日にネットで公開された全ての新聞記事をクロールして、タグ付けを行った上で、そこから朝日なら朝日新聞に載った記事を引き算すると、「その日朝日新聞が報道しなかった記事」を閲
「睡眠はコントロールできる (メディアファクトリー新書)」を読んだ。二度読んだ。さらに読むかもしれない。タイトルからすると、睡眠をどうコントロールするかという点に関心を持つかもしれないが、内容はやや違っていて、著者の一人、遠藤琢郎氏による睡眠クリニックの話がメインである。つまり睡眠障害にある人の事例を挙げて解説するというもの。で、それはそうなんだが……。 この本の面白さ、あるいは有用性はそこではないのではないかと思う。じゃあ、どこか。簡単に言うと、各種の精神的な問題、あるいは勉強や仕事などに関連する社会的問題が、本人は自覚していないけど実は睡眠に起因しているという側面をよく描いている点にある。いろいろ現代思想するんじゃなくて、それ、睡眠障害だよ、みたいな。 読みながら思ったのだが、ツイッターにいろいろネガネガをまき散らしている某氏・某女史は、精神的な問題あるいは社会問題、ひいては日本社会の
最初に言っておくと、本書「インナー・チャイルド(ジョン・ブラッドショー)」(参照)の副題「本当のあなたを取り戻す方法」は、私としては賛同しがたい。そもそも「本当のあなた」なるものがあるのかどうかもわからないし、「ああ、これが本当の自分だ」という実感が仮に得られたとしても、それが一般的なことなのか、あるいはその代償もまた大きいのではないかとも思える。その意味でも、本書はお薦めするという類のものではない。 では、なぜこの本を読んだのかというと、関心があったからだ。そして、当然というべきだが、私自身が「インナー・チャイルド」なるものに苦痛を感じていたからだ。 「インナー・チャイルド」というのは、大人になっても心のなかに潜む、傷ついた子供のような心理のことだ。子供のころに得たつらい記憶が今も心的外傷後ストレス障害(PTSD)のように残っていることだと言ってもいいかもしれない。もっとも、本書などにも
威力業務妨害容疑:ヤフードーム爆破と予告の男を逮捕 福岡県警中央署は12日、ヤフードームに爆弾を仕掛けるとメール送信し業務を妨害したとして、東京都大田区新蒲田3、作業員、小島正男容疑者(45)を威力業務妨害容疑で逮捕した。同署によると、容疑を認めているという。 容疑は、11日午前7時40分ごろ、ヤフー ...
結成2周年と1st DVD「いざ、出陣!」の11月9日発売を記念し、名古屋おもてなし武将隊が11月12日(土)に名古屋城の二ノ丸広場にて、記念イベントを開催した。 ◆「一撃-ICHIGEKI-」PV映像 当日はDVD「いざ、出陣!」に収録されている新曲「一撃-ICHIGEKI-」を10人揃って初披露する場でもあり、名古屋城の開園と同時にファンが一挙に詰めかけ、イベント開始時には1,500人ものファンが会場を占拠することになった。 パパイヤ鈴木が手掛けた新曲の振付けでは、円陣を組むなど武将隊ならではのパフォーマンスが披露され、会場は大いに盛り上がった。またこの日は、2年前の結成当初に武将隊に所属し半年で卒業した初期メンバー「お糸」がサプライズ登場するという演出も。何も知らされていなかったメンバーは驚きながらも、この特別な“2周年記念イベント”をファンとともに祝い喜びを分かち合った。 織田信長
CSS3アニメーションはたいていの場合、ホバー時(:hover)に仕込まれるものが多いと思います。 ここでは他の疑似クラス「:active」や「:focus」などやMedia Queriesに仕込んでみるチュートリアルを紹介します。 CSS3 Transitions Without Using :hover [ad#ad-2] 下記は各ポイントを意訳したものです。 「:active」を使ってCSS3アニメーション 「:focus」を使ってCSS3アニメーション 「:checked」を使ってCSS3アニメーション 「:disabled」を使ってCSS3アニメーション 「Media Queries」を使ってCSS3アニメーション 各スタイルシートについてのメモ 「:active」を使ってCSS3アニメーション 疑似クラス「:active」をトリガーにするCSS3アニメーションは、あらゆるエレメ
こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか?ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック
私はウェブデザインができないプログラマーである。以前はデザインはデザイナーさんに任せておけば良いと思っていた。だが、考えてみると、われわれは、デザインされたものしか目にすることはできないのだ。どんなに優れたアルゴリズムをプログラマーが実装しても、残念ながら私たちの目には見えない(反応速度で体感できることはあるにしても)。人もウェブサイトも見た目が9割なのである。 最近、私は「書評人」というウェブサービスを始めた。当然、私にデザイナーを雇う余裕などない。自分でデザインを制作する必要に迫られた。さて困ったどうするか。 私は、ある人気ウェブサービスを運営する友人に尋ねてみた。彼は、昔、一緒に仕事をしたことがあるプログラマーだ。特にデザインを専門的に勉強したことはないはずなのに、彼が作るサイトはどこかあかぬけている。彼に根掘り葉掘り尋ねるうちに、勧めてくれた本がこれ。 XHTML&CSSデザイン
このウェブサイトは販売用です! 2read.jp は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、2read.jpが全てとなります。あなたがお探しの内容が見つかることを願っています!
前回はiOS5のMobile Safariから使えるようになったHTML5・CSSについて前編と後編に分けてご紹介しましたが、そのなかで説明していない小さなテクニックについて少し紹介したいと思います。 今回はCSSでテキストにグラデーションをかけるテクニックについてです。 前回のWeb App Demoではフッタータブに特殊なWebFontを使ってアイコンを表示させるようにしていましたが、タブがActiveのときに色が変わってエフェクトがかかるようになっています。 このエフェクト効果はCSSでテキストにグラデーションをかけるテクニックをつかってやっています。 通常、CSSでテキストカラー(colorプロパティ)にグラデーションを指定することはできませんが「:after」擬似クラスや「mask-image」プロパティを組み合わせて使うことでグラデーションのような表現をすることができます。具体
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く