[B! javascript][html] sisicomのブックマーク

sisicom id:sisicom

javascriptとhtmlに関するsisicomのブックマーク (11)

レスポンシブ対応などコンテンツスライダー/スライドショー用jQueryプラグイン50+ | co-jin
サイトのコンテンツをリッチに見せるだけでなく、省スペースで数多くのコンテンツを効率的・効果的に表示できるスライダー。今回は無料で利用できるバリエーション豊富なスライダー用jQueryプラグインをご紹介します。画像のスライダーから、レスポンシブ対応、フルスクリーン対応のほか、目を引くアニメーションによる画像の切り替えやコンテンツそのもののスライダーなど、多くのプラグインを集めてみました。今後のコンテンツ制作にお役立ていただければ幸いです。 Swiper レスポンシブ対応で、スマホなどのタッチデバイスでのフリッカブル（スワイプ）にも対応したコンテンツスライダー。オートプレイのほか、縦スライドや3Dエフェクト、ネスト構造（コンテンツにさらにスライダーを設置できる）対応と、幅広い表現が可能な、使い勝手のよいスライダーです。設置も簡単、スワイプの反応もよい。本当にオススメのスライダーです
sisicom 2014/12/12
複雑な動きの物は別のスクリプトとぶつかるのが困るのよね

レスポンシブ

HTML

javascript

jquery

web開発
リンク
ひとりでWeb制作できた！「知識０から学ぶ」すごいスライドやサイト２７
作成‥2013/07/22 更新‥2014/11/01 Web制作 > 先日、お客さんのところへ提案にいったところ、﹁サイトを自分でも作りたいので定期的に講習会を開いて欲しい。Wordしか分からない。﹂と言われました。とはいっても、自分である程度、継続して勉強しておかないと、受講する人は2回目以降の受講内容を理解出来ないし、教える人も基本知識をしっかり身につけておかないと、質問に答えることもできません。今回はWeb製作をするなら必ず抑えるべきこと、知識﹁0﹂から学ぶ、基本的な知識を習得できるスライド・サービス・サイトをまとめました。ディレクションにもOK。メジャーなもの中心です。とはいえ量が膨大になったので、必要な部分だけピックアップして学びましょう。※スライドがないものに関しては、お役立ちリンクをつけてます。エンジニア速報は Twitter の@commteで配信しています。もくじ
sisicom 2013/07/23
良い素材がいっぱい

html5

html

css

web制作

webデザイン

javascript

知識

スライド

Web
リンク
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
sisicom 2013/07/18
ブラウザ別対応表。新しいタグどれで使えるか。

css3

html5

html

web

web制作

javascript

まとめ

css
リンク
iView Slider
画像だけでなく、動画やiframe, HTMLコンテンツにも対応し、レスポンシブレイアウトやタッチデバイスもサポートしたスライダーをHTML5ベースで実装するjQueryのプラグインを紹介します。 iView Slider (jQuery) iView Sliderの特徴 iView Sliderのデモ iView Sliderの使い方 iView Sliderの特徴 iViewはキャプションやサムネイルをアニメーションで表示できるjQueryのスライダーで、イメージスライダー、コンテンツスライダー、バナー広告、プレゼンテーションなどさまざまな用途で利用できます。 IE6/7/8/9, Firefox, Chrome, Safari, Operaなど、主要ブラウザを全てサポート。 iOS, Androidのスマートフォンもサポート。サイズは変更可能で、レスポンシブレイアウトに対応。フレ
sisicom 2013/04/03
新しいことに使えそう。

JQUERY

IE

html

プレゼンテーション

javascript
リンク
人気のWYSIWYGエディタ - おおらかにいこう
WYSIWYGエディタとは、一種のHTMLエディタです。WYSIWYGエディタを使用すると、実際のページレイアウトと同じように表示され、ページを編集できます。ブログ書く人はわかると思うのですが、ブログ記事を書く画面によく使用されていますね。 WYSIWYGエディタは、いくつも開発されており、高機能すぎて少し重たかったりと贅沢な不満もあります。そこで今回は、人気のWYSIWYGエディタのご紹介です。・Redactor Redactorは、すっきりとした美しいデザインが特徴です。私は一番好きです。残念ながら有償なんですね。高機能で他のWYSIWYGエディタより美しいデザインなので有償なのも納得です。 Redactor ・CKEditor CKEditorは、高機能でカスタマイズが容易です。日本語に対応してくれていますので、ボタンの説明が日本語で表示されます。 CKEditor・CLEdit
sisicom 2013/02/23
新しいものも幾つか

エディタ

javascript

wysiwyg

html

開発
リンク
Webでもサーバでも使えるJavaScriptテンプレートエンジン·doT.js MOONGIFT
doT.jsはWebブラウザ、node.jsの両方で使えるJavaScriptテンプレートエンジンです。 Webアプリケーションを開発していると必ずJavaScriptでHTMLを出力する必要性が出てきます。そのような時に使いたいのがテンプレートエンジンです。今回はWebブラウザ、node.jsの両方で使えるdoT.jsを紹介します。テンプレートとJSONデータを組み合わせてHTMLを出力します。繰り返しも対応。パーシャルも使えます。条件分け。配列。エンコード表示も可能です。特徴としては外部ライブラリの依存性がないこと、高速であること、パーシャルサポート、イテレータなどがあります。ストリーミングのようにデータが随時追加されていく場合も想定されています。ifではなく、?を使うのがユニークです。 doT.jsはnode.js/JavaScript製のオープンソース・ソフトウェア︵
sisicom 2012/12/19
イロイロと使えそう

javascript

node.js

HTML
リンク
リダイレクト手法まとめ | Like@Lunatic
サイト内でページを移設するとか、拡張子を変更するとか（html→php など）、ドメインを変えるとかいったことになると、旧URLから新URLへのリダイレクトをするケースがあります。リダイレクトが必要とされるのは、旧URLを参照するユーザーに不便をかけないためだけではなく、検索エンジンのロボットにURL変更を通知するためという側面もあります。ここでは3つのリダイレクトの方法を取り上げてまとめてみました。 (1)301リダイレクトと呼ばれる方法で、.httaccessを使うなどして行うもの。 (2)HTMLの<meta http-equiv="Refresh" ...>を使う方法 (3)JavaScriptのlocation.href、またはlocation.replace()を使う方法 (1)はサーバー側に.htaccessを設置する方法です。具体的なコードは以下のようになります。 Red
sisicom 2012/10/01
URL

HTML

.htaccess

web制作

リダイレクト

javascript

htaccess
リンク
html5-memo.com
sisicom 2012/05/29
pc

スマートフォン

HTML

スマートフォンサイト

javascript
リンク
プログラマのためのテキストエディタ18選 | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Sean P Aune氏がSitePointにおいて18 Free Text Editors To Clean Up Your Codeのタイトルのもと、18のテキストエディタを紹介している。クロスプラットフォームで動作する無償のプログラムにフォーカスしているが、WindowsとMac OS X専用のもの、無償版が提供されている有償プロダクト、Webアプリケーションも取り上げられている。18 Free Text Editors To Clean Up Your Codeで紹介されているエディタは次のとおり。クロスプラットフォームエディタ Amaya (WYSIWYG Webエディタとブラウザの双方の機能を備えたツール。メジャーブラウザがサポート
sisicom 2011/09/30
web

javascript

HTML

ツール

php
リンク
HTML5で実装する動画コンテンツに字幕を付けるライブラリ・Cuepoint JS
なかなかユニークだったのでメモがてら。 HTML5で実装する動画コンテンツに字幕を加える、というjsライブラリです。思いつきませんでしたけど、こう言うことも出来てしまうんですね・・・HTML5ってやっぱり凄いかも・・︵今さらですけどｗなかなか面白い発想ではないですかね。動画そのものにいれるのが一般的ですけど、簡単なものでいいならこの方法も有りかなと。上部にHTMLでキャプションが入っています。再生すると、動画が進み、場面に応じてテキストが分かります。時間がたつと別のメッセージが表示されます。キャプションの埋め方$(document).ready(function(){ //Slides object with a time (integer) and a html string var slides = { 0: "This is the first subtitle. Y
sisicom 2011/07/04
HTML

js

html5

JavaScript

video
リンク
Engadget | Technology News & Reviews
How to watch NASA's first Boeing Starliner crewed flight launch today (scrubbed)
sisicom 2010/06/01
HTML

FLASH

html5

javascript

変換
リンク
1