「プログラマでしょ？ホームページ作ってよ！」を1日で対応する - Qiita
プログラマあるあるだけど友人からホームページ作ってよ!と言われることがある。 大体は適当な理由をつけて断るけど、1日程度で作る方法を模索してみた。 テンプレートをダウンロード 1から書いてる暇はないので適当なテンプレートを使います。今回はHTML5 UP!を使います。 HTML5 UP!のLicense 控え目でもCreditsをサイトに乗せれば無料で使用可能です。 以下はサンプル テーマはDirectiveを使用します。 フォームが付いててマークアップはそのままで使えそうですね。 開発環境 テーマがダウンロードできたら開発環境を準備します。 サーバーサイドは書きません。 Cloud9が便利そうだったので登録してワークスペースを作ります。Cloud9のワークスペースは一つなら非公開でも利用可能です。 以下のようにプロジェクトの情報を指定します。 ライブプレビュー準備 生成されたプロジェクト
[実力試し]HTML5 認定試験 Lv1 想定問題 (37) セレクタの詳細度
マイナビ出版発行の書籍からIT関連の問題を引用し、出題していきます。皆さまの実力をお試しください。 今回は、『HTML5プロフェッショナル認定試験 レベル1 対策テキスト&問題集』から。認定試験を想定した問題なので、連続正解者は受験を考えても良いでしょう。 【問題】 以下のセレクタのうち、詳細度による優先順位がもっとも高くなるものはどれか。1つ選びなさい。 A. #aaa #bbb #ccc B. #aaa #bbb #ccc h2 C. #aaa #bbb #ccc .ddd D. *#aaa section#bbb h1#ccc E. body#aaa section#bbb h1#ccc
![[実力試し]HTML5 認定試験 Lv1 想定問題 (37) セレクタの詳細度](https://cdn-ak-scissors.b.st-hatena.com/image/square/59fa0a0b26a19536c39e99fb186cff7f9612dc43/height=288;version=1;width=512/https%3A%2F%2Fnews.mynavi.jp%2Ftechplus%2Farticle%2Ftechp1944%2Findex_images%2Findex.jpg)
お疲れさまXMLHttpRequest、こんにちはfetch - Qiita
Service Workersでプッシュ通知を受信できるようになったわけですが([1]: GCM)([2]: Web Push)、Chromeではバージョン48まではGCMで通知だけができるようになっただけで、メッセージ本体は通知を受けてからService Workerでサーバから改めて受け取るような実装をする必要があったりします。 ここで、Service Workersでは、XMLHttpRequestが使えません。その代わり、XMLHttpRequest (以下、XHR)に代わるWHATWGの仕様としてFetch APIがあり、Service WorkersではこのFetch APIを使うことになっていますので、その使い方を簡単に紹介します。 Fetch API自体は、Service Workers専用のものではなく、メインスレッドでもXHRの代わりに使うことが可能です。現時点で実装し
HTML5/CSS3 モダンコーディング を執筆しました - エンジニアをリングする
HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方 (WEB Engineer’s Books) 作者: 吉田真麻出版社/メーカー: 翔泳社発売日: 2015/11/03メディア: 大型本この商品を含むブログを見る どんな本なの？ HTMLとCSSの初心者〜中級者向けの本です。HTML・CSSの基本的な文法と一般的なタグ・プロパティ（a要素とかmarginプロパティとか）を多少知っている方であれば読めます。 イメージ的には、超初心者本の次に読むような感じ。既にHTML/CSSの最低限の知識はあって既存コードの修正やコピペはできる、けどまだいちから何か作るようなコーディングは難しい・・・というようなレベル感の方が、いちからサイトを作る経験をしながらもっと知識や理解を深めていく、というような内容
もう HTML 要素の配置に関しては CSS3 Flexbox でいいよね - 雑文発散(2015-09-09)
▼ [CSS] もう HTML 要素の配置に関しては CSS3 Flexbox でいいよね 不特定多数ではなく特定小数が見るような画面に対してのブラウザ方言対応をどこまでやるかというパターンの話。もういいよね、Flexbox を使っても。 A Visual Guide to CSS3 Flexbox Properties CSS3 Flexbox の各プロパティの使い方をヴィジュアルで詳しく解説 「当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています」とのこと。 Flexboxの書き方 IE10、Safari、iOS Safari、Androidブラウザへの対応【実践編2】を紹介します【2015年4月現在】 Can I use Flexbox IE10 用と Safari 用のベンダープレフィックスくらいは対応しておこうかな、しかたなく。 display:-ms-flexbox;
Visual Studio Code - NEW FEATURES: 11 Funtastic Editor Updates (New Themes, Keyboard Accessibility, Screen Reader, Localization, Ligatures, Find Widget, Input Handling, Cursor Style, Auto Save, File Picker, & IntelliSense Documentation) - User Ed - The bl
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
JavaScript/HTML5で，SJISの日本語CSVファイルをWebページ上で動的に生成してダウンロードするサンプルコードと解説 （動作デモ付き。Excelで開いても文字化けしない） - モバイル通信とIT技術をコツコツ勉強するブログ
HTML5のJavaScriptで，Webページ内でCSVファイルを動的に生成してダウンロードする。 CSVファイルの中身は日本語で，文字コードはSJIS（Shift-JIS）とする。 サーバ側の処理は一切不要で，JavaScriptだけで実装する。 下記URLに，実際に動く動作デモがあります。 html5のFile APIで２バイト文字のCSVを出力するサンプル http://computer-technology.study-tips... ※HTML5に対応したブラウザで開いて下さい。 以下はソースコード。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>html5のFile APIで２バイト文字のCSVを出力するサンプル</title> <script src="./encoding.js"></script>
CodeIQについてのお知らせ
2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod
MonacaでCrosswalk版を使おう
サイズはどれくらい増えるのか？ Crosswalk版はWebViewエンジンをアプリの中に内包するのが特徴になります。それにより個々のデバイスにあるWebViewのバージョンなどに左右されることなく動作可能になります。 唯一の欠点としてはアプリのサイズがWebViewの分、肥大化することでしょう。これはおおよそ18MBくらいになります。ごくごく小さなアプリの場合、数倍になるかも知れませんが、最近のアプリはリソースが高品質化することでサイズが大きくなる傾向があるので18MBくらいであれば許容範囲と言えるのではないでしょうか。また、アプリの自動アップデートも使われるようになっていますので、ユーザがアプリサイズを気にすることは殆どないかも知れません。 Crosswalkはこれまで問題視されていたデバイスごとの動作誤差をなくしてくれる素晴らしい仕組みです。Android 4.0以降に限定されてしま
誰でもハイパフォーマンス！OnsenUIが変えるハイブリッドアプリ開発の常識ーng-japan 2015
誰でもハイパフォーマンス！OnsenUIが変えるハイブリッドアプリ開発の常識ーng-japan 2015 佐川 夫美雄（Ashiras, inc.） この記事は、Angularをテーマとした日本初のカンファレンス 「ng-japan」のイベントレポート（第2回目）です。 はじめに HTML5ハイブリッドアプリケーションとは、内部の実装にHTML5が利用されているモバイルアプリケーションです。アプリの内部実装にHTML5を使うことでクロスプラットフォーム対応が可能になりますが、その代わり問題となるのがUIとパフォーマンスです。このセッションでは、Angularの上に構築されたUIフレームワークであるOnsen UIを紹介しながら、Angularでどうすれば高速かつ快適なUIを持つモバイルアプリを作れるかについて話します。 AngularとOnsen UIで作る最高のHTML5ハイブリッドアプ
HTML5で業務システムを構築しよう
第21回 HTML5で家計簿アプリを作る パフォーマンス向上のための工夫 業務システムの場合は毎日何千、何万というデータが発生します。毎日使う業務アプリにこそ、スムーズな操作が重要です。ユーザーがアプリを使って一日中作業をするような場合は、数秒のわずかな遅れでも、それが積み重なれば著しいユーザービリティの低下を招きます。 2016.02.25 第20回 HTML5で家計簿アプリを作る 適切なタイミングで画面を更新 連載第18回以降では家計簿アプリを題材に開発サイクルを回しながら、 参照系アプリケーション開発で役立つ要素技術や、 使い勝手向上のための観点について解説をしています。 2016.02.24 第19回 HTML5で家計簿アプリを作る チャートで「パッと見」を分かりやすく 今回は、画面に表示する情報を取捨選択して、ユーザーが欲しい情報を欲しいタイミングで提示することで、アプリを分かり
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用無料でしかも高品質！レスポンシブ対応の美しくデザインされたHTML5/CSS3のテンプレートのまとめ