運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
jQueryをメインにHTML5やCSS3を使ったリッチな表現のためのテクニックを紹介。まずはパララックスエフェクトの基本から。 Webサイトの55%で利用されているjQuery はじめまして。クラスメソッドのフロントエンドエンジニア、山田です。「jQuery×HTML5×CSS3を真面目に勉強」という連載をスタートします。 2005年2月にGoogle mapsが登場して以来、Web開発者の間でJavaScriptの株は上昇の一途をたどっています。その勢いはとどまることを知らず、リッチなWebコンテンツを作るには、Flashをはじめとしたプラグインに頼るという、それまでの常識をすっかり覆してしまいました。 さらに、HTML5やCSS3も登場し、各ベンダのブラウザがWeb標準の仕様に合わせて実装の足並みを揃え始めるなど、プラグインに頼らずともリッチなUIのWebコンテンツを少ない手間で作れ
街の看板やポスターなどで、おもしろいとか、かっこいい「文字」を見つけたことはありませんか? 文字には、楽しそうな文字もあれば、繊細な文字、優しい文字もあります。 文字の表情は様々で、そのバリエーションの豊かさに、私たちの日常が支えられているのかもしれません。世の多くのデザイナーは、人々に何かを伝えるときに、 どんな文字を使うべきかといつも試行錯誤を繰り返しています。最近では、デザイナーに限らず、多くの人がパソコンで文字を選べる時代になりました。そんな時代だからこそ、もっと文字の面白さや奥深さを伝えたい。 日本の文字を支えてきた企業「モリサワ」の協力のもと、みなさんの知らない文字の素敵な世界にご招待します。 文字について少し詳しく知るだけで、毎日がもっと楽しくなるはずです。
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
文書構造を意識しながらHTMLマークアップしよう!連載企画「実践で学ぶWebサイト制作ガイド」も佳境を迎え、今回いよいよHTMLマークアップの段階に突入します!「デザインは好きだけど、コーディングは苦手…」という人も、焦らず少しずつ記述していけばちゃんと形になります!お手持ちの「TextEdit」や「メモ帳」などのテキストエディタツールを開いて、さっそく始めましょう! 実践で学ぶ Web サイト制作ガイド:その 6目標:正しいページ構造の HTML が書ける必要なもの:Windows メモ帳 や、Mac OS Text Edit などの文章エディタツール。もちろん Adobe Dreamweaver などの Web 系オーサリングソフトがあるならそれで OK対象レベル:HTML の基礎知識がある・基本的な HTML タグが手打ちで書ける目次誰のため?何のため?Web サイトを作り始める前に
前回でお伝えしたように、シリコンバレーでは特に昨年あたりから「オープンなWebの技術でスマートフォン向けアプリを開発」という動きが強くなってきています。そして、オープンなWebの技術を語るときに欠かせない存在のひとつとしてHTML5が挙げられます。 今回はスマートフォン向けアプリケーション開発の観点からHTML5をおさらいしてみましょう。 1. HTML5の8つの特徴的な技術 HTML5には「セマンティックス」「オフライン&ストレージ」「デバイスアクセス」「コネクティビティ」「マルチメディア」「3D、グラフィックス、エフェクト」「パフォーマンス&インテグレーション」「CSS3」という8つの特徴的な技術があり、各技術を表すロゴも決められています。 以下では特に、これら8つの技術を使うとスマートフォン向けWebブラウザで何ができるのかについて、簡単に振り返ってみたいと思います。 1)セマンティ
「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー&デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価:2,808円 (本体2,600円)/形態:B5変 (240ページ) ISBN:978-4-04-866070-9 HTML5には、新たに加わった要素だけでなく、従来とは意味や使い方が変わった要素があります。引き続き、意味や、使い方に変更があったり、注意点が加わった要素を解説します。 各要素の解説冒頭に登場する「カテゴリー」と「コンテンツモデル」については、第5回を参照して復習してください。 HTML5のグローバル属性 以降の解説で
こんにちは、霙です。 iOSアプリの作り方を学べる人気講座『アプリクリエイター道場』。 私が参加していた第8期もあっという間に最終回になってしまいました。 というわけで、これまで学んだことを噛み締めながら最後のレポートをしたいと思いますヾ(*´∀`*)ノ 今回の講義内容 部品の使い方 グループワーク 情報収集のやり方 そんなわけで今回はいつもどおり部品の使い方を学んだあと、チームを組んでアプリ製作を行いました! ルールは、今までの講義で習った部品を使うこと。実に最終回っぽい内容です! ちなみに今までコミュ障すぎて他の生徒さんたちと会話することがほぼ皆無だった私ですが、 このグループワークでやっと皆さんと触れ合うことができましたw 自分から話しかけられない私には、このグループワークは個人的にとてもいい機会になりましたです :) グループワークで作ったアプリ はい。というわけで、各自3チームに
この記事では、LINEグループに招待できない・参加できない時の対処法や原因についてお伝えしていきたいと思う。 複数人で連絡を行う際にLINEのグループ機能は非常に役に立つ。学校でも職場でも利用されている事が多く、グループ内通話も出来るので簡単な打ち合わせ程度であれば、LINEでも可能になった。 グループの作り方も非常に簡単。 しかし、なぜか相手に招待が届かない…といったことも度々ある。 では、この招待が届かない時によくある原因について見ていこう。 LINEグループに招待できない時の対処法・原因 基本的に以下の場合は、相手に招待を送っても届かない。 既にLINEを退会している(アカウントを変更している)場合 既に招待を送っている場合 相手にブロックされている場合 もしくは、招待しているけれど参加されない…といった場合は、相手側が参加を拒否している可能性もある。 上記の3点に当てはまらない場合
「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー&デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価:2,808円 (本体2,600円)/形態:B5変 (240ページ) ISBN:978-4-04-866070-9 HTML5では、セクションに関連する要素以外にも、新しい要素が追加されたり、意味が変更されたりしています。今回から数回にわたって、HTML5で新たに登場する要素や、変更された要素について解説します。第6回は、一般的なWeb制作で使用頻度の高い要素と、ルビ関連の要素を取り上げます。 各要素の解説では、冒頭に「カテゴリー」
「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー&デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価:2,808円 (本体2,600円)/形態:B5変 (240ページ) ISBN:978-4-04-866070-9 前回はHTML5のセクションとアウトラインについて詳しく解説しました。今回はセクション関連の新しい要素を解説します。 セクションを明示するための要素 HTML5では、セクションを明示する要素として、section要素/article要素/aside要素/nav要素/body要素が定義されています。 section要素
「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー&デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価:2,808円 (本体2,600円)/形態:B5変 (240ページ) ISBN:978-4-04-866070-9 HTML5と従来のHTML4.01やXHTML1.0との違いは、既存のサイトをHTML5化してみると理解しやすいでしょう。今回は、実在するWebサイトをHTML5に(勝手に)リニューアルしながら、HTML 4.01やXHTML 1.0との違いを解説します。ソースコードだけをリニューアルすることは実務ではあまりないと思い
ローソン、無印良品、テレビ朝日など、国内でもHTML5で企業サイトを制作する事例が増えてきました。今すぐではないにせよ、「次のリニューアルはHTML5で制作したい」と考えるWeb制作者も少なくないでしょう。本連載では、「XHTML 1.0/HTML 4.01からの移行」をテーマに、HTML5マークアップの基本から実務で使用するポイントまで、ライブドアのマークアップエンジニア 浜 俊太朗さんが解説します。(編集部) 「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー&デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価:2,808円 (
昨日から連載している「WordPressでWebサービスを作る方法」の第2回です。 今回は、WordPressをカスタマイズするための「開発環境」を構築します。 「開発環境がどうの」と聞くと、普段プログラミングをされない方には難しく感じられるかもしれませんが、実際そんなに難しくはないです。 目次 PHPとは 開発環境の構築(⇐今ここ) MAMPやXAMPPのインストール WordPressとは WordPressの仕組み WordPressで作られたWebサイトやWebサービス WordPressでWebサービスを作るために何をしなければならないのか WordPressテーマの作り方 WordPressの「テーマファイル」とは WordPressのテーマファイルを作る: Free.Stockerの場合 functions.php とは loop.php とは WordPressをWebサー
このブログでは何度も触れていますが、3月に フリー写真素材 :: Free.Stocker という無料写真素材サイトをオープンしました。 このサイトは、WordPress というブログ向けの CMS(コンテンツ管理システム)を使って作りました。 このサービスを作った際の手順をケーススタディとして「PHPやWordPressを全く知らない方でも、WordPressでWebサービスを作り、それをたくさんの方に利用して頂ける方法を分かりやすく学べる記事を書こう」と思い書き始めたのがこの記事ですが、「PHPとは」から「WordPressサイトにおける内部SEO」「ソーシャルメディアマーケティング」まで網羅する特大記事になり、1記事として一度に掲載することが難しくなったので、全10回の連載としてお送りします。 WordPressやPHP初心者の方はぜひ1ページ目からソースコードを書き写しながら、既に
当コラムはタイトルのとおり、我々がどうしてこんなにもゲームにハマッてしまうのかを実際のプレイ動画や画面写真を見ながら楽しくかつまじめに考えていくという不定期企画。担当編集者さんからのご配慮と読者の皆様からのご支持のお陰をもちまして、旧ITmedia Gamezに引き続き新サイトでも連載をさせていただくことになりました。今後ともよろしくどうぞお付き合いくださいませ。 さて、第8回目となる今回は、前回の「第7回:ハイスコア更新は常に命がけ! 『ボーナス獲得=ハイリスク』の法則」に引き続き、人がゲームに夢中になる仕組みをスコア(得点)アップのシステムから考察していきます。その中でも、今回は特にステージをクリアしたときに獲得できるボーナス得点のシステムにフォーカスした内容でお送りします。どなたでもお楽しみいただけるよう、筆者が厳選したゲームを使って作成した(単なる個人的趣味というウワサも…)プレイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く