mkasumi.com



この記事でご紹介するのは CSS Talk vol.2 で会場を少しざわつかせることができたテクニックです。JSをつかわずに、HTMLとCSSのみでブラウザ上からスタイルをダイレクトに修正する方法をご紹介します。決して実務で使えそうな技ではないので、楽しんで読んでいただければ、と思います。

「ちょっとしたデモに使える!JSを使わずにブラウザ上からスタイルをダイレクトに修正する方法」のつづきを読む


Tag:CSS HTML 

Posted by 森田かすみ at 12:42  Permalink

2016年9月23日(金)に、DevLOVEという勉強会に話し手として参加しました。今回は東京でしたが、DevLOVEは仙台や関西でも開催している勉強会です。なんと今回が198回目だそうです。


(写真)登壇風景

今回お話しした理由

今回の勉強会では、「マークアップの最適解を見つけ出す方法」というタイトルでお話ししてきました。もともとアップルップルの社内勉強会で、後輩に向けて話した内容だったので基本よりももっと根っこになる考え方の部分についてお話ししました。

私がこの内容を話そうと思った理由は、これから勉強する人たちに私みたいにマークアップで悩まないで欲しかったからです。私はとても長い間マークアップに悩んでいました。今はたくさん学ばなければいけないことがたくさんあるので(開発環境、作業効率、メンテナンス性などなど)、なかなかじっくり悩むということが難しいかもしれません。ですが、マークアップはまだまだ重要ですし、だからこそ基本のところは知って欲しいという思いがあります。

なので、私が何に悩んで、どういう風に普段落とし所を見つけているのかを共有したいと思いました。マークアップは一般的な正解を導き出すのはなかなか難しく、意見がたくさんあります。どのマークアップを選ぶのか、悩んだときにどうやって解決するのかを自分で導き出して欲しいと思ったので、納期を守りつつ、クライアントの要望に沿いながら、どうやって最適な解答を導き出したらいいのかを、マークアップエンジニア歴3年半の私の考え方をまとめました。

今回のセッションは考え方の部分が多いので、がっちりしたテクニックの知識がほしかった方には物足りないように感じたかもしれません。ですが、私が今回聞いてほしいと思っていたマークアップをこれから始める方にはしっかりと伝えられたようでよかったです。

「「マークアップの最適解を見つけ出す方法」というセッションをDevLOVEにて発表しました」のつづきを読む


Tag:コーディング HTML セミナー マークアップ 

Posted by 森田かすみ at 21:41  Permalink

Webアクセシビリティに対応しているサイトを制作する機会があったので、最近Webアクセシビリティについて勉強しています。今回の記事はWebアクセシビリティビギナーな私が、実際に対応してみてWebアクセシビリティについて改めて知ったことや感じたことを社内の人に共有したくて、先日行われた公開アップルップル社内勉強会用にまとめたものです。

Webアクセシビリティ対応への印象

正直、Webアクセシビリティ対応は周りの人たちが抵抗感を感じているようなので、すごく怖いイメージがありました。実際に JISの規格表を読んでみると、私が普段意識していなかったことも書かれていましたが、普段から行っているような対応方法も記述されていました。一般的に怖がられているものは、「時間依存メディアのガイドライン」であったり、コントラスト比であったり、Javascriptが関わってくる部分は対応に時間がかかるのかなという印象を受けました。

実際にJISの規格表を読んでみて、私自身納得できるような対応が紹介されていることもあり、どうマークアップするとベターまたはベストプラクティスなのか判断するヒントをもらえたような気がしています。

「Webアクセシビリティについて勉強してみて知ったことや感じたこと」のつづきを読む


Tag:HTML アクセシビリティ CSS 

Posted by 森田かすみ at 14:53  Permalink

OOCSS、BEM、SMACCSなどのclassの命名規則があるのですが、先日AMCSSという命名規則について書いているブログを拝見しました。ちょうど良いタイミングに私が主催している名古屋マークアップ勉強会を開催する予定だったので、実用的なのかを調べてみました。

「AMCSSという命名規則について」のつづきを読む


Tag:CSS HTML 

Posted by 森田かすみ at 09:20  Permalink

勉強会風景


名古屋マークアップ勉強会 8/9を開催しました。当日は9人募集していた中、8人の方にお越し頂きました。

福岡に「福岡マークアップ勉強会」という素敵なお名前の勉強会があり、許可をとってお借りしました。略して「マカベン」と呼びます。さらにロゴまでお借りしています。福岡マークアップ勉強会のみなさま、ありがとうございます!

「名古屋マークアップ勉強会 を開催しました」のつづきを読む


Tag:セミナー コーディング HTML 

Posted by 森田かすみ at 08:51  Permalink

プロフィール

森田かすみ

名古屋のWeb制作会社でマークアップエンジニアとして働いています。マークアップ勉強会名古屋という勉強会の主催もやっています。

  • はてなブックマーク

カテゴリー