タグ

JavaScriptとcssに関するhalohalolinのブックマーク (14)

  • App.js | Mobile webapps made easy

    Mobile webapps made easy. Download Get Started App.js is a lightweight JavaScript UI library for creating mobile webapps that behave like native apps, sacrificing neither performance nor polish.

    halohalolin
    halohalolin 2014/05/27
    iOS7風のUIデザインが容易にできるJavaScript/CSSフレームワーク、Android対応
  • Liveweave HTMLエディター

    Check out our Python playground! Python is the most popular general-purpose programming language in the world, widely used in Artificial Intelligence, Machine Learning, and Data Science projects. Supports popular Python libraries like Numpy, Matplotlib, SciPy, Pandas, and more! Share your public code with anyone, or make it private Features advanced auto-completion technology Try it now!

    halohalolin
    halohalolin 2013/09/15
    JQueryやJavaScriptおよびCSSの挙動がWebブラウザ上のみで手軽にすぐ試せるHTMLエディター、外出時のネットカフェ上でテストコードを組んだりブログ更新するのに便利かも
  • JavaScript Compression - Compress JavaScript Code Free with this JavaScript Compressor (CSS Too) - from Creativyst

    Creativyst® JavaScript Compressor Compress CSS Too!

    halohalolin
    halohalolin 2013/09/02
    CSS/JavaScriptの圧縮ツール、何%圧縮できたか表示してくれる
  • フォントサイズを変える「大・中・小」ボタンを実装する方法

    知り合いのデザイナーさんに、「大・中・小」のボタンでフォントサイズを変更する方法ってどうやるのですか?という質問をいただきました。 CSSJavaScript(場合によってはJSのみ)で簡単にできてしまうので、サンプルをご紹介しておきます。 フォントサイズを変える「大・中・小」ボタン実装 jQueryを使ってフォントサイズを変える「大・中・小」ボタンをサクサクっと実装してみようと思います。 まずは仕様を考えてみましょう。 仕様 ・大・中・小のボタンをクリックするとフォントサイズが変更される ・それぞれのボタンにIDをセットしておき、そのID名をもとにclassをセット ・CSSにあらかじめ各class用のフォントサイズを入れておく ・再度訪れたとき、クッキー情報があればそのサイズ、なければ中サイズを。 スタイルシートごと変更する方法もあるのですが、今回はCSSとclassでセットで対応し

    フォントサイズを変える「大・中・小」ボタンを実装する方法
    halohalolin
    halohalolin 2010/05/21
    jQueryを使ってフォントサイズを変える「大・中・小」ボタンをサクサクっと実装
  • 먹튀위크 【먹튀소식 공유】 메이저놀이터 먹튀검증 먹튀사이트

    제휴 시 100% 실 보증금을 반드시 전달받습니다. 이로써 먹튀 위크를 통해 가입하신 모든 분은 2차 방어 효과로 먹튀 걱정 없이, 안전하게 소개 업장을 이용하실 수 있습니다. 이 부분에 대한 인증 자료와 먹튀검증 결과에 대한 상세 정보는 각 보증 업장의 소개 글에서 만나 보실 수 있습니다. 모방 사이트로 인한 피해를 방지하기 위해 먹튀 위크만의 메이저놀이터 검증 절차를 시행합니다. 본사 여부와 시재 보유액 등을 꼼꼼히 확인하여 상위 계열 소속이 맞는지 판단합니다. 특히, 월간 유지되는 배너의 수가 적고 운영 기간이 짧은 곳은 안전하지 않을 수 있으므로 검증 과정 단계에서 필히 배제하고 있습니다.

    먹튀위크 【먹튀소식 공유】 메이저놀이터 먹튀검증 먹튀사이트
    halohalolin
    halohalolin 2010/04/28
    iPhone用フレームワークiWebKitと組み合わせると、警告吹出しが右上に出るので画面から飛び出して困る。そんな時は「jquery.validationEngine.js」31行目付近のpromptPosition値をtopRightからtopLeftに変更すると吉
  • 複数のCSS/JavaScriptを結合&圧縮·phpFlair MOONGIFT

    phpFlairはPHP製Webベースのオープンソース・ソフトウェア。jQueryなどのJavaScriptフレームワークやCSSフレームワークを用いていると、ついつい一度のアクセスで多数のコネクションが張られるようになる。これではサーバの負荷はもちろんクライアントでも表示が遅くなってしまう。 利用するサンプル(公式サイトより) そこで考えたいのがJavaScript/CSSファイルをそれぞれ結合して一度のアクセスで済ませてしまう方法だ。手作業でもできるが、メンテナンスを考えると自動処理の方が便利そうだ。phpFlairを使えばそれを簡単に実現できる。 phpFlairはPHPで作られているのでPHPを使ったプロジェクトでは手軽に導入できそうだ。JavaScriptファイルやCSSファイルを表示する際にphpFlairを経由して呼び出すことでキャッシュしたり、レスポンスのヘッダにもキャッシ

    複数のCSS/JavaScriptを結合&圧縮·phpFlair MOONGIFT
    halohalolin
    halohalolin 2010/01/09
    JavaScriptファイルやCSSファイルを表示する際にphpFlairを経由して呼び出すことでキャッシュ・結合したり、レスポンスのヘッダにもキャッシュ指定をして負荷を下げられるようになる
  • HTMLテーブルの縦横を固定にしてデータを見やすく·Super Tables MOONGIFT

    Super TablesはJavaScript製のオープンソース・ソフトウェア。業務システムをはじめ、レポート出力等で多用されるのがテーブル組みだ。縦横に長いデータを表示する場合、表計算ソフトウェアであればヘッダ部を固定表示にする。そうすればスクロールしても何の項目かすぐに分かる。 中央に表示されているテーブル だが素のままのHTMLではそのような柔軟な表示は行えない。そのためシステムによっては10行ごとにヘッダを繰り返し挿入したりする。だがそれも再利用性が悪くなるだろう。そこで使ってみたいのがSuper Tablesになる。 Super Tablesを使うとテーブルの縦方向ヘッダを固定にしてスクロールしても常に表示される。さらに横方向のヘッダも固定になり、一番左側のカラムが常に表示されるようになる。テーブルのユニークになるIDを常に表示したりすると便利だ。 実際のデータ。普通のテーブル組

    HTMLテーブルの縦横を固定にしてデータを見やすく·Super Tables MOONGIFT
    halohalolin
    halohalolin 2009/12/05
    テーブルの縦方向ヘッダを固定にしてスクロールしても常に表示される。さらに横方向のヘッダも固定になり、一番左側のカラムが常に表示されるようになる。テーブルのユニークになるIDを常に表示したりすると便利だ。
  • iPhone/iPod Touch向けWebサイト向けテンプレート·Webapp.net MOONGIFT

    Webapp.netiPhone/iPod Touch向けのオープンソース・ソフトウェア。iPhone/iPod Touchはモバイルデバイスなので画面の大きさに制限がある。そのためPC向けのWebサイトを表示はできるが、できれば最適化されたWebサイトを提供したい。専用のインタフェースを提供すれば、ユーザ体験がぐっと向上するはずだ。 iPhone向けサイトを構築する際に そんなiPhone/iPod Touch向けのWebサイトを構築するのに使えるのがWebapp.netだ。Webapp.netHTML/JavaScript/CSSで提供されており、iPhone/iPod Touchに対して最適化された、リッチなインタフェースを提供してくれる。 例えばリストにしてもアイコンが付いたリストや少し大きめのサムネイルを表示するのに向いたリストがあったり、最適化されたフォームやボタン配置など

    iPhone/iPod Touch向けWebサイト向けテンプレート·Webapp.net MOONGIFT
    halohalolin
    halohalolin 2009/11/14
    HTML/JavaScript/CSSで提供されており、iPhone/iPod Touchに対して最適化された、リッチなインタフェースを提供。リストにしてもアイコンが付いたリストや少し大きめのサムネイルを表示するのに向いたリストがある
  • デザイナー・コーダー必見!使えるform関連jQueryプラグインの数々 | バシャログ。

    こんばんは、最近ホルモン焼きにハマっているishidaです。 WEBサイト制作時、formは必ずといってもいいぐらい存在します。 お問い合わせフォームや会員登録フォームなどがすぐに思いつきますよね。 デザインをがっつりフォーム部分で作り込んでも、CSSのみでは、 実現できなかったりすることもよくあります。 そんなクセのあるformを、よりリッチに!かつ操作性を向上!できるjQueryプラグインの数々をご紹介します。 デザイナーの方は、フォームのデザインの参考に。 コーダーの方は、ページ作成時間の短縮に手助けになればと思います。 jQuery plugin: Validation フォームの入力チェック(バリデーション)が簡単にできるプラグイン。 エラーメッセージはlocalizationディレクトリ内に18言語用意されています。 日語用は別途作成し、使用することが可能です。 jQuery

    デザイナー・コーダー必見!使えるform関連jQueryプラグインの数々 | バシャログ。
    halohalolin
    halohalolin 2009/05/28
    フォームの入力チェック/1行テキストやテキストエリアにデフォルトで文言を表示する/画面遷移なしでフォーム送信/select要素での複数選択/グラフィカルに表示する/スターレーティング/select要素にオートフィル等
  • ASCII.jp:Web制作会社が作った!超使えるJavaScriptライブラリ

    「Webサイトを作るときに当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL(MITSUE-LINKS JavaScript Library)」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規

    ASCII.jp:Web制作会社が作った!超使えるJavaScriptライブラリ
    halohalolin
    halohalolin 2009/05/16
    画像のロールオーバー / Flashオブジェクト埋め込みの機能拡張 / 新規ウインドウの作成 / スタイルスイッチャ / タブインターフェイス / ブロック要素の高さ揃え
  • 5分で実装可能なページの文字サイズ変更+クッキーに保存サンプル:phpspot開発日誌

    A Simple jQuery Stylesheet Switcher 5分で実装可能なページの文字サイズ変更+クッキーに保存サンプルが公開。 ページで、小・中・大のように文字サイズを変えられるようにしておくと便利ですね。 asahi.com の導入例 実装方法が、微妙に面倒という場合もこのサンプルを使えば簡単に実装できる筈です。 文字サイズに限らず、CSSを丸ごと変えてしまえるので、スタイルを変更して保存ということも簡単に出来ます。 デモページ HTMLは、次のように、href は # ですが、rel属性に付け替えたいcssを指定しておきます。 <ul id="nav"> <li><a href="#" rel="/path/to/style1.css">Default CSS</a></li> <li><a href="#" rel="/path/to/style2.css">Larg

    halohalolin
    halohalolin 2009/04/07
    5分で実装可能なページの文字サイズ変更+クッキーに保存サンプルが公開。ページで、小・中・大のように文字サイズを変えられるようにしておくと便利ですね。
  • ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集:phpspot開発日誌

    25 jQuery Plugins for Navigation ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集。 階層メニュー、タブ、ツリーやページャにいたるまで、ナビゲーション部分に使えるjQueryプラグイン集25種がまとまっていました。 jQuery (mb)Menu クールなアイコン付階層メニュー BDC Drilldown Menu (iPod Style) iPod風ドリルダウンメニュー jBreadCrumb 動くパンくずリスト Treeview そのまんまツリービュー jQuery Full Width Navigation Widthを指定のサイズにあわせる jQuery Nested Tabs タブ内タブというネストが可能なプラグイン FastFind Menu クールなメニュー実装 jQuery Pagination Pagerを実装 全部見る 最近

  • jQueryを使ったWYSIWYGエディタ·jWYSIWYG MOONGIFT

    Webベースでリッチなドキュメントを作成できるソフトウェアと言えば、FCKEditorやWYMeditorなどが一般的だ。これらは非常に便利なソフトウェアではあるが、既に出来上がった感のあるソフトウェアであり、修正しようとも思えないほど多機能だ。逆に多機能すぎて動作が重たいという欠点がある。 jQueryベースのWYSIWYGエディタ 必要なものだけを簡単にピックアップできる、さらに自分なりにカスタマイズすることも考えたい方のためにjwysiwygを紹介しよう。 今回紹介するオープンソース・ソフトウェアはjWYSIWYG、jQueryプラグインとして提供されるWYSIWYGエディタだ。 jWYSIWYGはWYMeditorを模して作られているWYSIWYGエディタだ。jQueryをベースとして作られており、18KBと軽量な作りになっている(圧縮版は7KBだ)。必要な画像やCSSを合わせても

    jQueryを使ったWYSIWYGエディタ·jWYSIWYG MOONGIFT
  • リンクを自動で超分かりやすく修飾してくれるJSライブラリ「DLINK」:phpspot開発日誌

    -DLINK- automatic link improver - OOPStudios.com リンクを自動で超分かりやすく修飾してくれるJSライブラリ「DLINK」。 次のように、リンクをJavaScriptで自動で色分け&アイコン付与してくれます。<a>タグにclassを指定する必要もありません。 PDF、Flash、SWFなど、各種フォーマットも自動付与。 設置方法は簡単で、以下の3ステップ。 1. まずスクリプトを読み込む <script type="text/javascript" src="http://oopstudios.com/dlink/dlink.js"></script> 2. 色分けしたい部分をdiv.dlinkで囲う 中身に普通にHTML記述 <div class="dlink"> your <a href="#">link filled</a> conten

  • 1