Bootstrap-シングルページ制作編１ | みずかず
Bootstrapを使ってシンプルなシングルページを制作したいと思うのでその手順を何回かに分けて記録。 Bootstrapの初期CSSをなるべくそのまま使ってサイトを作成。 変更箇所用のCSSを最小限にし、デザインを仕上げて完了の予定とする。 制作編１ではグローバルナビゲーション（Static top navbar）を設置するところまでの記録。 シングルページ制作編 Bootstrap-シングルページ制作編１ Bootstrap-シングルページ制作編２ Bootstrap-シングルページ制作編３ Bootstrap-シングルページ制作編４ Bootstrap-シングルページ制作編５ Bootstrap-シングルページ制作編６ Bootstrap-シングルページ制作編７ ＊Bootstrap3.3.4 Bootstrapのファイルはダウンロード済み ダウンロード方法は導入編にて。 シングルペ
入門 ≪ Bootstrap3日本語リファレンス
入門 Getting started Bootstrap3の使用に必要なファイルの入手や読み込みについて。 ダウンロード 公式サイトのDownload Bootstrapより、Bootstrap3をダウンロード。 2015.1.7現在の最新版は、「v3.3.1」。 ダウンロードしたbootstrap-3.3.1-dist.zipを解凍すると、distフォルダが現れる。そのdistフォルダの中に、css、js、fontsの３つのフォルダがある。 下記のファイルを自分のサーバーにアップロードする。 cssフォルダ内のbootstrap.min.css jsフォルダ内のbootstrap.min.js fontsフォルダ内の全てのファイル。 尚、ダウンロードもアップロードもせず、 「Bootstrap CDN」を使う方法もある。 基本テンプレート Bootstrapの使用に必要なファイルを読み
reveal.jsベースのプレゼンをWeb上で作れちゃうオンラインエディタ『rvl.io』の使い方をrvl.ioを使って解説してみた | TM Life
なんか昨日, koba04さんの『「プログラミング未経験のタワレコ店員がエンジニアになって思ったこと」というスライドを書いてみた』というエントリーがキッカケで １年前に公開したエントリー『オシャレなスライドショーを簡単に作れちゃう reveal.js の使い方を reveal.js を使って解説してみた.』へのアクセス数が急上昇しました. これに便乗して, 今回は reveal.js の オンラインエディタ版『rvl.io』の使い方ついて解説したいと思います. 最近は, ありがたいことに講演に依頼や, 実際にセミナーで発表する機会も増えてきたので かなり重宝しています. とても便利なオンラインエディタなのでぜひ使ってみて下さい. Table of contents reveal.js って？ rvl.io って？ rvl.io の使い方をrvl.ioで作ったプレゼンで解説してみた 過去に
開発に便利なタスクランナー「gulp」で出来る事、導入方法などをまとめました ｜https://wp.yat-net.com/name
2015年 09月 10日 開発に便利なタスクランナー「gulp」で出来る事、導入方法などをまとめました カテゴリ： gulp タグ：gulpタスクランナー タスクランナーの一つであるgulp（ガルプ）。使い出すとすごく便利で今ちょっと手放せない開発ツールの一つなんですが、使ってない人からすると、導入コストとか学習コストが気になって、まだ手を出してないという方もいますよね。なので、今回導入用の記事を書いたので、ちょっと気になってるという方、試してみたかったという方に役立てばいいなと思います。 1.タスクランナーとは？ gulpで何ができるのか？ 2.gulpに必要な環境を整える – Node.jsのインストール 3.gulpに必要な環境を整える – package.jsonの作成 4.gulpに必要な環境を整える – gulpfile.jsの作成 5.gulp-ejsを使った開発環境 6.
jqueryを使ってajaxを行う方法
ajaxを使うと、Javascriptを使ってホームページを再度読み込まなくても、サーバーとデータをやり取りをして表示を変更することができます。 .loadを使う サンプルでnews.htmlの中の#news要素を読み込ませます。 $(function(){ $("button").click(function(){ $(".load").load("news.html #news"); }); }); $("button").click(function(){ 要素buttonをクリックしたときに命令が行われます。 $(".load").load("news.html #news"); セレクタで選んだ.loadの部分に news.htmlの#newsを読み込ませて表示しています。 別ページにある部分を読み込ませたいという時にも使えますよ。 .ajaxを使う サーバーからのリクエストやレ
jQueryでボタンのクリックイベントを制御する
今までJavaScriptは避けて通ってきたのですが、CouchDBをJavaScriptだけで 制御してみたい欲求に駆られたので、勉強を始めました。 jQueryの取得 よく耳にするjQueryというライブラリを使用することにします。 ちょっと調べてみると、UIの制御がメインなのかなという印象を受けましたが、 Ajaxに関する記述を見つけましたので、しばらくこれでがんばってみます。 公式サイトのURLは http://jquery.com/ ここのDownload(jQuery);ボタンを押すと、Google Codeのダウンロードページに遷移します。 表示されたのは、 jquery-1.3.2.min.jsという改行コードやインテンドを削除したバージョンです。 最初は、試行錯誤しながらになると思うので、人が見やすい形式のjsファイルをダウンロードしました。 http://code.go
似非管理者の寂しい夜:JavaScriptの実行コードをねじ込むWebウィルス - livedoor Blog（ブログ）
最近、Webサイトのhtmlファイルなどを改ざんして、閲覧者のPCにマルウェアをインストールするタイプのサイバー攻撃というか嫌がらせ(？)が横行しているようですが、ボクが知っている限りですが情報をまとめたいと思います。 一連の流れはこんな感じです。 １．Webサイトの管理者のPCがウィルスに感染する。 このウィルスによって、WebサーバのFTPアカウントが盗まれる。 ２．攻撃者はFTPアカウントを使い、Webサイト内のhtmlファイルを改ざんする。 ３．改ざんは単純な方法では＜iframe＞タグを埋め込み他のサイトに誘導する。 込み入った方法では、JavaScriptの実行コードを走らせて他のサイトに誘導する。 ４．他のサイトに誘導されると、そのサイトの怪しげなPHPファイルを実行させられる。 この実行ファイルが動作すると、閲覧者のPCにひっそりとウィルス本体がダウンロードされる。 ５．少
chrome-life.com - このウェブサイトは販売用です！ - chrome life リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
リッチなWYGIWYGシステムをお手軽に導入する「CKEditor」
GitHub - flightjs/flight: A component-based, event-driven JavaScript framework from Twitter