Submit Search

Semantic html が止まらない

Jun 27, 2012Download as PPTX, PDF5 likes1,733 views

Yumi uniq Ishizaki

社内5分LTの。 Semantic HTML はデザインのためにもなるよねーっていう話です。Read less

Read more

1 of 11

Download now

Downloaded 12 times

Recommended

JavaScript&Firebug入門

JavaScript&Firebug入門

柴田 篤志

 

一六社で行われた第6回の勉強会の資料です

Web講座　第１回

Web講座　第１回

nanametown

 

デザイナーにGitは必要？

デザイナーにGitは必要？

Yumi uniq Ishizaki

 

http://dist.connpass.com/event/12990/

YouTube

YouTube

FASTECH Project

 

YouTube is a video sharing website where users can upload and share videos. Users can create playlists of videos on specific themes. To use YouTube, users create an account and can then watch, like, comment on, and add videos to their favorites or playlists. Videos can also be embedded on other sites. The document provides instructions on basic YouTube functions and suggests some educational uses.

Mandatory hippa and information security

Mandatory hippa and information security

Higgi123

 

This document provides an overview of organizational ethics, HIPAA compliance, data security, and privacy policies for employees. It emphasizes protecting patient privacy, maintaining integrity in healthcare services, and ensuring ethical and lawful practices. Key aspects covered include obtaining patient authorization for disclosure of health information, monitoring access to electronic systems, and educating employees on security protocols and their responsibilities to keep information confidential.

Participatory mapping with OSM in Ulan Bator, Mongolia: general presentation ...

Participatory mapping with OSM in Ulan Bator, Mongolia: general presentation ...

Severin Menard

 

This document summarizes OpenStreetMap (OSM), a collaborative project to create a free editable map of the world. OSM is created through voluntary contributions and allows anyone to map physical objects and features. The quality of OSM data has been shown to be comparable to commercial maps when an area has multiple contributors and quality assurance. OSM data and tools have been useful for humanitarian responses, particularly for crisis mapping after the 2010 Haiti earthquake. OSM data can be accessed and edited through online and mobile tools to support activities like routing, thematic mapping, and data exports.

Hr trainings expo_grishakova_malakut-best

Hr trainings expo_grishakova_malakut-best

Yulya Uzhakina

 

V ing

V ing

English Classroom

 

The document discusses different grammatical forms involving verbs ending in -ing, including gerunds, participles, and other uses after prepositions, verbs, possessive adjectives, and the phrase "there is no". Gerunds can function as subjects, objects of prepositions or verbs. Participles can be progressive forms using a form of "to be". Adjectival participles describe nouns. Verb+ing forms can follow time linkers, "go", possessives, and "there is no". While the infinitive and -ing form sometimes mean the same thing, sometimes they imply different meanings regarding sequence or aspect of the action.

Starter courses knife skills aug2012

Starter courses knife skills aug2012

Rachael Mann

 

This document provides instructions for a knife skills lesson that teaches students how to correctly dice vegetables. It includes a pre-lesson quiz about knife cuts and knife safety. The lesson objectives are to demonstrate proper knife grip and cutting techniques as well as prepare a bruschetta recipe. Students watch a demonstration of the recipe and then practice making it in groups. At the end, they write a one-minute summary of what they learned and what skills need more practice.

News : HMHS Britannic - The Forgotten Sister BlackHawk Mines Corp Zimbio

News : HMHS Britannic - The Forgotten Sister BlackHawk Mines Corp Zimbio

ginpark

 

The Olympic and Titanic have been built. The HMHS (His Majesty's Hospital Ship) Britannic was the third " wonder ship" to be built. Originally, the ship was to be named " Gigantic ", but due to the loss of the Titanic, her name was changed to Britannic. The White Star Line knew if they were to keep ahead in the race across the Atlantic the new liner would have to be more magnificent than her older sisters. Due to the sinking of the Titanic, large scale alterations would have to be made to her design. She could not sink in under 3 hours. She must carry enough lifeboats to accommodate every passenger and crew member.

Creative Partnerships Mentoring Programme

Creative Partnerships Mentoring Programme

pesec

 

Creative Partnerships commissioned Arts Inform to design, establish, manage and evaluate a two-phase mentoring programme pairing teachers in Creative Partnerships schools with representatives from cultural organizations. The evaluation of the second phase found that the 25 mentoring partnerships largely achieved their aims and objectives, which were highly relevant to the schools' work. Unexpected benefits included enhanced understanding between mentors and mentees as well as personal and professional growth for both parties. Evaluators emphasized the importance of structure, realistic expectations and school leadership support for partnership success.

Loan presentation final

Loan presentation final

iyap

 

This document discusses leadership and Loan's experience with AIESEC, the world's largest student-run organization. It describes how Loan initially joined AIESEC for personal benefits but later realized she needed to bring members together and support each other [1]. It then discusses situational leadership styles versus consistent traits, and encourages emulating Grace's example of motivating through opportunities rather than accountability [2]. The document highlights Loan's leadership moment receiving an award from AIESEC and her experience stepping up her leadership in Kenya [3].

סילבוס 'התהליך'

סילבוס 'התהליך'

Stas Segin

 

Maram ahmed Portfolio

Maram ahmed Portfolio

Black Swan

 

Sama Al.obaidi is a graphic designer from Saudi Arabia with over 15 years of experience in graphic design. She has worked as a freelance designer, taught graphic design, and currently works as a graphic artist for a packaging company. She is proficient in graphic design programs like Illustrator, Photoshop, and Corel Draw. Sama has strong communication, planning, and time management skills and enjoys researching and exploring new design methods. She speaks Arabic as her first language and is also fluent in English. Examples of her design work include logos, business cards, advertisements, and menus.

Kukucs

Kukucs

Marian Pop

 

Excess hair growth

Excess hair growth

hpinn

 

This document discusses excess hair growth. It defines terms like hirsutism, which refers to masculine hair growth patterns in women caused by excess androgen levels. Hypertrichosis refers to generalized increased hair growth all over the body. There are three main causes of excess hair growth: congenital (inherited hair growth patterns), topical (stimulation or friction causing increased growth), and systemic (caused by normal or abnormal hormonal changes). Normal systemic causes include puberty, pregnancy, and menopause, while abnormal causes can be endocrine disorders.

Haiti HOT OSM éducation 15/02/2012 (FR)

Haiti HOT OSM éducation 15/02/2012 (FR)

Severin Menard

 

The document summarizes the contributions of OpenStreetMap (OSM) in mapping efforts in Haiti following the 2010 earthquake. It details how OSM data was made available within days and used by responders. Hundreds of mappers were trained through programs run by the HOT (Humanitarian OpenStreetMap Team). By 2012, OSM data was being used by several organizations in Haiti for disaster risk management, education, health, and other mapping projects.

Social media + Local Search - Liana Evans- Digitizing

Social media + Local Search - Liana Evans- Digitizing

el_chambers

 

This document provides tips for businesses on developing an effective local marketing and social media strategy. It recommends businesses focus their social media presence on 1-3 major platforms like Facebook and YouTube. It also stresses the importance of listening to customers, providing value, and responding quickly to any complaints made on social media. The document highlights how local, mobile, and social media are now intertwined and businesses should claim their listings on search engines, directories and review sites to maximize their online presence. It provides an example of how a small business improved their search results by implementing structured data and schemas.

Assignment creative teams

Assignment creative teams

Ajay Tyagi

 

The document describes an experience using the "Six Thinking Hats" creative thinking framework in a team brainstorming session. The team explored ways to address sleep issues caused by stress. Participants found the green hat, which represents creativity, and the blue hat, which represents organization, to be most comfortable. The black hat, which represents criticism, needed to be balanced with the yellow hat, which focuses on benefits. Bringing in the red hat, which focuses on emotions, was difficult as participants were more logical. Overall, the six thinking hats approach helped generate about 125 ideas to address sleep problems from stress.

Trust of a Library:A Study of the Latency to Adopt the Latest Maven Release

Trust of a Library:A Study of the Latency to Adopt the Latest Maven Release

Au Gai

 

This document summarizes a study on the latency of developers to adopt the latest releases of Maven libraries in their projects. The study analyzed over 188,000 dependency relationships between 6,374 software systems and 5,146 libraries from Maven data between 2005-2013. It found that initially, around 40% of dependencies adopted older library releases rather than the latest (latent adoption). However, over time more projects adopted the trusted latest releases, with around 80% doing so for newly introduced dependencies. The research aims to understand how much latent adoption exists, and the current trends in how much developers trust library updates. It categorizes dependencies as either trusted or latent adoptions to analyze adoption trends over time.

72 pat2

72 pat2

Biobiome

 

who you working for

who you working for

chinesemsn

 

who you working for?

โครงสร้างภายในของใบ

โครงสร้างภายในของใบ

Biobiome

 

GDG Women DevfestW

GDG Women DevfestW

Tomoko Sato

 

3月10日にGDG京都さんのイベントの「GDG DevfestW Kyoto」で発表してきました。 https://sites.google.com/a/kyoto-gtug.org/devfestw/ HTML5でWebサイトを作ると制作者的に楽ですよ、と言うネタです。 使えるタグとその覚え方、困ったことに対する処理方法の紹介です。

パンダの会 Html5概説

パンダの会 Html5概説

Masakazu Muraoka

 

今日からはじめるHTML5 ver.2012

今日からはじめるHTML5 ver.2012

Yasuhito Yabe

 

「1st Knock!」Knock! Knock! 静岡のWeb制作者のための勉強会発表資料

_HTML5で組んでみた_

_HTML5で組んでみた_

Kelly Holonic

 

HTTP入門

HTTP入門

Sota Sugiura

 

About HTTP 社内向け勉強会のスライドです。

Attractive HTML5

Attractive HTML5

Sho Ito

 

HTML5について私が感じる魅力を語る 2010/04/29

HTML5 for IA

HTML5 for IA

Atsushi HASEGAWA, Ph.D.

 

Introducing HTML5 from IA viewpoint for Webmasters.

More Related Content

Viewers also liked (15)

Starter courses knife skills aug2012

Starter courses knife skills aug2012

Rachael Mann

 

This document provides instructions for a knife skills lesson that teaches students how to correctly dice vegetables. It includes a pre-lesson quiz about knife cuts and knife safety. The lesson objectives are to demonstrate proper knife grip and cutting techniques as well as prepare a bruschetta recipe. Students watch a demonstration of the recipe and then practice making it in groups. At the end, they write a one-minute summary of what they learned and what skills need more practice.

News : HMHS Britannic - The Forgotten Sister BlackHawk Mines Corp Zimbio

News : HMHS Britannic - The Forgotten Sister BlackHawk Mines Corp Zimbio

ginpark

 

The Olympic and Titanic have been built. The HMHS (His Majesty's Hospital Ship) Britannic was the third " wonder ship" to be built. Originally, the ship was to be named " Gigantic ", but due to the loss of the Titanic, her name was changed to Britannic. The White Star Line knew if they were to keep ahead in the race across the Atlantic the new liner would have to be more magnificent than her older sisters. Due to the sinking of the Titanic, large scale alterations would have to be made to her design. She could not sink in under 3 hours. She must carry enough lifeboats to accommodate every passenger and crew member.

Creative Partnerships Mentoring Programme

Creative Partnerships Mentoring Programme

pesec

 

Creative Partnerships commissioned Arts Inform to design, establish, manage and evaluate a two-phase mentoring programme pairing teachers in Creative Partnerships schools with representatives from cultural organizations. The evaluation of the second phase found that the 25 mentoring partnerships largely achieved their aims and objectives, which were highly relevant to the schools' work. Unexpected benefits included enhanced understanding between mentors and mentees as well as personal and professional growth for both parties. Evaluators emphasized the importance of structure, realistic expectations and school leadership support for partnership success.

Loan presentation final

Loan presentation final

iyap

 

This document discusses leadership and Loan's experience with AIESEC, the world's largest student-run organization. It describes how Loan initially joined AIESEC for personal benefits but later realized she needed to bring members together and support each other [1]. It then discusses situational leadership styles versus consistent traits, and encourages emulating Grace's example of motivating through opportunities rather than accountability [2]. The document highlights Loan's leadership moment receiving an award from AIESEC and her experience stepping up her leadership in Kenya [3].

סילבוס 'התהליך'

סילבוס 'התהליך'

Stas Segin

 

Maram ahmed Portfolio

Maram ahmed Portfolio

Black Swan

 

Sama Al.obaidi is a graphic designer from Saudi Arabia with over 15 years of experience in graphic design. She has worked as a freelance designer, taught graphic design, and currently works as a graphic artist for a packaging company. She is proficient in graphic design programs like Illustrator, Photoshop, and Corel Draw. Sama has strong communication, planning, and time management skills and enjoys researching and exploring new design methods. She speaks Arabic as her first language and is also fluent in English. Examples of her design work include logos, business cards, advertisements, and menus.

Kukucs

Kukucs

Marian Pop

 

Excess hair growth

Excess hair growth

hpinn

 

This document discusses excess hair growth. It defines terms like hirsutism, which refers to masculine hair growth patterns in women caused by excess androgen levels. Hypertrichosis refers to generalized increased hair growth all over the body. There are three main causes of excess hair growth: congenital (inherited hair growth patterns), topical (stimulation or friction causing increased growth), and systemic (caused by normal or abnormal hormonal changes). Normal systemic causes include puberty, pregnancy, and menopause, while abnormal causes can be endocrine disorders.

Haiti HOT OSM éducation 15/02/2012 (FR)

Haiti HOT OSM éducation 15/02/2012 (FR)

Severin Menard

 

The document summarizes the contributions of OpenStreetMap (OSM) in mapping efforts in Haiti following the 2010 earthquake. It details how OSM data was made available within days and used by responders. Hundreds of mappers were trained through programs run by the HOT (Humanitarian OpenStreetMap Team). By 2012, OSM data was being used by several organizations in Haiti for disaster risk management, education, health, and other mapping projects.

Social media + Local Search - Liana Evans- Digitizing

Social media + Local Search - Liana Evans- Digitizing

el_chambers

 

This document provides tips for businesses on developing an effective local marketing and social media strategy. It recommends businesses focus their social media presence on 1-3 major platforms like Facebook and YouTube. It also stresses the importance of listening to customers, providing value, and responding quickly to any complaints made on social media. The document highlights how local, mobile, and social media are now intertwined and businesses should claim their listings on search engines, directories and review sites to maximize their online presence. It provides an example of how a small business improved their search results by implementing structured data and schemas.

Assignment creative teams

Assignment creative teams

Ajay Tyagi

 

The document describes an experience using the "Six Thinking Hats" creative thinking framework in a team brainstorming session. The team explored ways to address sleep issues caused by stress. Participants found the green hat, which represents creativity, and the blue hat, which represents organization, to be most comfortable. The black hat, which represents criticism, needed to be balanced with the yellow hat, which focuses on benefits. Bringing in the red hat, which focuses on emotions, was difficult as participants were more logical. Overall, the six thinking hats approach helped generate about 125 ideas to address sleep problems from stress.

Trust of a Library:A Study of the Latency to Adopt the Latest Maven Release

Trust of a Library:A Study of the Latency to Adopt the Latest Maven Release

Au Gai

 

This document summarizes a study on the latency of developers to adopt the latest releases of Maven libraries in their projects. The study analyzed over 188,000 dependency relationships between 6,374 software systems and 5,146 libraries from Maven data between 2005-2013. It found that initially, around 40% of dependencies adopted older library releases rather than the latest (latent adoption). However, over time more projects adopted the trusted latest releases, with around 80% doing so for newly introduced dependencies. The research aims to understand how much latent adoption exists, and the current trends in how much developers trust library updates. It categorizes dependencies as either trusted or latent adoptions to analyze adoption trends over time.

72 pat2

72 pat2

Biobiome

 

who you working for

who you working for

chinesemsn

 

who you working for?

โครงสร้างภายในของใบ

โครงสร้างภายในของใบ

Biobiome

 

Starter courses knife skills aug2012

Starter courses knife skills aug2012

Rachael Mann

 

News : HMHS Britannic - The Forgotten Sister BlackHawk Mines Corp Zimbio

News : HMHS Britannic - The Forgotten Sister BlackHawk Mines Corp Zimbio

ginpark

 

Creative Partnerships Mentoring Programme

Creative Partnerships Mentoring Programme

pesec

 

Loan presentation final

Loan presentation final

iyap

 

סילבוס 'התהליך'

סילבוס 'התהליך'

Stas Segin

 

Maram ahmed Portfolio

Maram ahmed Portfolio

Black Swan

 

Kukucs

Kukucs

Marian Pop

 

Excess hair growth

Excess hair growth

hpinn

 

Haiti HOT OSM éducation 15/02/2012 (FR)

Haiti HOT OSM éducation 15/02/2012 (FR)

Severin Menard

 

Social media + Local Search - Liana Evans- Digitizing

Social media + Local Search - Liana Evans- Digitizing

el_chambers

 

Assignment creative teams

Assignment creative teams

Ajay Tyagi

 

Trust of a Library:A Study of the Latency to Adopt the Latest Maven Release

Trust of a Library:A Study of the Latency to Adopt the Latest Maven Release

Au Gai

 

72 pat2

72 pat2

Biobiome

 

who you working for

who you working for

chinesemsn

 

โครงสร้างภายในของใบ

โครงสร้างภายในของใบ

Biobiome

 

Similar to Semantic html が止まらない (20)

GDG Women DevfestW

GDG Women DevfestW

Tomoko Sato

 

3月10日にGDG京都さんのイベントの「GDG DevfestW Kyoto」で発表してきました。 https://sites.google.com/a/kyoto-gtug.org/devfestw/ HTML5でWebサイトを作ると制作者的に楽ですよ、と言うネタです。 使えるタグとその覚え方、困ったことに対する処理方法の紹介です。

パンダの会 Html5概説

パンダの会 Html5概説

Masakazu Muraoka

 

今日からはじめるHTML5 ver.2012

今日からはじめるHTML5 ver.2012

Yasuhito Yabe

 

「1st Knock!」Knock! Knock! 静岡のWeb制作者のための勉強会発表資料

_HTML5で組んでみた_

_HTML5で組んでみた_

Kelly Holonic

 

HTTP入門

HTTP入門

Sota Sugiura

 

About HTTP 社内向け勉強会のスライドです。

Attractive HTML5

Attractive HTML5

Sho Ito

 

HTML5について私が感じる魅力を語る 2010/04/29

HTML5 for IA

HTML5 for IA

Atsushi HASEGAWA, Ph.D.

 

Introducing HTML5 from IA viewpoint for Webmasters.

141115 making web site

141115 making web site

Himi Sato

 

About how to make a Website. I used this for Women Who Code Tokyo(http://www.meetup.com/Women-Who-Code-Tokyo/)'s meetup. It's would be glad if it could help someone.

HTML初心者向け勉強会

HTML初心者向け勉強会

SakiKomuro

 

8月4日に開催されたHTML初心者向け勉強会の内容です！

Web標準技術の今とこれからを考える（村岡正和 ・ 秋葉秀樹）

Web標準技術の今とこれからを考える（村岡正和 ・ 秋葉秀樹）

Hideki Akiba

 

HTML5での制作、いつから始める？

HTML5での制作、いつから始める？

Fuminori Mori

 

2012-07-14に鹿児島市のマルヤガーデンズで開催されたWordVolcanoというイベントで行ったHTML5とWordpressについての講演スライドです。

2011 PHPカンファレンス関西 懇親会LT

2011 PHPカンファレンス関西 懇親会LT

Takako Miyagawa

 

Concentrated HTML5 & Attractive HTML5

Concentrated HTML5 & Attractive HTML5

Sho Ito

 

「ぎゅ〜っと濃縮、HTML5」と「Attractive HTML5」セッションの二本立て

GW講習３日目！プロデザイナーが実践するHTML&CSSスキル向上トレーニング

GW講習３日目！プロデザイナーが実践するHTML&CSSスキル向上トレーニング

schoowebcampus

 

ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/677/room ーーーーーーーーーーーーーーーーーーーーーーー

プロデザイナーが実践するHTML&CSSスキル向上トレーニング〜Wikipedia編 先生：笠井 枝理依

プロデザイナーが実践するHTML&CSSスキル向上トレーニング〜Wikipedia編 先生：笠井 枝理依

schoowebcampus

 

ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/441/room ーーーーーーーーーーーーーーーーーーーーーーー

To write a better HTML

To write a better HTML

aotak

 

Tech.G HTML5 プレ講座

Tech.G HTML5 プレ講座

Atsushi Miura

 

グローバル・テクノロジー・デザイン株式会社がトレーニングスタジオ「Tech.G」で開催するHTML5マークアップ講座のプレ講座で紹介したスライド。 講座で使用したサンプルデータは下記。 http://bit.ly/15C4643

⑳CSSでアニメーション！その１

⑳CSSでアニメーション！その１

Nishida Kansuke

 

https://www.facebook.com/TonosamaLabo

メディア芸術基礎 II HTML5とは何か? HTML5、はじめの一歩

メディア芸術基礎 II HTML5とは何か? HTML5、はじめの一歩

Atsushi Tadokoro

 

アイデアを形にする ②HTML/CSSから始めるWeb技術の基礎

アイデアを形にする ②HTML/CSSから始めるWeb技術の基礎

DIVE INTO CODE Corp.

 

スタートアップスキルカレッジ第３弾

GDG Women DevfestW

GDG Women DevfestW

Tomoko Sato

 

パンダの会 Html5概説

パンダの会 Html5概説

Masakazu Muraoka

 

今日からはじめるHTML5 ver.2012

今日からはじめるHTML5 ver.2012

Yasuhito Yabe

 

_HTML5で組んでみた_

_HTML5で組んでみた_

Kelly Holonic

 

HTTP入門

HTTP入門

Sota Sugiura

 

Attractive HTML5

Attractive HTML5

Sho Ito

 

HTML5 for IA

HTML5 for IA

Atsushi HASEGAWA, Ph.D.

 

141115 making web site

141115 making web site

Himi Sato

 

HTML初心者向け勉強会

HTML初心者向け勉強会

SakiKomuro

 

Web標準技術の今とこれからを考える（村岡正和 ・ 秋葉秀樹）

Web標準技術の今とこれからを考える（村岡正和 ・ 秋葉秀樹）

Hideki Akiba

 

HTML5での制作、いつから始める？

HTML5での制作、いつから始める？

Fuminori Mori

 

2011 PHPカンファレンス関西 懇親会LT

2011 PHPカンファレンス関西 懇親会LT

Takako Miyagawa

 

Concentrated HTML5 & Attractive HTML5

Concentrated HTML5 & Attractive HTML5

Sho Ito

 

GW講習３日目！プロデザイナーが実践するHTML&CSSスキル向上トレーニング

GW講習３日目！プロデザイナーが実践するHTML&CSSスキル向上トレーニング

schoowebcampus

 

プロデザイナーが実践するHTML&CSSスキル向上トレーニング〜Wikipedia編 先生：笠井 枝理依

プロデザイナーが実践するHTML&CSSスキル向上トレーニング〜Wikipedia編 先生：笠井 枝理依

schoowebcampus

 

To write a better HTML

To write a better HTML

aotak

 

Tech.G HTML5 プレ講座

Tech.G HTML5 プレ講座

Atsushi Miura

 

⑳CSSでアニメーション！その１

⑳CSSでアニメーション！その１

Nishida Kansuke

 

メディア芸術基礎 II HTML5とは何か? HTML5、はじめの一歩

メディア芸術基礎 II HTML5とは何か? HTML5、はじめの一歩

Atsushi Tadokoro

 

アイデアを形にする ②HTML/CSSから始めるWeb技術の基礎

アイデアを形にする ②HTML/CSSから始めるWeb技術の基礎

DIVE INTO CODE Corp.

 

More from Yumi uniq Ishizaki (9)

スクラムする前に知って欲しいアジャイルさんっぽいこと

スクラムする前に知って欲しいアジャイルさんっぽいこと

Yumi uniq Ishizaki

 

会社の合宿でスライド開けなかったけど、ここに公開。

connpass design at BPStudy #88

connpass design at BPStudy #88

Yumi uniq Ishizaki

 

BPStudy #88 で話した connpass Design まわりネタ http://bpstudy.connpass.com/event/10139/

Pythonと出会ったデザイナーの話 #PyLadiesTokyo

Pythonと出会ったデザイナーの話 #PyLadiesTokyo

Yumi uniq Ishizaki

 

http://pyladies-tokyo.connpass.com/event/8744/ 「Pythonと私の付き合い方」をテーマという事で。こんな話をしてみました。

Oocssとかついでにsmacssとbemの話も

Oocssとかついでにsmacssとbemの話も

Yumi uniq Ishizaki

 

オブジェクト指向のCSSの話とか、smacssとbemの話とか、社内勉強会で好き勝手にしゃべってみました

絵描きさんあるあるPhotoshop技 DIST3

絵描きさんあるあるPhotoshop技 DIST3

Yumi uniq Ishizaki

 

真のレシポンシブって何だろう

真のレシポンシブって何だろう

Yumi uniq Ishizaki

 

詳細はあとでblogに

とっさのデザイン〜ボタン編〜

とっさのデザイン〜ボタン編〜

Yumi uniq Ishizaki

 

いわゆるwebサイトのボタンをどのようにデザイン設計するか。社内5分LTの。

アイディア発想法とかモノ作りを初める前にやること

アイディア発想法とかモノ作りを初める前にやること

Yumi uniq Ishizaki

 

とある色の決め方

とある色の決め方

Yumi uniq Ishizaki

 

webサイトやスマホアプリなどの色の決め方について。 60-30-10Ruleの話。 Kulerで色の基本について説明。 こんなふうにアクセントの色が決められるよね、っていうスライドです。 ----- 以前に社内LTで行ったスライドの改変です。

スクラムする前に知って欲しいアジャイルさんっぽいこと

スクラムする前に知って欲しいアジャイルさんっぽいこと

Yumi uniq Ishizaki

 

connpass design at BPStudy #88

connpass design at BPStudy #88

Yumi uniq Ishizaki

 

Pythonと出会ったデザイナーの話 #PyLadiesTokyo

Pythonと出会ったデザイナーの話 #PyLadiesTokyo

Yumi uniq Ishizaki

 

Oocssとかついでにsmacssとbemの話も

Oocssとかついでにsmacssとbemの話も

Yumi uniq Ishizaki

 

絵描きさんあるあるPhotoshop技 DIST3

絵描きさんあるあるPhotoshop技 DIST3

Yumi uniq Ishizaki

 

真のレシポンシブって何だろう

真のレシポンシブって何だろう

Yumi uniq Ishizaki

 

とっさのデザイン〜ボタン編〜

とっさのデザイン〜ボタン編〜

Yumi uniq Ishizaki

 

アイディア発想法とかモノ作りを初める前にやること

アイディア発想法とかモノ作りを初める前にやること

Yumi uniq Ishizaki

 

とある色の決め方

とある色の決め方

Yumi uniq Ishizaki

 

Semantic html が止まらない

1. Semantic HTML が止まらない Yumi ishizaki 20120628
2. W3C LOVEなHtml markupオタクが 気にすること3つ Semantic accessibility responsive • Htmlには • 誰でも使 • デバイス 意味があ える に合った るよ！ レイアウ ト
3. Semantic HTMLって何？ • 意味 – Htmlの中身の要素に意味を持たせてあげるこ と – ブラウザや検索エンジンがちゃんと理解して くれるように • 例 – <h1>…見出しなのです – <p>…段落ですよ – <blockquote>…引用文なのですよ
4. 余談の悪い例：目立たせるために <h1> Cssで頑張り ましょう
5. 余談の悪い例：<br>2回繰り返して 段落 <p>で囲みま しょう
6. Semantic HTMLってなぜ必要？ • Accessibilityにもつながる – 障害を持つ人々でもwebサイトに何が書いてあるか分かるように。 （semantic htmlのみでは完璧なaccessibilityにはならないけど…） • SEO – いわゆる検索エンジン向け – White hat SEO って言われる正当な方法でのSEO • Htmlが軽くなる • 制作者同士で「仕様」の共有が、コードの中で出来る。 • デザインのガイドラインが作りやすい • Cssで模様替え/リニューアルが簡単
7. html5 • 今までdevやspanを使い、idやclass指定で、意味を持たせていたもの があって、、、 よく使われるものがhtml5で出来たので感激ですね！ 詳しくはW3Cドキュメント見てね。 – <header> – <footer> – <article> – <nav> • 古いブラウザには対応してなかったりで、色々とまだ問 題はありますが！
8. Semantic HTMLの本当にいいところ （持論） • デザインのためになること！
9. Semantic HTMLで組む作業は デザインを考える前の手順！ • 要素・情報を意味を持って整理 バラバラな情報 情報をきれいに 何が見出しで何が本文だか分からない状態 整理整頓する
10. デザインの手順 • Step1：要素・情報を整理する • Step2：それをレイアウトに落としこむ （ここがsemantic Html！） • Step3：デザインの作業…色…フォント…イ メージ…などなどが続く…
11. 結論 • ガッチガチなSemantic HTMLじゃなくても Semantic HTML 意識すると、 デザインのためにもなって、一石二鳥なのでオススメで す！

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.

Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy