レスポンシブ対応サイトを作成する超軽量のスクリプト -skel.js | コリス
スタンドアローンで動作する19KBの超軽量スクリプト。 さまざまなレイアウトに対応できるグリッド。 表示サイズごとのブレイクポイントの設定も簡単。 resetやbox-modelなどの有用なCSSのショートカットを用意。 プラグイン機能も備えているので、拡張にも対応。 skel.jsのデモ デモはシンプルな構成のページが表示が用意されています。 まずはデスクトップサイズとして、幅1200pxで表示してみます。 デモページ：幅480pxで表示 skel.jsの使い方 jQueryや他のスタイルシートなどを用意せずに、すぐに利用できます。 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <script src="skel.js"></script> jQueryもスタイルシートも他のファイルは必要ありません。 Step 2: スクリプトのセットアップ スクリプトのセ
第1回 外部サイトに貼り付けるJavaScriptの作法―ポリシー、速度、セキュリティ、プライバシー（2） | gihyo.jp
フロントエンドWeb戦略室 第1回外部サイトに貼り付けるJavaScriptの作法―ポリシー、速度、セキュリティ、プライバシー（2） 速度に影響を与えないために まずは外部サイト向けのJavaScriptが、そのサイトの読み込み速度へ与える影響を考えてみます。 Webページのレンダリングをブロックしないようにする 特別な配慮なく外部JavaScriptを提供すると、読み込み速度に影響を与えてしまいます。 外部JavaScriptの読み込みが遅れた場合、ページ全体の描画が停止してしまうのです。これはdocument.writeなど、読み込んだページに対してHTMLを出力するような命令が含まれていた場合には、ページ全体のレンダリング結果に影響を与えてしまうためです。ブラウザはscriptタグが記述されている順番でJavaScriptを実行しなくてはいけません[6]。これを回避するためには、次
uuAltCSS.js - README
uuAltCSS.js は Webページデザイン を簡単にする JavaScript ライブラリです。 独自のアプローチで、ブラウザ と CSS を切り離し、 古いブラウザでも最新の CSS の仕様に基づいたデザインを可能にします。 また、WebKit系ブラウザでしか利用できないはずの最先端の機能を、様々なブラウザで利用可能にします。 Features - 特徴 CSS3 Selector ready - CSS3 セレクタによる Webページデザインが可能になります。 No! CSS Hack - CSS Hack は一切使えません。 ブラウザ毎のレンダリングの違いはコンディショナルセレクタでスマートに解決できます。 Include cutting-edge technologies - 未来の技術を先取り。豪華なオマケ付きです。 Acid2 Safe - u
新年や記念日まで毎日カウントダウン [ホームページ作成] All About
指定日まで毎日自動でカウントダウン 今回は、指定の日まで、あと何日あるかをカウントダウン表示する方法をご紹介致します。元日や誕生日、その他の記念日などを設定して、自動カウントダウンさせてみましょう。 簡単なJavaScriptで実現ですので、ぜひご活用下さい。 動作サンプル： <script language="JavaScript"><!-- var now = new Date(); var point = new Date(2008,1-1,1); var countdown = Math.ceil( ( point.getTime() - now.getTime() ) / (1000*60*60*24) ); if(countdown > 0) { document.write('2008年まであと、', countdown ,'日！'); } else { document.w
![新年や記念日まで毎日カウントダウン [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
Google AJAX Feed APIでRSSフィードを表示
【JavaScript】 <script type="text/javascript" src="http://www.google.com/jsapi?key=取得したKeyを入力"></script> <script type="text/javascript"> google.load("feeds", "1"); function initialize() { var feed = new google.feeds.Feed("RSSフィードのURLを入力"); <!--表示したいエントリー数--> feed.setNumEntries(10); feed.load(function(result) { if (!result.error) { var container = document.getElementById("feed"); for (var i = 0; i <
BJKit(BeautifulJapaneseKit)（ツール） - アイデアマンズ株式会社
BJKit(BeautifulJapaneseKit)htmlソースに簡単なJavascriptを記述するだけで、ページ上の文字列がアンチエイリアスの効いた美しい文字に代わります。 BJKit(BeautifulJapaneseKit)でビューティフルな見出しを生成 htmlソースに簡単なJavascriptを記述するだけで、ページ上の文字列がアンチエイリアスの効いた美しい文字に代わります。日本語にも対応しているので、様々な場面で利用することができます。 動的に表示するので、画像を作成する必要がない 新聞記事風、楷書風、POP調など、書体を自由にアレンジ出来る htmlの構造を崩さず、SEOやユーザービリティを犠牲にしない など、ページ作成の効率アップと同時に、表現力も向上させる手法です。 適用例 従来は、当ページの見出し（h1タグ）は下記のように表示されます。 従来の見出しの例 BJKi
[ThinkIT] 第1回：Prototype.jsを使う準備 (1/2)
筆者がPrototype.jsに初めて出会ったのは、2005年9月ごろだったと思います。この頃、オブジェクト指向JavaScriptはまだまだ黎明期で、オブジェクト指向の書き方もさまざまな我流が存在していたことを覚えています。 もちろん、筆者も我流のオブジェクト指向で書いていました。しかし、すべてのエンジニアが我流の書き方をしていては、JavaScriptのオブジェクト指向は普及しません。 そんな時にさまざまなブログで取り上げられ始めたのがPrototype.jsでした。Prototype.jsにはクラスを定義するという機能があり、すべてのエンジニアが同じ方法でクラスを定義できるのです。それは、大きなインパクトでした。しかし、その当時Prototype.jsにはまとまったドキュメントが無く、目利きのJavaScripterたちはこぞってソースを読んでいました。 そして、そのことが図らずとも
ページを簡単にjQueryでポップアップ！ jQuery PopUpWinodow | バシャログ。
こんばんは、先日右のみパーマをかけたishidaです。 最近はページや画像をlightbox系で表示する機会が多くなってきましたが、ポップアップで表示することも少なくありません。 今回ご紹介するのは、jQueryを使ったポップアッププラグイン jquery.popupwindow.js です。 設置方法 配布ページよりデータをダウンロードし、ポップアップを利用したいhtmlのhead要素などでファイルを読み込みます。 <script src="jquery.js" type="text/javascript"></script> <script src="jquery.popupwindow.js" type="text/javascript"></script> 表示する部分は以下です。 <a href="DUMMY.html" class="popupwindow">ポップアップ</a
Crazy Egg — Coming Soon…
Understand the customer journey with Snapshots, Heatmaps and Recordings Use our visual reports and individual session recordings to get to know your website visitors – where they're coming from, where they're navigating to, and where they're getting stuck – so you can make design changes with confidence. Start by analyzing your website Get direct feedback from your customers and website visitors I
一番簡単な画像置換の方法-imageReplace.js--とあるWEBクリエイターのblog
一番簡単な画像置換の方法-imageReplace.js- 画像置換は設置がややこしく。 デメリット・メリットの切り分けが困難です。 そんなわけで一番簡単な画像置換の方法として、画像置換javascriptライブラリ-imageReplace.js-を作ってみました。 設定は簡単head要素内にimageReplace.jsを読み込むだけ。 <script type="text/javascript" src="./imageReplace.js"></script> あとは、画像置換したい要素にclass属性に『imageReplace』と記述しスペースを空けて『置換する画像名』、『ロールオーバーする画像名』を記述します。 例えばこんな感じに。 <a class="imageReplace ajax_a.gif ajax_b.gif" href="/ajax/">Ajax</a> 『ロー
テーブルをソートできるようにするjsライブラリ-table sorting
テーブルをソートできるようにするjsライブラリ-table sorting table sortingはテーブルをソートできるようにするjsライブラリです。 テーブルの内容でソートしたり、奇数行、偶数行にそれぞれ異なるclassをつけたりが可能です。 設置方法 ダウンロードしたsortable.jsをhead要素内なので読み込みます。 <script type="text/javascript" src="sortable.js"></script> ソートの対象のtable要素のclass属性をsortableに設定して、任意のID名をid属性につけます。 <table class="sortable" id="foo"> ソートの対象にしたくない列がある場合はth要素のclass属性にunsortableを設定します。 <th class="unsortable"> ソートの対象にした
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
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.
Hatana bookmark anywhere Archive - @masuidrive blog
Photo by stevenkamenar おかげさまでご好評頂いている「hatana_bookmark_anywhere.js」に、ものすごいバグがあることが分かりました。 数人に指摘されるまで全然気がつかなかったのですが、アプリ名を声を出して読むと「はたな ぶっくーま。。。」orz ごめんなさい、素で間違ってました。もう変えるのもなんなので、このまま行きます。 もしバージョンアップすることがあったら、そのときはちゃんとします。 しかし、なんでこんな間違えしたんだろうなぁ。。。。 これだけのエントリっていうのも、なんなので、最近貼っているCreative CommonsのFlickrへのリンクを簡単に張るブックマークレットを公開します。もしかしたらFirefox専用かもしれません。 Continue reading Photo by Marco Gomes hatana_bookmar
ミツエーリンクスがJavaScriptライブラリをフリーソフトとして公開 | Web担当者Forum
ウェブインテグレーション事業のミツエーリンクスは、同社で標準利用されるJavaScriptライブラリ「MJL(MITSUE-LINKS JavaScript Library)」をフリーソフトとして10月3日公開した。MJLは同社内の業務効率を改善するため、統一した設計思想と利便性の向上を念頭に設計・開発。独特の特徴を持ちつつも他のライブラリと補完し合える内容を目指したという。画像のロールオーバー、Adobe Flashオブジェクト埋め込みの機能拡張、新規ウインドウの作成、スタイルスイッチャの実装、タブインターフェイスの実装、要素の高さ揃え－－の必要最小限と判断した6機能を実装。クロスプラットフォーム(Mozilla Firefox、Apple Safari、Opera、Internet Explorer)、他ライブラリとバッティングしない名前空間などの特徴もある。 ミツエーリンクス htt
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ドメインパーキング
caraldo.net - it転職 リソースおよび情報
caraldo.net - it転職 リソースおよび情報
フォームを送信する前にプレビューを提供する