HTML5, CSS3, jQuery, WordPress, Bootstrap, SublimeTextなど、フロントエンドのマークアップやコーディングに役立つチートシートを紹介します。 PDFや画像をダウンロードしたり、ブックマークしておいて、すぐに確認できるようにしておくと便利ですね。
HTML5に関するkote2kote2のブックマーク (23)
-
kote2kote2 2015/10/05
-
［速報］マイクロソフト、HTML5/JavaScriptアプリをiOS／Android／Windows対応に一括変換する「ManifoldJS」をオープンソースで発表。Build 2015
［速報］マイクロソフト、HTML5/JavaScriptアプリをiOS／Android／Windows対応に一括変換する「ManifoldJS」をオープンソースで発表。Build 2015 マイクロソフトが米サンフランシスコで開催中のイベント「Build 2015」。2日目の基調講演では、iOSやAndroid、Windows 10などクロスプラットフォーム対応のアプリケーションを一括で生成するツール「ManifoldJS」を発表しました。 マイクロソフト チーフエヴァンジェリストのスティーブ・グッゲンハイマー氏。「Windows対応だけではなく、クロスプラットフォーム対応のアプリケーションをどう作ればいいのかとよく聞かれる。2年前、われわれはゲーム向けにUnityを発表し、昨年はiOSとAndroid対応でXamarinの採用を発表した。今年はWebアプリケーションにフォーカスしよう」
-
東急ハンズのクラウドデザインパターン アーキテクチャー編
JAWS DAYS 2015 Big Track 「東急ハンズのクラウドデザインパターン」 アーキテクチャー部分の資料です。Read less
-
HTML5とCSS3で何ができるかを実際に動かして学べる「The Expressive Web」
「HTML5」や「CSS3」を導入することで、ウェブサイトの作成やウェブデザインがさらに便利になります。そんなHTML5とCSS3で追加されている新しい要素で「何ができるのか？」ということが、実際に試したり動かしたりしつつ学べるAdobeの「The Expressive Web」です。 HTML5 and CSS3 - Adobe - The Expressive Web - Beta http://beta.theexpressiveweb.com/ 「The Expressive Web」は左側に各コンテンツのメニューがあり、1つずつ見ていくことでCSSやHTML5の動作が分かっていくというウェブサイト。一番上の「CSS3 Animations」をクリックすると、青いキャラクターと背景がCSS3アニメーションで動いている様子を見ることができます。CSS3アニメーションはHTMLにキーフ
-
Visual Studio“だけ”でiOSとAndroidアプリが作れる「Monaca for Visual Studio」
しかし最近では、この分野に大きな変化が起きています。そのきっかけが、マルチプラットフォーム開発を可能にするHTML5ハイブリッドアプリの登場です。HTML5ハイブリッドアプリとはWeb技術であるHTML5を用いて作られるネイティブアプリで、プラットフォームに依存しない「クロスプラットフォーム」であることが最大の特徴です。 Visual Studioでも、このHTML5ハイブリッドアプリの開発の対応がどんどん進んでいます。Visual Studioの優れた開発環境を使い、iOSやAndroid向けのネイティブアプリが開発できます。そこで本稿では、Visual Studio上でHTML5ハイブリッドアプリ開発を実現する「Monaca for Visual Studio」を紹介し、実際にアプリ開発をしていきたいと思います。 対象読者 今回の対象読者は、以下のとおりです。 JavaScriptによ
-
編集者を志したのにHTML5エキスパートに！？｜リッチメディア斉藤裕也が遠回りして培った意外なスキル | キャリアハック（CAREER HACK）
HTML5エキスパートのメンバーである斉藤氏だが、大学時代は編集者を志していた。ジャーナリズムを学ぶためにアメリカへ留学。帰国後にWEBメディアの編集という職を手にしたと思いきや、初日からフロントエンドエンジニアとして働くことに。異色のキャリアを持つ氏には、20代に遠回りをして培ったスキルがある。 文系出身からWEBの最前線を走るフロントエンドエンジニアに。 「文系出身のWEB系エンジニア」と聞いても、今や珍しさはない。業界の黎明期を経て、また技術が爆速で進化したこともあり、活躍の裾野が広がったと考えることはできる。そう。文系出身で活躍するエンジニアは、確かに増えているのだ。 今回お話を聞いたのは、編集者を志望しアメリカの大学にまで学びに行った斉藤祐也氏。帰国後にWEBメディアの編集（補助）という仕事を手に入れたハズが…。本人も理解できないうちに、フロントエンドのエンジニアとして生活をして
-
MdN Design｜総合情報サイト
Node.jsのインストールと 下準備 Node.js のインストールは、UbuntusやMacを利用するのが簡単だ【4】。ちなみに今回はMacとパッケージ管理システムMacPortsを利用してインストールしている。MacPorts のインストールは、Web サイトからpkg 形式のインストーラが配布されているので参照して欲しい【5】。 Node.jsには開発を便利にするパッケ ージが多数配布されている。これらの一括管理には、パッケージ管理システムnpm(node package manager)【6】を使うとよい。npmはMacPortsではインストールできないため、curlを利用してインストールする。curlのインストールはMacPortsで可能だ【7】【8】。 Node.jsでWebSocketを利用したい場合、Socket.ioが便利だ【9】。Node.jsのパッケージとして配布さ
-
MDN Web Docs
Resources for Developers, by DevelopersDocumenting web technologies, including CSS, HTML, and JavaScript, since 2005. //////////// //////////// //////////// //////////// //////////// //////////// //////////// ++++++ ++++++ ++++++ ++++++ ++++++ ++++++ ++++++{{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} ../../ ../../ ../../ ../../ ../../ ../..
-
Web制作者が捗る！知識が増える2014年トレンドまとめ
作成：2014/06/9 Web制作 > トレンド感のある動きや、洗練された見え方を実現するために、知っておきたいことや方法など。Web制作の現場で知っておくべきことをまとめました。全部取り入れるのは無理ですが、押さえておくことで今以上に見栄えのするサイトを作れると思います。ここ最近のトレンドをおさらいしたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビューで使いたいエフェクト １．ロングシャドウ ２．ポリゴン ３．ラージフォトスタイル ４．ブラーエフェクト ５．フルスクリーン動画 ６．画像シーケンス 脱ビットマップ画像 ７．SVG ８．Webフォントを円で囲む 配色・フォント ９．配色(フラットデザイン) １０．タイポグラフィ(フラットデザイン) １１．フォント(フラットデザイン) 効果 １２．Infinite Scroll(無限スク
-
BaaS勉強会、パネルディスカッションから分かったBaaS各社の狙いと違い | BACKEND AS A SERVICE mbaas BLOG
BaaS各社によるパネルディスカッションです。徐々に認知度が高まってきているBaaSサービスを提供する各社がどのような狙いをもち、そして市場を捉えているかといった鋭い質問が行われていました。mBaaSお役立ちブログ トップ> ブログ> セミナー> BaaS勉強会、パネルディスカッションから分かったBaaS各社の狙いと違い 5月30日にIIJ社にてBaaS（Backend as a Service）勉強会が行われました。HTM5 Japan Cupと合わせてHTML5アプリ/サイトの開発者にBaaSを知ってもらい、その活用による可能性を見いだしてもらうためのイベントです。 そのメインとなったのが記事中で紹介するBaaS各社によるパネルディスカッションです。徐々に認知度が高まってきているBaaSサービスを提供する各社がどのような狙いをもち、そして市場を捉えているかといった鋭い質問が行われていま
-
-
HTML5 Experts Works
All Works HTML5 JUMBOTRON by 大津谷亮祐 2,580 node-hue-remote by 吾郷 協 2,198 MySQL Console by 田中洋一郎 2,958 ChromeMyAdmin by 田中洋一郎 2,982 HTML5杯 by 面白法人カヤック 2,694 dialog element demo by えーじ 2,279 wri.pe by 増井 雄一郎 2,174 StyleStats by 石本 光司 2,632 csv2table by 高橋 登史朗 2,965 ccchart by 高橋 登史朗 3,582 Hue Video Ambilight by 吾郷 協 2,690 Caption Phone / 字幕付きボイスチャット by 仲 裕介 3,865 WebRTC Chat on SkyWay by 小松 健作 3 jsdo.
-
Web制作者はブックマーク必須！LIGブログ記事を知りたい分野別にまとめてみました。
日本のみなさん、こんにちはぁ！LIGサイトを教科書代わりに使っています、ライターの、のび太です。 今回は、これまでLIGで公開された記事をWeb制作者が見たいもの、学びたい分野別にまとめてみました。ぜひブックマークしておいて、時間があるときに見ておいてくださいね。特にWeb制作者の方は必見だと思います。めっちゃ勉強になること間違いなしっす！ LIGブログ 知りたい分野別リンク集 Sass、Compassを学びたい人 CSSの常識が変わる！「Compass」、基礎から応用まで！ これからSassを始めたい人へ！導入手順をまとめてみた(Dreamweaver対応) 目指せSassマスター！デザイナーがすぐ実践出来る基本テクニック12連発 Compassの設定ファイル「config.rb」の編集方法 Sassを使ったコーディングの強い味方に！便利なextend＆mixin集を作ってみた Sass
-
Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
-
Google Web Designer - Home
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
-
櫻田潤 | インフォグラフィック・エディター
ビジュアルの力で世界を丸くする。 地球の形状が「丸い」のは、そこで暮らす僕たちにひとつの「ビジョン」を指し示しています。地球の形と同じように、世界で起こっていることのすべてが丸く収まっていれば良いのですが、現実は違います。 大小いろいろな規模の摩擦がいたるところに発生し、繰り返されます。その解決に必要なのは、お互いの「考え」や「価値観」「立場」、「状況」「状態」を示し、認め合うことです。そのために、「ビジュアル」の力を活用していきます。
-
HTML5を使った超クールなフリーのWordPressテーマ集35:phpspot開発日誌
35 Free HTML5 WordPress Themes For Your Blog | Free and Useful Online Resources for Designers and Developers HTML5を使ったフリーのWordPressテーマ集35。 良い感じのテーマが集まっています。ぼちぼち今のテーマにも飽きて、もう、これからはHTML5だぜ、という方は試してみても良いかも。 関連エントリ 30以上のリッチコンポーネントが詰まったHTML5のUIライブラリ「Zebra」 HTML5を使ったクールなサイトデザイン集２１ クールでアニメーションするグラフを描画できるHTML5チャートライブラリ「Chart.js」 WebCamで撮影をHTML5で実現するデモ HTML5のゲームエンジン「Quintus」 フリーでHTML5ベースのリッチな管理画面テンプレート オープ
-
-
HTML5＋CSS3は「メニューの作り方」を覚えるだけ！
HTML5＋CSS3は「メニューの作り方」を覚えるだけ！：にわかデザイン（1）（1/3 ページ） Photoshopなどの画像処理ソフトを使わず、CSSでできる表現の幅が広がっています。にわかデザイナーになれる、簡単Tipsをお伝えします。 Web製作の現場では、予算の都合上Webサイトのデザインをデザイナーに発注できず、エンジニア自身が担当しなければならないことがままあります。昨今は「Twitter Bootstrap」などのCSSフレームワークを使って、そんな状況に対応している方も多いと思います。確かに、Twitter Bootstrapはリッチなデザインや機能を持つパーツがそろっていて、素早くレイアウトを組み上げるには便利です。しかし、そのためには独自の指定方法やお作法をそこそこ知っておかなければならないのも事実です。 であるならば……、CSS自体を覚えてしまうというのも1つの手では
-
新春!!HTML5KARUTA大会報告＆まとめ #HTML5KARUTA
今週日曜日に全国で行われた「新春!!HTML5KARUTA大会」の様子のレポートを紹介します。一応渋谷会場のレポートもしたいと思います！ HTML5KARUTA大会、無事終了しました！ 2013年年始のイベントごととしては初めての人も多かったのではないでしょうか。1月6日日曜日、webcre8の制作したHTML5KARUTAを使った全国的なイベント、新春!!HTML5KARUTA大会が行われました。 新春!!HTML5KARUTA大会、全国規模に。参加を迷ってるあなたに！ #HTML5KARUTA webcre8としてはこうしたイベントに参加する事自体あまりできていなかったのですが、せっかくやるなら話を大きくしたいという安直な考えのもと、いきなり主催で、しかも全国を巻き込んでのイベントとしてしまいました。 Photo by @shinsyou 実際のところ私自身が考えていたような段取りでイ
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました