Webで動かしながら操作案内を簡単設置！ 使わないとかなり損するIntro.jsとは
Webで動かしながら操作案内を簡単設置！ 使わないとかなり損するIntro.jsとは：HTML5アプリ作ろうぜ！（8）（1/2 ページ） HTMLに属性を追加していくだけで、実際に操作しながら案内できるチュートリアルを簡単に付けられるJavaScriptライブラリの使い方を解説します。 動画や専用ページのチュートリアルより分かりやすく、HTML初心者でも手軽に設置できるIntro.js 今回の「HTML5アプリ作ろうぜ！」は、「Intro.js」を紹介します。 読者の皆さんは、Webサイト／Webサービスのチュートリアル／操作案内を作成するには、チュートリアル専用のWebページを作成したり、操作する動画を作成したりしている方も多いかと思います。Intro.jsを利用すると、実際に操作しながら案内できるチュートリアルを簡単に付けることができます。そのため、チュートリアル専用ページや動画を作成
CSSで要素を画面中央に配置する方法 | hT DESIGN blog
ある要素を画面の中央（縦横ともに中央）に配置したい。そんなとき使えるCSSテクニックについて書きます。※IE7以下のブラウザには対応していません。 要素を画面中央に配置するサンプル 水平方向（横位置）に対する中央揃えは、CSSで text-align: center; を使ったり、ブロック要素ならば margin: 0 auto; を使ったりして実現できます。しかしながら、垂直方向（縦位置）の中央揃えとなると、簡単に出来そうでなかなか上手くいかず、悩むところです。 tableタグによって実現することもできますが、あまりスマートなやり方ではありませんので、ここではCSSを使って中央に配置する方法を説明します。 <TABLE>タグをレイアウト目的で使用するケースがありますが、 <TABLE>タグは本来はテーブル（表）を作成するためのタグです。 レイアウト目的には、できるだけスタイルシートを利用
Web制作者がマジで学べる国内ブログ厳選10個【制作+SEO対策編】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんどうも〜こんにちはぁ！ 日々レベルアップを目指してWebを学んでおりますライターの、のび太です。 以前「Web制作初心者がマジで学べるおすすめ国内ブログ厳選10個」という記事を書かせていただいたのですが、予想以上に好評で驚きました。お役に立てて光栄です！ そのときご紹介したブログの他にも、まだまだ有益で素晴らしい国内ブログはたくさんあります。そこで今回は、「やばい！ マジで有益すぎる！ ありがてぇ！」と感じたブログを、制作系とSEO系とに分けて、計10個ほどご紹介したいと思います。 今まで知らなかったという人は、ぜひこの機会にRSS購読を！ 制作系 以下7ブログが、デザイン、コーディング、CMSなど制作系の内容になります。 NxWorld http://www.nxworld.net/ どの記事もシンプルかつ丁寧な説明で非常にわかりやすいです。特にWordPressカスタマイズ系の
Q co.,ltd.【株式会社キュー】
もしすごいアイデアを思いついたらどうする？ 宝箱に入れて大切に保管してもしょうがない。 実現させないと。 もし実現する方法がなかったら？ なかったら創る。 方法論から創り出す。 だって実現しなければクリエイティブじゃない。 それが私たちQの考え。 そしてQ自体がクリエイティブを実現するために、 つくられたひとつの方法論、とも考えます。 才能を集めて自由と 責任を与え、 若さをリスペクトし、 組織の中にも頭の中にも垣根を無くす。 大胆を良しとする。挑戦を良しとする。 そんなクリエイティブ実現力集団こそ、 私たち Q が目指す姿です。 ｢0｣からのプランニングに始まりデザインからモノづくりまで、 各分野のプロフェッショナルが手を組み、 戦略と感性を融合させあらゆる トータル・ソリューションの実現をサポートいたします。 私たちはクリエイティブに領域を決めず、 ボーダーレスに探求しています。
完璧に分かる！コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)
作成：2014/01/27 更新：2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 １．仕様書の確認 ２．入稿データの確認・スケジューリング HTML5 マークアップ ３．テンプレート作成 ４．条件付きコメント ５．GCF＋キャッシュクリア ６．OGP記述 ７．ファビコン ８．アウトライン作成 ９．バリデーターをチェック CSS の設定 １０．ノーマライズスタイル レスポンシブデザイン設計 １１．モバイルファーストを基準に設計 １２．プログレッ
今どきのGruntを使ったフロントエンド開発（HTML/CSS編） - MOL
SassなどのCSSプリプロセッサを使うWebデザイナが増えてきました。Sassをコンパイルするだけなら黒い画面（ターミナル）を使わずともGUIアプリからの利用で問題ありません。が、ここは一歩踏み込んでGrunt（JavaScript製のタスクランナー）を使って、Sass以外のコンパイルやライブリロード、画像最適化、CSSのリントやスタイルガイド生成など、あらゆる作業をGruntに任せてより効率的な開発環境を手に入れてみませんか。 ども、Front-end Developerをしております@t32kです。今日はがんばります。 Frontrendというコミュニティ活動をしています。通常は東京で3~4ヶ月の周期でフロントエンドをテーマにした勉強会を開催しています。良かったらみなさんもご参加くださいませ。 Agenda 今日の話す内容は以下のとおりです。 なぜGruntを使うの？ Gruntの使
ようこそ、HTML5裏APIの世界へ - HTML5 Conference 2013
Canvas、WebGL、WebRTC、WebSocketなど、HTML5の花形スターとも言えるモテ系APIは、常に世間の注目を集めている。これらAPIを使いこなせるウェブディベロッパーはどこからも引っ張りだこだろう。しかし、注目度が低いながらも、今後のウェブを支える（かもしれない）最新のAPIが数多く存在する。このようなAPIは派手さが足りないゆえに話題になることもない。しかし、これら非モテ系のAPIも含めてHTML5だ。 本セッションでは、ありきたりのモテ系APIに飽きたマニアな貴方のために、普段は陽の当たらないAPIを一挙紹介する。もちろん、どれかのブラウザーに実装されているAPIのみだ。今から使おうと思えば使えないことはない。そして、W3Cにて仕様策定が始まって日が浅いため、明日にはどうなるか分からない。無くなるかもしれないし、大幅に変更されてしまうかもしれない。今覚えても役に立た
ふろしき Blog
2023-04-11 不景気っぽいので急いで起業することにしました #退職エントリ ビジネス 1年半ほど務めたメディアドゥを卒業することになりました。NTTグループで6年半、ピクシブで6年半と、比較的長期間に渡って会社に所属していたため、今回ももう少し長く在籍しようと考えていましたが、様々なタイミングが重なり、短期間で退職することに決め… 2021-12-13 エンジニア採用とマーケティング - カンファレンスやオウンドメディアを科学的に改善する マネジメント インターネット事業を扱うIT業界では、皆がエンジニアの採用に頭を抱えているようですね。その気持、僕もわかります…！新卒採用では鉄板だった逆求人イベントも競争が激化していたり、中途採用も分野によっては壊滅的に人が見つからなかったり。どこの担当者… 2021-11-18 ピクシブを退職します - 創業期から成長期への転換を越えて理解した
JavaからHTML5ヘ。業務システムの開発におけるWeb技術の変化と適応事例
JavaからHTML5ヘ。業務システムの開発におけるWeb技術の変化と適応事例 佐川 夫美雄（Ashiras, inc.） フロント開発の現場では、Java中心の開発から、HTML、CSS、JavaScript中心の開発にかわりつつあります。今回は具体的な事例をもとに、実装アーキテクチャや開発インフラに、どのような変化が起きているかレポートします。 はじめに HTML5が2014年に正式勧告されることを受け、フロント業務アプリケーションに影響を与えています。より多くのことがHTMLやCSSでできるようになり、現場レベルでは開発スタイルそのものの見直しも行われています。実際、私が担当しているプロジェクトではJava中心の開発からHTML、CSS、JavaScript中心の開発へと開発環境を変えています。具体的に何をどのように変更しているのかを、私が担当しているプロジェクトの内容に沿ってご説明
「業務系システムは今すぐ脱Strutsを！」業務システムエンジニアのためのHTML5勉強会#04 活動報告 | gihyo.jp
「業務系システムは今すぐ脱Strutsを！」業務システムエンジニアのためのHTML5勉強会#04 活動報告 2013年9月9日、日本Javaユーザグループとhtml5jえんぷら部で共同開催「業務システムのためのHTML5勉強会#04」は、GREE様の会場提供で六本木の森タワーにて開催されました。 テーマは「Web x Java」。WebとJavaを組み合わせたWebシステム開発が、どのような方向に向かっているのか、どういう技術により実現されるのかを探る目的で開催されたイベントです。 「Webの技術」では、jQueryの登場が、インタラクティブなフロントエンド実現を容易にし、HTML5の普及でさらに拍車を掛けます。フロントエンドの開発は、マルチデバイス対応、ポリフィル・シムから、ビルドプロセスにテストツールと、様々な技術要素が絡み合います。そして、数年前には想像もつかないほどの高い専門性
HTML5 業務アプリケーションにおける Java の役割 - albatrosary's blog
はじめに ここ最近、html5jえんぷら部&JJUG合同勉強会での「HTML5 における Java の役割」とか Developer Summit in Kobe での 「HTML5 と Java」をテーマとしたセッションをいくつか聴講したのでまとめます。Java の方向性としては Scala によるより扱いやすく（開発が容易な）という方向性と JavaScript エンジンを Java に取り込みクライアント＆サーバの開発効率を上げることがあるように感じられます。 フロントエンドエンジニアとしては JavaFX の存在というのは貴重で クライアントで Java の資源を使いながら且つ HTML5 の機能も使えるというのは有用と考えています。これはいわゆるハイブリッドアプリケーションですが、一般には「枠」をネイティブで作り「中身」を HTML5 で作成することでクライアントのリソースも有効
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5の基礎と応用 ~Open Web Platform~ WebSocket / WebRTC / Web Audio API / WebGL 第三版
はやわかりHTML5ハイブリッドアプリ開発事情
Amazon.co.jp: HTML5 スタンダード・デザインガイド ~Webサイト制作者のためのビジュアル・リファレンス&セマンティクスによるコンテンツデザインガイド~ (Web Designing BOOKS): エ・ビスコム・テック・ラボ: 本
2014/02/28: Enterprise x HTML5 Conference 2014 - エンタープライズIT向けWeb標準技術のソリューション展
まだ間に合うHTML5 - Yeomanで追いつけ！高速webアプリ開発