Flexboxの基本的な使い方から、ヘッダ・フッタ・ナビゲーション・タブ・カードなど、Webページでよく使うUIコンポーネントをFelxboxで実装するチュートリアルを紹介します。 2016年1月12日にIEの古いバージョンのサポートが終了し、Flexboxをそろそろ使うか、と考えている人も多いと思います。 Flexbox Patterns Flexbox Patterns -GitHub Flexboxの実装に役立つ各プロパティの説明は、下記が分かりやすいです。 CSS3 Flexbox の各プロパティの使い方をヴィジュアルで詳しく解説 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 「display: flex;」からはじめよう 01. 要素を水平に配置する 02. Flexboxで実装する「タブ」 03. Flexboxで実装す

をクリックすると、全画面表示に切り替わります ※端末・環境によっては、一部正常に表示されない場合もございます。

Webサイト制作に携わっている方、クラウドにご興味のある方を対象にクラウドサーバーについての基礎知識から、クラウドサーバーの作成~WordPress立ち上げまでをゼロから学ぶ授業です。受講を通して、Webサイトの基盤となるサーバーをクラウド上で作成する方法を学びます。 Webサイト制作に携わっている方、クラウドにご興味のある方のために、クラウドサーバーについての基礎知識から、クラウドサーバーの作成~WordPress立ち上げまでゼロから学びます。 受講を通して、Webサイトの基盤となるサーバーをクラウド上で作成することで専門的な知識と技術を習得し、今後、自分自身の仕事の幅を広げて活躍される方が増えることを期待しています。 ※授業スライド内、及び授業内でご案内している「クーポンコード」は生放送時のものであり、現在はキャンペーンを終了しています。あらかじめご了承ください。

たにぐち まこと 株式会社エイチツーオー・スペース 代表取締役 「ちゃんとWeb」をコーポレートテーマに、Web標準に準拠したメンテナンスしやすいWebサイトを「ちゃんと」作ることを目指したWeb制作会社。 WordPressを利用したサイト制作や、スマートデバイス向けサイトの制作、PHPやJavaScriptによる開発を得意とする。 また、CSS Niteや Word Campでの講演や著書などを通じ、クリエイターの育成にも力を入れている。 主な著書に『WordPressをちゃんと使うための教科書』（マイナビ刊）、『よくわかるPHPの教科書』（マイナビ刊）など。 Web http://h2o-space.com Twitter http://twitter.com/seltzer Facebook http://facebook.com/taniguchi.makoto 主な講演実績 C

この授業では、これからアプリデザインを勉強しようと思っている方や、もう一度基本的なことを学びたいという方を対象に、iOSアプリデザインの基礎的なところから学習します。 これまでいくつものアプリ制作現場で、グラフィックデザインの能力は高いけれども、アプリデザインの知識のないデザイナーに発注して涙するクライアントやエンジニアの方々をたくさん見てきました。 HTMLやCSSの知識がないと理にかなったWebデザインができないように、 アプリのデザインにも知っておくべきルールがあります。 また、質の高いアプリを完成させるために、エンジニアには出来るだけプログラム作成に注力してもらう必要がありそうです。 そのためにデザイナは何をした方がよいのか、一緒に考えてみたいと思います。

わたなべ りょう プロフォトグラファー 大学卒業後、一般企業に勤めながら独学にてカメラを勉強し、未経験からフリーランスカメラマンに転身。主にキッズ・ファミリー・マタニティフォトなどを撮影し「女性ならではのやさしい写真」と定評がある。PIXTAではマイペースに撮影を楽しみながらも、着実に売上を伸ばし、売り上げは常にTOP。特にロケーション写真が美しく、あらゆるジャンルの企業の広告写真として使用されている。 滝 紀子 PIXTA株式会社　クリエイティブアドバイザー TV(バラエティ番組)制作、雑誌(ウエディング誌・ファッション誌)の編集者を経て2012年より現職。PIXTAにクオリティの高い広告素材を増やすため、日々増えるPIXTAクリエイター(現在16万人超)の皆さまに、高品質の広告素材を撮ってもらえるよう、サイト上での情報発信からデータ分析、ロケーション＆モデルハント、全国セミナー行脚まで

この授業では、カフェのスマホサイトをゼロから制作して、FTPソフトでレンタルサーバーでアップして公開することがゴールです。HTMLやCSSを使ったコーディングや、レスポンシブデザインを学べます。 どんなことを学べるか： ・カフェのスマホサイトを0から作れる ・dreamweaverの使い方をサイト制作を通して学べる ・FTPソフトのインストールと使い方を学べる ・レンタルサーバーの選び方と申し込み方法から設定までひと通り行う ・制作したHTMLファイルをFTPソフトを使ってアップロードするサイト制作の一連の流れを知れる ・デバイスに左右されにくいサイト構築のノウハウを知れる ・Chromeブラウザの開発者ツールの使い方を学び効率のよいCSSの構築方法を学べる

Webサイトを効率良く構築＆デバッグする上で役立つのがデベロッパーツールです。 これができるようになると、ブラウザ上でリアルタイムに修正を確認できたり、元のファイルをいじらずに一時的な変更を適用させたり、CSSを効率よく構築できたり、JavaScript(jQuery)のデバッグをしたりとウェブサイト制作に携わるコーダーやデザイナーはもちろん、非ウェブデザイナーのサイト修正や更新をするWeb担当者など、一度覚えれば便利で手放すことができなくなるツールが満載のデベロッパーツールの使い方を一から応用まで紹介します。 この授業を受けると学べること： ・デベロッパーツールの使い方がわかる ・特定の場所のHTMLやCSSがどのように反映されているか即座に知ることができる ・今まで一つ一つなんとなく書いていたCSSがリアルタイムに反映され視覚的にわかりやすく構築できる ・ChromeやFirefoxで

【お知らせ】 本コースはリニューアル版がございます。下記コースのご受講をおすすめします。 コースタイトル：プロデザイナーが実践するHTML＆CSSスキル向上トレーニングvol.2（https://schoo.jp/course/7289）

【HTMLとCSSを使って、150分で簡単なWEBサイト制作】全6回の4回目です。 【WEBデザインのためのPhotoshop】全3回で制作したカンプからビルボードとサムネールをスライスで切り出しました。これでサイトを制作する準備が整いました。 jQueryを設置してインタラクティブなサイトを完成させる前に、htmlとcssのコーディングルールについて詳しく勉強して行きましょう。 「Webデザインの骨組み「ワイヤーフレーム」を学ぼう」の生放送授業でadobe クリエイティブクラウドの体験版を使用してこられた方は、体験期間の１ヶ月が終了していますので、この授業ではコーディングツールはSublime Text2を使用していきます。 adobe クリエイティブクラウドは月単位の課金が可能です。既にDream Weaver（ヴァージョンは問いません）をお持ちの方、adobe クリエイティブクラウド

【お知らせ】 本コースはリニューアル版がございます。下記コースのご受講をおすすめします。 コースタイトル：HTML・CSS基礎（https://schoo.jp/course/7289）

この授業は、ここ数年で急成長した「在宅ワーク」の代表「クラウドワーキング」について、どのような働き方なのか、実際にどんな仕事があるのか、クラウドワーキングの活用法、仕事の選び方、応募の仕方、効率のよい仕事の進め方、クラウドワーキングという働き方について学べます。 加藤 若菜 Webコーディネーター システムエンジニア、コンテンツディレクター、広告代理店での勤務を経て2013年に独立したフリーランスWebコーディネーター。「お客様の頭の中にあるアイデアの具現化」をテーマに、Webサイトの企画・設計からデザイン・構築を行うほか、広告代理店での経験を活かしたランディングページの制作、商品開発やEC運営経験を活かしたネットショップコンサルなど幅広い業務で活動。仕事の大半をクラウドソーシングサービス「クラウドワークス」を通じて受注しており、2015年3月には「クラウドワークス デザイナー・オブ・ザ・

ＴＰＰ＝環太平洋パートナーシップ協定の交渉で、各国は映画や音楽などについて著作権侵害があった場合に原則、作者などの告訴がなくても起訴できるようにする「非親告罪」とする方向で調整を進めていることが分かりました。 適用範囲について各国が判断できる余地を残す案が示されたことで、これまで慎重な姿勢だった日本も受け入れる方針です。　　　　　　　　　　 ＴＰＰ＝環太平洋パートナーシップ協定の知的財産を巡っては先月２６日から今月１日にかけてニューヨークで開かれた首席交渉官会合の場で議論されました。 この分野では映画や音楽、書籍などの著作権の保護を巡って意見の対立が続いてきました。 特に著作権の侵害があった場合に作者など被害を受けた人の告訴がなくても起訴できるようにする「非親告罪」とすることを巡ってアメリカなどが賛成する一方、日本は国内でアニメや漫画などをアレンジした同人誌などの創作活動が取締りを受けると