2015/2/21 Frontrend Conference 参加メモ - Mitsu.log();
2015-02-22 2015/2/21 Frontrend Conference 参加メモ Frontrend Conferenceに参加してきたのでメモ。JS,CSSの2トラックだったから選びやすかった。基調講演 > JS > JS > JS(LT) > CSS > JS > クロージング の順で聞いてきた。講演者もだけど聞きにきてるほうもフロントエンドオールスター感あった...楽しかった！Frontrend Conference - A conference for front-end developer（2015年2月21日開催） Pragmatic Front-end Developer: From Artisan to Expert スライド：http://d.pr/f/11iuK遅れていったので後半だけ(´･ω･`)最近どこのクラスタもプロトタイピングとコミュニケーションの
JavaScript Tools of the Trade: JSBin | Envato Tuts+
We've all been there. There are times when you simply want to throw some JavaScript code up and see how it works. Sure, you could go through the hassle of: Setting up a dedicated directory Create a file with markup Finding the latest version of your favorite libraries, downloading them and including them in your code Creating your stylesheet Configuring your webserver That seems like an awful lot
[JS]IE6/7/8でもCSS3が使えるようになるスクリプト -IE-CSS3
<textarea name="code" class="css" cols="60" rows="5"> .box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari and Chrome */ border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ -moz-box-shadow: 10px 10px 20px #000; /* Firefox */ -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */ box-shadow: 10px 10px 20
そのまま編集が可能なテーブル実装用jQueryプラグイン「Zentable」:phpspot開発日誌
そのまま編集が可能なテーブル実装用jQueryプラグイン「Zentable」。 次のように、クリックでその場で編集できるテーブル実装用のjQueryプラグインです。 以下のような特徴があるようです。 ajaxによるデータ読み込み マウスホイールやキーボードによる操作 カラムやテーブルのリサイズ機能 並び替え、フィルタ機能付き ツールチップ機能付き コンテンツにHTMLを入れることも可能 CSSによるテーマデザインが可能 以下のエントリを参照してください。 Zentense: Zentable 関連エントリ スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」 わずか2.5KBでテーブルにソート機能を提供する「TinyTable」 テーブルの列でソートするJavaScriptライブラリ
JavaScriptで吹き出しを設置するスクリプトのまとめ 6選
マウスを乗せたら現れる吹き出しを設置するスクリプトを紹介します。すべて海外サイトですがサンプルがあるなど比較的設置しやすそうなものを選んでるつもりです。
Googleに学ぶ、ウェブページのパフォーマンスを最適化する方法
Web Performance Best Practices 下記、ウェブページのパフォーマンスを最適化するポイントをまとめたものです。 キャッシュの最適化 往復遅延時間を減らす HTTPリクエストを減らす ロードサイズを減らす レンダリングの最適化 関連書籍 1. Optimize caching キャッシュの最適化 ブラウザのキャッシュを活用 JavaScriptやCSSファイルや画像などのスタティックなリソースは、HTTPヘッダを使用してキャッシュをロードするようにします。 アドバイス スタティックなリソースは全て、積極的にキャッシュにセットします。 時々更新するリソースのキャッシュには、ファイルパスにフィンガープリントを埋め込みます。 IEでも確実にキャッシュされるように、Varyヘッダは削除します。 URLを自動生成している場合は、Fxのディスクキャッシュで使用している8文字のラ
簡単に色々な種類の角丸ボックスが作れる「DD_roundies」:phpspot開発日誌
DD_roundies: Another (better?) round-corner HTML box concept 簡単に色々な種類の角丸ボックスが作れる「DD_roundies」 角丸にするのに必要なのは次の一行だけ(当然、最初にライブラリを読んでおく必要があります)。 DD_roundies.addRule('.box', 10); 次のように、太い線のものや背景色指定してみたりと、いろんな種類の角丸が作れます。 角丸ライブラリのひとつの選択肢として覚えておくとよさそう。 関連エントリ クールにアニメーションする角丸LightBox「prettyPhoto」 1個の画像でシンプルに角丸を実装するCSSサンプル CSSで角丸テクニック２５ CSSでの角丸ブロック簡単ジェネレーター「CSSROUND」 CSS角丸ボックスジェネレーター「RoundedCornr」
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
HOKYPOKY. | MULTICOL. jQuery Plugin
MULTICOL. はHTMLで雑誌のような美しい段組みレイアウトを実現するだけのシンプルなjQueryプラグインです。 もちろん、日本製のプラグインなので日本語もきれいに段組みにします。 一 或春の日暮です。 唐の西の門の下に、ぼんやり空を仰いでいる、一人の若者がありました。 若者は名を杜子春といって、元は金持の息子でしたが、今は財産を費な身分になっているのです。 何しろその頃洛陽といえば、天下に並ぶもののない、繁昌は、まるで画のような美しさです。 しかし杜子春は相変らず、門の壁に身を凭かと思う程、かすかに白く浮んでいるのです。 「日は暮れるし、腹は減るし、その上もうどこへ行っても、泊めてくれる所はなさそうだし——こんな思いをして生きている位なら、一そ川へでも身を投げて、死んでしまった方がましかも知れない」 杜子春はひとりさっきから、こんな取りとめもないことを思いめぐらしてい
prettyCheckboxesStéphane Caron – No Margin For Errors
This script is for people who wants to have a consistent look for checkboxes across browser or those who simply want them to look better. By using this script you wont loose any of the regular inputs usability. See below for a demo of the project or click here for the full project documentation. If you need support with prettySociable, please take a look at our forums Documentation Please see this
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
mynameismatthieu.com - contact with domain owner | Epik.com
AbsurdJS -> http://absurdjs.com
マウスオーバーをデザインする | DesignWalker
jQueryの魔法 [Javascript] All About![jQueryの魔法 [Javascript] 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)
[CSS]補足情報などの表示に便利なアコーディオン型ナビゲーション
[JS]高さの異なるカラムを同じ高さに揃えるスクリプト -Equal Heights