OJはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 Webサイトは自由度が高すぎるのが逆に難点に感じることがあります。そこで試してみたいのがOJです。JavaScriptでコンポーネントを定義し、HTMLを出力するテンプレートです。 例。ボタンやリストなどがオブジェクトとして定義できます。 Backbone.jsとの連携もサポート。 プラグインを使うことでYouTube埋め込みも簡単にできます。 AceEditorプラグインもあります。 GitHubボタンプラグイン。 OJではボタンなどを生成し、そのままclickなどのアクションを定義できるようになっています。よりWebアプリケーションとして開発がしやすいのではないでしょうか。もちろん出力されたHTMLはスタイルシートを使ってデザインできるようになっています。 MOONGIFTはこう見る 今後HTML
jQuery slimMenu - A lightweight responsive and multi-level navigation menu plugin. スマホでも多階層のメニューが作れるレスポンシブなjQueryプラグイン「slimMenu」 次のようにスマホでも階層を開閉できるレスポンシブなメニューが実装できます。デザインもいい感じ。 PCでも横長に違和感なく表示することが可能 スマホサイトを作る上では覚えておいて損はなさそう 関連エントリ 新しいamazonのドロップダウンメニューっぽいものが作れるjQueryプラグイン「jQuery-menu-aim」 レスポンシブに加えスマホ用のメニュー実装もできるjQueryプラグイン「Navobile」 アプリ風のなめらかなサイドメニューが実装できるjQueryプラグイン「mmenu」 レスポンシブなiPhoneのサイドメニューっ
最近、といってもここ2年ぐらいからだけど、「jQueryの勉強してます」とか「Backbone.jsの勉強してます」とか、そういう人からのプログラミングの修得の相談とかを頂いたりする機会が多い。 それらの中で、非常に口をすっぱくして言っているんだけど、なかなか理解して頂けないのが、『「jQuery」や「Backbone.js」を使うな』という個人的なアドバイスだ。これは個人的には本当に守ってほしい、絶対に手を出してほしくない、Framework達である。 なぜかみんな「jQueryってイケてる技術だよね」「jQueryだったらこんなこともいとも簡単にできちゃうんだよね」みたいな印象を持っている。もちろん、それは間違いではない。jQueryは早い。ライブラリもたくさんある。コミュニティも活発だ。リッチなウェブサイトなんて昔は数人月かけて作ったものだが、いまはjQueryとプラグインなんて使え
Web屋ならチェックしておきたい!作業効率が激変するChrome DevToolsの便利な使い方まとめ こんにちは、デザイナーの王です。 今回の記事では、ChromeのDevTools(デベロッパーツール)について、「多分、周知されていないけど、使わないともったいない!」的な機能を紹介させて頂きたいと思います。 フロントエンジニアにも、デザイナーにも、きっと効率アップに繋がる小技が見つかるはずです。 開発者なら「Chrome Canary」を使おう! みなさんはChrome Canaryを使っているんでしょうか?一般向けにリリースされている安定版であるChromeより、ほぼ毎日アップデートしている「Canary」ビルトを選ぶ理由があります。 それは、開発者向けの新機能がいち早く利用できるからです!リリースがノロノロしているChromeを使ってたら、いつまでも最新の便利な機能の恩恵が受けられ
触れるのがこわくてずっとGitを避けて来ました。ですが、使わなければならない状況に追い込まれたので初心者ながら少しずつコミットしたりしながらGitの使い方を学んでいたらGitってもしかして楽しいかも!!って思うようになり、もっとGitの事を学びたくて色々勉強出来る資料やサイトを集めていて情報がたまって来たので、ここでまとめていつでも見れるようにしたいと思います。 Gitの仕組みを優しく教えてくれるスライド 素敵なスライドがありましたのでご紹介させていただきます。 うん、見やすい!見やすいよー!! Gitを勉強出来るサイト サルでもわかるGit入門 サルでもわかるGit入門 世界一わかりやすく説明しているサイトです。僕でもわかりました。 Learn Git Branching Learn Git Branching ゲーム感覚で勉強したい時はこちら。このサイト自体がすごい 笑 Gitコマンド
こんにちは、中川です。 ここ1・2年ですが、私の担当するプロジェクトでは、 PHPよりもJavaScriptの開発が多い状態が続いております。 JSのプロジェクトを重ねるにつれ、開発環境も段々と整理されてきましたので、 一旦、最近のJS開発で利用しているライブラリやツールなどをまとめてみました。 フレームワーク ●Backbone.js http://backbonejs.org/ JavaScriptのMVCフレームワーク。 何も使わない(もしくは我流)よりは、これを使って欲しいと思えるフレームワークです。 利用者が多く日本語情報も豊富にあるのと、フレームワーク自体が1500行程度と軽量なため、学習コストを低く抑えることができます。 ●AngularJS http://angularjs.org/ データバインディングを備えたフレームワーク。 高機能なテンプレートや、DIの仕組み、ルーテ
JavaScript developers, unite! Kodiak JavaScript: The perfect IDE for web developers. The preview system along with quick linking to frameworks and libraries makes Kodiak a great way to explore and put together quick samples. ~ Chris Webb Kodiak is a light-weight but powerful run-time environment for PHP and Javascript coders. And it’s kickass. ~ iGeeksBlog
Webから電話を簡単に操作できるAPI「Twilio」について解説する本連載。第1回では「Twilioとは?」と題してTwilioの概要と魅力をお伝えしました(関連記事)。今回は、Twilio APIの実際の使い方を簡単に紹介します。 API EXPLORERを使ってTwilioで電話をかけてみよう TwilioにはWebブラウザー上でAPIを試せるツール「API EXPLORER」が用意されています。API EXPLORERを使うと、コードを書かずにブラウザー上でTwilioのAPIを操作したり、テストしたりできます。 まずは、このAPI EXPLORERを使って、電話の発信(アウトバウンド)を試してみます。Twilioのダッシュボードにログインし、右下にある「発信する」をクリックします。 API EXPLORERの「Make call」画面に遷移します。通話をかけるには、以下の3つのパ
このウェブサイトは販売用です! devgirl.org は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、devgirl.orgが全てとなります。あなたがお探しの内容が見つかることを願っています!
CSS for clean and fast web apps. Soooo Fast!Performance is our #1 goal. Every component we design is benchmarked for performance. You can see our results. Components GaloreWe have the building blocks to get you up and running fast. Our growing set of components were born from CSS. ThemeableIs that even a word? It should be! We love our theme, but we don’t want to hit your brand over the head with
How to Use jQuery’s ajax() Function for Asynchronous HTTP Requests
<!DOCTYPE html> <html> <head> <title>Angular Example</title> <meta charset="utf-8" /> <link rel="stylesheet" href="styles/style.css"> <script> window.onload = function() { var input = document.querySelector('#input'); var span = document.querySelector('#name'); input.addEventListener('keyup', function() { span.innerHTML = input.value; }); } </script> </head> <body> <section> <p>Hello <span id="nam
Sarana Terbaik untuk Daftar Slot Online – Pencinta slot online tentu menginginkan pengalaman berjudi yang menyenangkan dan menguntungkan. Namun, dengan begitu banyak pilihan game slot yang tersedia, daftar slot online yang tepat bisa menjadi langkah awal yang penting. Inilah mengapa kami hadir untuk memberikan rekomendasi slot gacor gampang menang dari berbagai provider terpercaya. Setiap pemain…
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く