高機能で非依存のlightboxスクリプト・「lightgallery.js」
lightgallery.jsは高機能で非依存型のlightbox実装のためのスクリプトです。レスポンシブWebデザイン対応、タッチデバイス対応、自モジュール型、YoutubeやVimeo、HTML5 Video等のサポート、iframeやGoogle Mapのサポート、20種から選べるCSS3 transitionsによるアニメーションエフェクト、各SNSへのシェアボタン、ハッシュプラグイン対応、フルスクリーン化対応などなど、よくあるlightboxの機能を詰め込んだようなもので且つ、jQuery等のライブラリに依存せず単体で動作してくれるのが特徴です。モジュールはオートプレイ、動画、フルスクリーン化等がデフォルトでビルトインされているみたいです。ファイルサイズは非圧縮の状態で42KB、圧縮版で24KBほどです。なかなか良いのでは。ライセンスはApache 2.0。 lightgalle
yuga.js :: Kyosuke.jp
yuga.jsって？ ウェブサイトを作る上で面倒な部分を自動で実装したり、ちょっとした機能を簡単に追加したりするJavaScriptです。jQueryを使って作られています。Web制作を優雅にするために作られました。 設置方法 まず、ファイル一式をダウンロードし、読み込みたいサイトの任意のフォルダに配置します。 yuga.jsを使いたいHTMLファイルのhead要素でjavascriptを読み込みます。 <link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/thickbox.js"></s
CSS3 PIE: CSS3 decorations for IE
PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features. Try the Demo This quick demo shows just a few of the CSS3 properties PIE can render. Use the controls to adjust the CSS3 applied to the box. Load this page in IE to see that it is rendered properly!
CSSだけで作る カスタム属性を利用したロールオーバーエフェクト | DECONCEPTER
Creative Link Effectsを見ていて、同じテキストが下から出てくるエフェクトどうやってるのかなと思ってみてみたら、簡単だったので紹介します。デモはこちら 1つのノードで同じテキストを2つ用意するには HTML5のカスタム属性を利用して、CSSの擬似要素から呼び出す形でテキストを複製します。又、子要素を絶対配置にして座標を移動させる形でエフェクトを実現するため、入れ子のタグが必要です。 <h1 id="logo"> <a href="http://deconcepter.jp" data-hover="DECONCEPTER">DECONCEPTER</a> </h1> #logo a::before { content: attr(data-hover); } 上記のコードで下図キャプチャのような状態になります。 css transformで座標を移動する 座標を移動した時
Touch device jelly menu concept
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
Progression - Framework for Flash
ご使用のブラウザ環境では、本サイトが正しく表示できない可能性があります。 以下の注意点を確認し、必要な設定を行った上で再度表示してください。 ブラウザの JavaScript 設定を有効化してください。 最新の Adobe Flash Player をインストールしてください。
2008年、ウェブのデザイナー・開発者がおさえておきたいリソース集 | コリス
2008年、ウェブのデザイナー・開発者がおさえておきたいデザイン、Photoshop&Illustratorのチュートリアル、ブラシやベクター素材、JavaScript、CSS、WordPress、タイポグラフィ、フォント、素材、リソースなどをnoupeのエントリーから紹介します。 2008 Most Popular Design posts, Tutorials and Resources デザイン関連 Photoshopのチュートリアル関連 Illustratorのチュートリアル関連 Photoshop&Illustratorのブラシやベクター素材 JavaScript関連 WordPress関連 CSS関連 フォント&タイポグラフィ関連 ツール&素材関連 デザイン関連 42 Awesome Business Card Designs 20 Beautiful HDR Pictures
ASCII.jp：Web制作会社が作った！超使えるJavaScriptライブラリ
「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL（MITSUE-LINKS JavaScript Library）」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規
autoRuby.jsをDISってみる - Rubricks Project
http://ceo.sourcelab.jp/archives/97 ちょうどRubricksのユーザやグループの読み仮名の仕様を見直している際にこの記事がホッテントリにあったので興味を持った。着眼点はとても素晴らしい。ギミックはありがちと謙遜されているが、自分は今までWEBアプリでは見たことがなかった。しかし、導入も視野に入れてコードを読んでみたらこれが実にいただけない。 1. 編集候補の切換時、平仮名を含む候補が出る度にカナが追加されていく 2. 名前用、カナ用のテキストボックスを各1つしか指定できないため複数設置が不可能 3. 設定のためにJSファイルを編集しなければならない 4. ライセンスが記述されていないので開発者としては使いにくい 5. グローバル領域の関数・変数で構成されているので変数名衝突の可能性が高い 6. タイマー流しっぱなし(その割にsetIntervalじゃなく
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
javascriptlibraries.com - このウェブサイトは販売用です！ - javascriptlibraries リソースおよび情報
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.
MediaCreator.jp :: ウェブデザイナーと開発者のためのウェブチュートリアルリソースサイト
FPの試験に合格するために必要な勉強時間は、 最低300時間と言われています。 しかし、難易度が高まってきている現代では、 500時間以上は必要であるという方もおります。 また、資格は年齢・学歴に関係なく取得できるため、 1,000時間以上は学習が必要となる方もおります。 現在において士業として活躍している方は、 資格取得の勉強のコツが分かっておりますから、300時間未満で合格することも可能です。 FPの強みは、お金に関する専門家として独立できることです。 士業とは異なりますが、それに近い職業形態となっております。 ローン、資産運用、保険、税金などのお金に関する知識を総合的に学べるため、 自分に対してもメリットが大きな資格だと言えます。 資格には民間資格（CFP、AFP）、 国家資格（ファイナンシャル・プランニング技能士1級・2級・3級）があります。 国家資格である「ファイナンシャル・プラ
サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ:phpspot開発日誌
サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ 2007年06月04日- chris erwin dot com - CRIR: Checkbox Radio Input Replacement This will allow you to style the label however you wish using CSS, and the actual input control will be hidden. サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ。 ライブラリを使うことで、次のようなフォームを実現することが出来ます。 必要なCSSとライブラリを読み込んで、input に class をあてるぐらいの簡単な方法でフォームの変更が可能です。 CSSデザインなので画像を変更で自分好みのフォ
Lightbox.js のような写真のスライドショーするライブラリ沢山：Goodpic
This shop will be powered by Are you the store owner? Log in here
Jimmy Lin's Presence on the Web
JimmyLin.info, Jimmy Lin, Jimmy, Lin, JLin, JL, Free Templates, CSS Templates, Portfolio, About, Contact, Resources, Pixel, Perfection, Perfectionist Free Templates These templates are 100% valid CSS/XHTML and compatible with IE5.0+, FireFox 1.5, Opera 8.5, and Safari 2. They do not use any hacks of any kind, and can easily be modified. There are no copyright restrictions on these templates, but i
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
mgzl.jp
Fireworksのチュートリアルいろいろ - DesignWalker
インプレスR&D 調査報告書オンラインライブラリ
http://youmos.com/news/five3d
WEB制作者が一度は触ってみておくべきオープンソース『Ext』*ホームページを作る人のネタ帳
