We'll be back soon! Our site is currently undergoing maintenance. Please check back later.

WELCOME Votre domaine est maintenant actif! Vous pouvez maintenant procéder aux prochaines étapes: Your domain is now active! You can now proceed to the following steps: Téléverser vos fichiers. Retrouvez les identifiants de votre hébergement sur votre espace membre. Accéder/ Access Upload your files You will find your login information in your client area. Lire la base de connaissance. Pour plus
Exceptional Business Management Solutions Launch the powerful and flexible NolaPro platform for your organization today with guidance every step of the way. Proven to support both corporate and small business financial needs, NolaPro is one of the original web-based accounting and ERP systems, helping companies optimize and grow for over 20 years.
2012年2月、Modernizr 2.5 の カスタム・ビルダー から Respond.js が外されました。理由は、HTML5 Boilerplate (以下 H5BP) コミュニティでの決定です。Respond.js は、IE8 以下などのメディアクエリ未対応なブラウザにもその代替え機能を提供するスクリプトで、レスポンシブ Web デザイン を支えるスクリプトとして、H5BP に長らく (8ヶ月) 採用されてきた経緯があります。 ではなぜ、Respond.js は外されたのでしょう? 今回は、その決定を下した長~い議論 Issue #816: Revert mobile-first media queries and remove respond.js から、ベスト・プラクティスの要点と、Paul Irish の考える H5BP の理想像を読み解いてみたいと思います。 ヘタクソで読み
アプリケーションプラットフォームサービスを提供する米dotCloudは8月6日、分散HTTPプロキシ「Hipache」をオープンソースで公開した。WebSocketプロトコルに対応し、リッチかつリアルタイムなWebアプリケーションの開発・運用を支援するという。 dotCloudはPlatform as a Service(PaaS)事業を行う企業。さまざまな言語、ソフトウェアスタックに対応するプラットフォームを提供している。 近年、Webアプリケーションにおけるクライアントサーバー間の通信手段としてWebSocketプロトコルが注目されているが、近年Webアプリケーションで多く使われているnginxやHAProxyなどのツールはWebSockectに対応していない。その問題を解決するために開発されたのがHipacheとなる。HipacheはdotCloud社内のネットワークルーティングイン
WalmaはWebブラウザで使える、コラボレーションドローソフトウェアです。 会議や授業では必須とも言えるのがホワイトボード(または黒板)です。一方的に書かれるだけでなく、みんなで一つの作品を仕上げていく際にも使われます。そんなホワイトボードをデジタル化したのがWalmaです。Webブラウザベースでコラボレーションしながら作品を作り上げられます。 こちらはメイン画面。最初にホワイトボードを作ります。 ホワイトボードの画面です。URLを共有すれば、誰でも一緒にドローできます。 ペンは色や太さを変更できます。 反応は悪くありません。ドラッグを止めた時に情報が送られるので、書きながら共有されるという訳ではないようです。 なんとなくウサギっぽい絵を描いてみました。 他のブラウザでもちゃんと共有でき、一緒に編集できます。 ドラッグで全体を動かせます。 Walmaは主に学校での利用を目的として作られた
Mac:VPN(仮想プライベートネットワーク)は安全性確保のための優れた手段です。OS X は標準でVPN機能が搭載されています。ただし問題は、マシンの起動時にVPNに自動接続してくれないこと。また、何らかの理由で接続が一度切れると手動で再接続しなければなりません。 AppleユーザーのためのQ&Aサイト「Stack Exchange」に、この問題を解決してくれるApplescriptが投稿されていましたのでご紹介します。 AppleScriptエディタ(「アプリケーション」>「ユーティリティ」)を開いて、以下のコードを貼付けます。コード中の「VPN University」のところは自分が使っているサービスに置き換えてください。 on idle tell application "System Events" tell current location of network prefere
ガベージコレクションの機能を備えるJavaScriptのような言語で開発されたアプリケーションでは、基本的にメモリリークは生じないはずですが、それでも回収されないメモリ領域がどんどん増えていくというメモリリーク的な状況は起こりえます。 leak-finder-for-javascript - Tool for finding memory leaks in JavaScript programs. - Google Project Hosting メモリリークは最終的にはそのソフトウェアの動作を遅くしたり不安定にしますが、短期的には問題なく動作しているように見え、単純なテストでは症状が表れにくいため、発見は難しいものです。 グーグルはこうしたJavaScriptのメモリリークを検出してくれるツール「Leak Finder」を公開したことを、ブログ「Leak Finder: a new to
Source Sans ProはAdobe社がリリースしたオープンソースなフォントファミリーです。 Adobeは言わずと知れたグラフィックス系ソフトウェアの最高峰とも言える企業なので、デザインに対する意識は並々ならぬものがあります。そんなAdobeがはじめてリリースするオープンソースのフォント、それがSource Sans Proです。 フォントのサンプルです。Black。 Bold。 Extralight。 Italic。 Light。 Regular。 Semibold。 縦長のプロポーションですっきりとして見やすく、色々な場面で使えるのではないでしょうか。なおTrueType Fontの他、OpenType Fontもリリースされています。 Source Sans ProはOpen Font Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る Source
SketchBoardは3Dオブジェクトを手軽に作成できるソフトウェアです。 3Dというとワイヤーを使ったオブジェクトを並べてレンダリングして…と非常に高度な技術を用いるイメージがありますが、SketchBoardは違います。手書きからでも3Dオブジェクトを作ってしまう、そんな手軽なモデリングソフトウェアです。 メイン画面です。 線を書いた後、3Dビューに変更しました。 回転やズームが出来ます。 奥行きを持たせて高さをつけられます。 SketchBoardはフリーハンドの認識に加えて、線のプロパティ、光源とリアルタイムの影描画、オブジェクトプロパティ、グリッド表示、スナップといった機能があります。最初に慣れるまでに時間がかかるかも知れませんが、使ってみると面白いソフトウァです。 SketchBoardはWindows用、GPLのオープンソース・ソフトウェアです。 MOONGIFTはこう見る
意外と知られていないExcelの小ワザ。前回は「知っているようで知らない、マウスを使ったExcel(エクセル)小ワザ集」をお送りしました。今回は、主にExcelのショートカットキーを中心に取り上げます。 ツールバーやメニューバーをクリックして操作するのはさほど時間はかからないとは思いますが、ショートカットキーを使えばExcel作業が少し楽になります。「セルの書式設定」を開いたり、罫線を引いたり消したりできるショートカットキーなど、すぐに役立つものばかりを集めました。ぜひExcelを開いて試してみてください。 1. 「Ctrl+Space」でその列全体を選択。「Shift+Space」でその行全体を選択。 2. 「Ctrl+Page Up(Page Down)」でワークシートの移動。 3. 「Ctrl+1」でセルの書式設定を開く。 4. 「Alt+Shift+=(イコール)」で、オートSUM
音声通話機能だけではなく、チャット機能としても十分使える『SKype』。実はSkypeには隠しコマンドがあるのです。メッセージ通知を無効にしたり、特定の文字列を含む会話だけポップアップにできたりと、いろいろと便利なものがたくさんあります。Skypeを使っている人はぜひマスターしてください。 Photo by Mike Licht, NotionsCapital.com.以下で紹介しているコマンドは、チャットのメッセージを書き込む場所に入力します。相手側にはコマンドは表示されないので、例えばフィルタリングを会話に掛けていても相手に伝わることはありません。なお、コマンドとテキスト(「Skype名」など)の間には半角スペースを入れてください。 1. 「/add (Skype名)」...連絡先をチャットに追加する。 2. 「/alertson (テキスト)」...そのテキストが本文に含まれている時
View system messages via web Syslog messages Windows Events Status Reports Statistics Web based Adiscon LogAnalyzer Adiscon LogAnalyzer is a web inter- face to syslog and other network event data. It provides easy brow- sing, analysis of realtime network events and reporting services. Reports Reports help to keep an eye on network activity. It consolidate syslog and other event data providing an e
NG Firewall Overview Apps How to Deploy Software Packages Appliances Free Trial Micro Edge Overview Features How to Deploy Appliances Free Trial ETM Dashboard Overview Mobile App Create an Account Solutions By Industry Banking & Financial Branch Networking Education Healthcare Hospitality & Retail Nonprofits State & Local Government By Issue Edge Threat Management BYOD and Open Wi-Fi Incident Resp
Tasks include executing batch files or shell scripts, FTP commands, sending email, executing SQL and much more. Oddjob is for Developers, Testers, Support Analysts, Administrators and anyone else that spends too much of their day on repetitive tasks. Oddjob saves you time so you can spend it on the fun stuff again. Oddjob is free and open source. About Oddjob is a quick way to automate manual task
2024-11-17 : RemoteBox 3.4 released This release is really to address a major RDP display issue Set RDP auth method to negotiate when creating new guests (quick fix for the remote display not opening on newly created guests) Changes to the xfreerdp, rdesktop and remmina presets to increase compatibility IMPORTANT: With RemoteBox 3.4 if you still have a guest that won't open it's display. Simply Ed
「アイデアは湧いてくるけれど、うまく整理できない」とか、「せっかくアイデアが思い浮かんだのに、記録する前に忘れてしまう」といった経験、ありませんか? いつひらめくとも知れないアイデアを瞬時に捉えて管理するのは、意外と難易度が高いものです。 米フィラデルフィアのコワーキングコミュニティ「Indy Hall」の共同創設者で、世界のコワーキングムーブメントの火付け役でもあるアレックス・ヒルマン(Alex Hillman)氏は、生まれたてのアイデアを保存し、これらをより大きなものへ練り上げていくための手法として、作家スティーブン・ジョンソン(Steven Johnson)氏による「ひらめきファイル(Spark Files)」を提唱。その詳しい内容について、次のように書いています。 スティーブン・ジョンソン氏は、私が大好きな作家。最初に読んだ彼の著書は『The Invention of Air』で、
jsAnimはJavaScript製のアニメーションライブラリです。 Webページ上にインパクトあるアニメーションを実現しようと思ったら、これまではFlashを使うのが一般的でした。しかし今後はJavaScriptで十分かも知れません。そんな未来を感じさせるのがjsAnimです。 サンプルです。キャラクターが左右に動きます。 動かし方も色々あるのでぜひ触ってみてください。 トップページの動画 jsAnimはオブジェクトの上下左右の動きはもちろん、そのスピードも可変にしたり移動を計算処理によって滑らかに処理できます。各オブジェクトをそれぞれタイムラインベースで操作することで、大きな一つの作品が実現するでしょう。 jsAnimはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る 見た目のインパクトを考えた場合、やはりアニメーションとい
Dashkuはオンラインリソースをウィジェットを使って集約して自由に配置できるダッシュボードプラットフォームです。 オンライン上にある様々なリソースをかき集めて一カ所で確認する、そんなダッシュボードを実現するプラットフォームがDashkuです。 トップページです。 デモです。地図も含めてウィジェットです。 CSSを編集すれば内容が変わります。 新しいウィジェットも追加できます。 空のウィジェットを配置して自作もできます。 CoffeeScriptで書けます。 デモ動画です。 Dashkuはリアルタイムウィジェット、ダッシュボードプラットフォームです。ウィジェットはHTML/CSS/JavaScriptで開発し、大きさも自由に決められます。そしてオンライン上にあるリソースから情報を集めて地図上にマッピングしたり、ストリームで流したりできます。 Dashkuはnode.js/JavaScrip
Pango is a library for laying out and rendering of text, with an emphasis on internationalization. Pango can be used anywhere that text layout is needed, though most of the work on Pango so far has been done in the context of the GTK widget toolkit. Pango forms the core of text and font handling for GTK. Pango is designed to be modular; the core Pango layout engine can be used with different font
Plunkerはjsdo.itのようにオンラインでHTML/JavaScript/スタイルシートを編集して実行できるWebサービスです。 jsdo.itというカヤックの提供するサービスがあります。オンラインでHTML/JavaScript/スタイルシートを編集して、オンラインで実行してみせられるサービスです。同様のサービスを提供するのがPlunkerです。 トップページです。既に作成された作品が並んでいます。 左が実行結果、右側が説明になります。 エディター画面です。ファイルを追加したりできます。 共有設定もあります。 外部のライブラリを読み込めます。 Plunkerはjsdo.it同様にHTML/JavaScript/スタイルシートを駆使してソフトウェアを作成し、そのまま実行が可能です。プログラマーとしての腕をアピールしたり、人が作ったものをフォークしたりして楽しめます。 Plunker
Noa Kageyama氏はアメリカの名門ジュリアード音楽院で学んだバイオリニストです。卒業後はインディアナ大学にてスポーツ心理学の博士号を取得し、現在はジュリアード音楽院の教授として、本番でベストパフォーマンスを引き出す方法を指導しています。今回はNoa Kageyama氏が「最も効率良く能力を高める方法」について語ります。 「学問に王道なし」と言われますが、これは学問に限らず仕事でもスポーツでも同じことが言えるでしょう。ただ、目標を達成するのに「近道」はない一方で、練習方法を間違えれば大変な「遠回り」になるのは確かです。プログラミング、ライティング、楽器の練習など、私たちはさまざまな練習に多くの時間を使いますが、正しい練習方法を知っていれば、より効率良く、効果的にスキルを習得できるでしょう。 私は2歳のときからバイオリンを弾き始めましたが、常に思い浮かぶ疑問が1つだけありました。それは
9月20日、オブジェクトに対するクエリ機能を提供するJavaScriptライブラリ「$linq」のバージョン1.1がCodePlexで公開された。SQLに似た関数群を使ってデータに対しクエリによる抽出を行えるライブラリで、「select」や「where」、「orderBy」などの主要なクエリ機能が提供されている。 $linqは、.NETで使われるクエリ機能「LINQ(Language Integrated Query)」をJavaScriptで実装したもの。LINQはオブジェクトコレクションやXML、データベースに対するクエリ操作を統合的なAPIで実行するために開発された技術で、フィルター処理や並べ替え、グループ化といった処理を最小限のコードで簡潔に実装できる。 $linqはオブジェクトに対するLINQ実装「LINQ to Objects」の拡張版である「MoreLINQ」に着想を得て開発
Deploydはnode.jsでサーバサイドのAPIを簡単に構築するためのフレームワークです。 WebアプリケーションはJavaScript/Ajaxを多用します。サーバとはRESTfulで通信します。そんなWebアプリケーションとしての枠組みをまとめて提供してくれるソフトウェアがDeploydです。 インストーラーです。 まずコマンドを打ってWebアプリケーションを作ります。 管理画面です。 コレクションを作ります。 できました。ついでプロパティを設定していきます。 文字列、数字、論理値などから選べます。 APIが出来上がりました。 データメンテナンスもできます。 トップにアクセスしました。これは全てのデータを表示しています。 追加、編集、削除にも対応しています。 デモ。投票アプリです。 クイズ。 デモ動画です。 Deploydは最初のベースを作るところはコマンドですが、それ以外はWeb
The project repository is at https://gitlab.com/esr/irker. Project statistics are available at OpenHub. This is packaged for Debian and derivatives as: irker There is a project IRC channel. If you appreciate this code (and especially if you make money by using it) please support me on Patreon. Recent Changes Allow irkerhook to cope with signed git commit. Supporters This work is funded by... My Br
Specificity Calculator CSSの優先順位とは、例えば同じセレクタでスタイルを定義した場合、後に記述したものが適用されます。これは「後に記述したものが優先される」ということです。 例: <h1 class="title">見出し</h1> h1の見出しに、同じセレクタで異なるスタイルを適用してみます。 .title{ color:red; } .title{ color:blue; } この例では、後に記述した「color:blue;」が適用されます。 いわゆる、上書き状態です。 また、記述の順番には影響されず、セレクタのポイントにより優先順位が決まります。 ここで紹介する「Specificity Calculator」では、セレクタを入力するだけで、そのポイントをビジュアル化して優先順位が簡単に分かるようになります。 例: h1.title{ color:red; }
How to Create CSS3 Pricing Tables - DesignModo CSS3ベースのオシャレな価格表作成チュートリアル。 次のようにCSS3を駆使して美しい価格テーブルを実現しているチュートリアルです。 価格表を作る際の参考にするのは勿論、CSS3でちょっとデザインを学びたいという際の教材として使えそうです。 数年前なら明らかに画像と思ってしまう物もこうしてCSSで実現できるようになってきていますね 関連エントリ クールな円形メニューをピュアCSS3で実装するチュートリアル CSS3やCanvas、JS等を使ったローディング画像実装プラグイン12 iPhoneのON/OFFスイッチをHTML5/CSS3の形式でジェネレート PhotoshopでデザインしたシェイプをCSS3に変換するプラグイン「CSS3Ps」
1年ぶりにレイバンのサングラスが半額に!在庫切れになる前にゲットしておこう #Amazonブラックフライデー
webデザイン制作に頻繁に使用するアイコンは、できるだけ豊富に種類を所持しておきたいもの。そんな中今回は、明るい色合いのポップテイストなアイコンセット「Free Icons: Candy UI Icon Set」を紹介したいと思います。 使用頻度の高い定番のデザインを中心に、全部で120個のアイコンがセットになっています。 詳しくは以下 基本ベースのデザインはシンプルさを保ちながら、グリーンやイエロー、ブルーを基調とした色合いや、カーブを描いた柔らかいラインや可愛らしい描写が、ポップさを演出してくれています。種類にもクセがなく、全体を通して使いやすいタイプが多いので、持っていれば非常に重宝する存在となるのではないでしょうか?一つでポイントとして利用しても、複数を組み合わせてオリジナル感を出しても、デザインの向上に繋げてくれそうですね。形式は、制作ソフトや目的に応じて使い分けができるベクター
jQuery.textFit Examples テキストをブロックの中にフィットするように自動リサイズできる「jQuery.textFit」。 通常、ボックスの中にテキストを入れても、テキストの長さなんかがまちまちでかっこ悪くなるのはしょうがない、という所ですが、このプラグインを使えば、自動的にテキストをフィットするようにリサイズしてくれます。 ソースを見れば単なるdivにidが振ってあるだけというものですが、上記のようにリサイズしてくれます。 これだけだと何に使おうか?というところですが応用すればカッコいいレイアウトにするための便利な機能として使えうことができそうですね 関連エントリ 面白いテキストアニメーションが作れるjQueryプラグイン「textualizer」 faviconをアニメーションさせたりテキストを付与できるjQueryプラグイン「jQuery Favicon」 テキス
【欧洲杯竞猜比分】欧洲杯球票价格,【欧洲杯竞猜官网】欧洲杯比赛结果2021即时,【欧洲杯竞猜比分】欧洲杯比赛结果2021即时,,欧洲杯比赛结果2021即时,欧洲杯比赛结果2021即时,欧洲杯比赛结果2021即时,欧洲杯比赛结果2021即时,欧洲杯比赛结果2021即时。
1年ぶりにレイバンのサングラスが半額に!在庫切れになる前にゲットしておこう #Amazonブラックフライデー
rwdgridは960.gsに影響を受けたグリッドデザインのスタイルシートフレームワークです。 グリッドデザインのCSSフレークワークをベースにしてデザインを組んでいた方に見ていただきたいのがrwdgridです。レスポンシブを強く意識したグリッドデザインになっています。 グリッドデザインです。 こちらはiPhoneで見た場合。グリッドが縦に並んでいます。 ウィンドウサイズを狭めればグリッド幅も自動調整されます。 一定の幅より狭まると列が一つになります。 rwdgridは960.gsに似た指定方法が可能になっており、1200px以上、960px以上、720px以上そしてモバイルとさらに多数のディスプレイサイズに対応しています。WebブラウザはIE7以上から対応しています。カラム数は12または16となっています。 rwdgridはスタイルシート製のソフトウェア(ライセンスはWTFPL)です。
jQuery MasonryはPinterest風の表示を行うjQueryプラグインです。 Pinterest風の大小さまざまなボックスを並べて表示するデザインが人気ですが、より高度な表現を実現したいと考える人に使ってみて欲しいのがjQuery Masonryです。 トップページです。ここも面白い表示です。 単純なシングルカラム。 マルチカラム。 画像。 メディアミックス。 アニメーションです。 項目の追加も可能。アニメーション付きです。 ページの最下部までいくと自動追加読み込みします。 一定の幅を空けて配置される表示法です。 右寄せ。 中央寄せ。 固定表示。赤い枠は常に右上に出ます。 単純な固定幅のカラムはもちろん、横に複数段にまたがる表示も可能です。画像の大小も適切に判定して表示してくれます。動画やテキスト、画像を組み合わせて表示も可能で、これはメディアなどで使うと面白そうです。一回表
The lightweight, responsive HTML5 and CSS3 template for your admin panel This free HTML5 + CSS3 admin area template was created specifically for application and theme developers who want more out of their admin dashboard. Forget using a basic admin template, this lightweight theme comes with everything you need for your backend administration pane and nothing that you don't. Live Preview → Feature
Masonryはかっこいいけどパネル移動のアニメーションがちょっとな、という人にぴったりな、レスポンシブ対応でレイアウト変更時のアニメーションもスムーズでかっこいいグリッドを生成するjQueryのプラグインを紹介します。 Grid—A—Licious Grid—A—Licious -GitHub Grid—A—Liciousのデモ Grid—A—Liciousの使い方 Grid—A—Liciousの実装例 Grid—A—Liciousのデモ まずは、Grid—A—Liciousのベーシックな動作が確認できるデモからご紹介。 アレンジは、下記のGrid—A—Liciousの実装例で。 ページいっぱいに高さの異なるパネルが同じ間隔で配置されています。 デモページ:スマフォサイズ Grid—A—Liciousの使い方 Grid—A—Liciousは2008年にリリースされた当時は単にグリッド状に
展開と共に、移動のアニメーションが加わります。 PFoldの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 <link rel="stylesheet" type="text/css" href="css/pfold.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.pfold.js"></script> Step 2: HTML コンテンツの初期状態と最終状態をそれぞれdiv要素で実装し、div要素で内包します。 <div id="uc-
webtailはターミナルの標準出力の結果をWebブラウザに表示するソフトウェアです。 Webシステムの開発を行っている際に、Webブラウザで実行してターミナルのログを確認するというのを何度も繰り返すことがあります。そんな面倒から解放してくれるソフトウェアがwebtailです。 使い方。tailの結果をwebtailに渡します。 そうするとWebブラウザが立ち上がります。 表示はリアルタイムに更新されます。 ログをWebブラウザで確認できるのでタブを切り替えるだけですぐに結果を確認できます。カスタマイズも可能で、色分けしたりすることもできるのでエラーの時だけ強く出すと言った設定も可能です。通常のターミナルよりも見やすくなるでしょう。 webtailはRuby製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る webtailが面白いのはストリーミングで
Fuel UX Twitter BootStrap に追加できる5つのコンポーネントパック「FuelUX」 コンボボックス、データグリッド、ピルボックス、検索、スピナー等のコンポーネントがセットになって配布されています。 どのコンポーネントも元がいいだけにかなりクールなデザインになっています。 ますますサイト作りがリッチに、そして楽しくなりそうです 関連エントリ Twitter Bootstrapでカッコいいカルーセルを実装するサンプルとチュートリアル Twitter Bootstrapじゃなくfacebook Bootstrap?「Fbootstrapp」 Twitter Bootstrap で使えるカラーピッカー&日付ピッカー TwitterBootstrapベースのテーマやテンプレートが入手できる「WrapBootstrap」 綺麗なUIのサイトがサクサク組めるTwitter Boo
最近リリースされたものを中心に、高品質なフリーのデザインフォント・タイプフェイスを紹介します。 一番下には、ミッフィーみたいなのがありますよ。
826種類の絵文字がセットになったWebフォントが「絵文字フォント」です。インターネット上での利用に特化しており、Web上での利用なら無料で商用利用も可能。ファイルはAI形式とWOFF形式の2種類があり、PC・タブレット・モバイル機器などで表示することができます。 絵文字フォント - EmojiSymbols Font http://emojisymbols.com/jp/ 絵文字は全部で826種類です。 トップページ下部の「Download Page」をクリックすると…… 禁止事項・免責事項などが記載されている「ご利用にあたって」のページが表示されます。 フォントのダウンロードはページ下部にある緑色の「Download Font」から。 また、ブラウザ上部にある「よくある質問」をクリックすると…… 対応ブラウザやWebフォントの使用方法などが書かれたページが。WOFFフォントはバージョン
ウェブページの表示サイズをデスクトップやスマフォ・タブレット用に変えてレスポンシブの確認をするツールはたくさんありますが、これはかなりおススメのツールです。 Viewport resizer Viewport resizerの特徴 Viewport resizerの使い方 Viewport resizerの高度な使い方 Viewport resizerの特徴 Viewport resizerはブラウザベースで動作するブックマークレットで、WindowsでもMac OSでも即時にツールを起動して、表示しているウェブサイトをあらゆるサイズに変更して確認できます。 フルカスタマイズが可能。 その場でサイズ変更してのカスタマイズも可能。 1クリックでスマフォやタブレットの縦・横向きを変更できます。 Media Queriesをサポート。 Metaのviewportタグを適合させます。 ページのリロ
フォームをカスタマイズできる jQueryプラグインまとめ「13 Effective Free jQuery Plugins that Enhance Your Forms」 インターネット上で誰とでも手軽に交流できるようになっており、WEBサイトはユーザーとのつながりを広げる大きな手段の一つとなっています。今回はそんなWEBサイトで、もっとも直接的な繋がりとなるフォームをカスタマイズできる jQueryプラグインをまとめた「13 Effective Free jQuery Plugins that Enhance Your Forms」を紹介したいと思います。 Select multiple form fields – finding a better solution for multiple selection シンプルなフォームからさまざまな機能を持ったフォームまで、多数のフォーム
DeltaはjQuery UI用のテーマです。ブルーを基調としたライト/ダークがあります。 jQueryをより積極的に使ってWebアプリケーションを構築するならば使ってみたいのがjQuery UIです。今回はそのテーマの一つ、Deltaを紹介します。 ブルーベースの見やすい表示です。 モーダルウィンドウです。 ダークベース。 カレンダー。 タブ表示もあります。 テーマはライトとダークの2種類が用意されています。切り替えは簡単です。ボタンやスライダー、モーダルウィンドウなどのコンポーネントが用意されており、Webアプリケーションを組み上げるのに役立つのではないでしょうか。 DeltaはjQuery/JavaScript製のオープンソース・ソフトウェア(MIT License)です。 MOONGIFTはこう見る BootstrapやjQuery UIを使いこなせばWebアプリケーション(Web
is an easy to use Java GUI, graphical user interface, frontend DML, data manipulation language, tool for the HSQL, MSAccess, MySQL, Oracle, PostgreSQL, & SQLite databases. A query tool allows the building & executing of complex SQL statements. Easy data sorting & searching, import/export either in CSV, comma separated values, or DDL, data definition language. A plug-in framework has allowed the in
TOP > WebService > 使える見出しフリーフォント25 from 2012「25 Yet More Free Fonts for Headlines」 見出しに使うフォントは、デザインを決定づける非常に重要なもの。それだけに武器となるフォントはある程度それておきたいものです。今日紹介するのは比較的使いやすいクリエイティブなつかえる見出しフリーフォントをまとめたエントリー「25 Yet More Free Fonts for Headlines (from 2012)」です。 Nexa シンプルなものから、クリエイティブによったものまで、全部で25のフォントがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 Mission Script すこし柔らかめのスクリプトフォント。ラインがつながって単語が綺麗に見えます。 Int
Sentryはシステムのエラーを集約して管理するソフトウェアです。 システムで問題が起こった時にどのように対応すればいいでしょうか。まずそのデータを収集し、管理できる状態する必要があります。そのためのライブラリがSentryです。 サイトのトップです。 新規プロジェクトを作成します。 そうするとURLが生成されます。これが重要です。 後はRuby/Python/PHP/JavaScriptなどでAPIをコールします。 プロジェクトの詳細画面です。 プロジェクトのダッシュボードです。ここにアクションのログが出ます。 こちらは公式サイトのスクリーンショット。 グラフです。 Sentryは様々なプログラミング言語向けにライブラリを提供しています。Web APIもあるので任意のプログラミング言語で組み込むこともできるでしょう。エラーをトレースして飛ばせば良いだけです。後はその回数によって優先順位が
This option will not work correctly. Unfortunately, your browser does not support Inline Frames BORG is a combination calendar and task tracking system. The calendar supports all sorts of appointments and also a simple todo list. The calendar functionality is similar to that of other PIMs, such as Microsoft Outlook, Mozilla Calendar, Palm Desktop, Yahoo Calendar, etc... The Task Tracker goes way b
Juju GUIはUbuntuのサーバ構成管理Jujuの管理UIです。 最近のUbuntuに搭載されているサーバ構成管理システムがJujuです。コマンド一つでサーバのサービスを設定したりデプロイができるのは便利ですが、常にターミナルで作業するので分かりづらいと感じるかも知れません。そこでJuju GUIを使ってみましょう。 ダッシュボード。各サーバとその関連性がビジュアル化されています。 クリックでコンテストメニューが表示されます。 リレーション一覧。 サーバ設定。 Juju GUIは各サーバのリレーションを線でつないで見せてくれたり、設定をWebブラウザ上で編集できます。さらに処理のステータスを確認し、エラーがあった場合など確認できるようになっています。 Juju GUIはnode.js/JavaScript製、GPL v3のオープンソース・ソフトウェアです。 MOONGIFTはこう見る
jqはターミナル上で使えるJSONパーサーです。 JavaScriptの台頭に伴ってJSONを共通のファイルフォーマットに使うことが増えてきました。システムから取得したJSONファイルの内容を調べる時に使いたいコマンドがjqです。 元のJSONです。 resultsの1つ目だけを出力。 2つ目だけ。 一つ目、さらに項目を指定して出力。 全ての結果、ただし項目を指定して出力。 さらに情報を追加して出力もできます。 jqはMac OSXやLinux向けのコマンドであり、標準出力されたJSONファイルを読み込み、加工した上で出力できます。かつインデントを含めて成形してくれるのでデータの見やすさが格段にあがるはずです。プログラミング言語のライブラリから扱うよりも手軽ではないでしょうか。 jqはC製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る Web AP
iPad, iPhoneのiOS6, iOS5、AndroidのJelly Bean, Ice Cream Sandwichなど、最新のスマートフォンやタブレットデバイスに対応したUI用のフレームワークを紹介します。 ChocolateChip-UI ver2.0 ChocolateChip-UI -GitHub ChocolateChip-UIはWAMLと呼ばれるマークアップ言語を使い、簡単にさまざまなUIエレメントを実装できます。 制作時は、Webkit系ブラウザ(Chrome, Safari)などのデスクトップ環境でもテストできます。 下記に、ChocolateChip-UIのデフォルトで用意されているUIエレメントをいくつか紹介します。 もちろん、デザインはカスタマイズできます。
よく使うclearfixから、見出しの画像置換や見た目非表示の新しいスニペット、レスポンシブによく利用されるスニペットなど、スタイルシートのよく使用する有用なスニペットを紹介します。 A Collection of Handy CSS Snippets 下記は各ポイントを意訳したものです。 ショートハンドのclass デザイン関連のスニペット 開発関連のスニペット 印刷・Retina・検証用のスニペット ショートハンドのclass よく使用するショートハンドのclassから始めましょう。 ポイントはセレクタでエレメントを定義するのではなく、すぐに利用できることを前提にしています。 まずは、テキストと画像を配置する時に簡単に使えるfloatです。 .float-left /* こんな感じに直観的に分かる名前で */ { float: left; } .float-right /* こんな感じ
Designbeepでスケッチ風のフリーフォントがいい感じにまとまっていたので、個人利用のみなのか、商用も可なのかを添えて紹介します。
Scriptedはnode.jsで作られたWebベースのプログラミングエディタです。 Webブラウザ上で開発できる環境が徐々に整いつつあります。ローカルとはまた違う魅力が提供できるでしょう。今回はその一つ、Scriptedを紹介します。 メイン画面です。左側に実行したディレクトリにあるファイル一覧、右側がエディタになります。 各プログラミング言語に対応したハイライター付きです。 TODOについては緑のアイコンが表示されます。 構文チェッカーもあります。 縦にスプリットもできます。 キーボードショートカットもあります。 ScriptedはWebブラウザ上で動作しますが、ファイルの保存にも対応しています。操作性はテキストエディタとして十分な機能があります。コーディングするエリアも可読性が高く、使いやすいです。 Scriptedはnode.js/JavaScript製のオープンソース・ソフトウェ
ZOOM IN ナウ! 今、気になるニュースや知っておくべきテーマについて深掘りしてお届けします。 NEW 16回/全35回 キャリア 2024.12.02 働く女性の「快適生理」マネジメント術 働く女性の半数が、生理が辛くて仕事中に困った経験があり、7割の女性が生理中は仕事の効率が落ちると感じています。でも「これは女性だから仕方がないこと」とあきらめていませんか。実は、生理の悩みは改善でき、もっと快適に過ごせるのです。女性の働き方改革のカギを握る「生理の上手なマネジメント術」をお伝えしましょう。 NEW 健康・美容 2024.11.29 door to door 「人生の新たな扉を開けた挑戦者たち」に迫ります。一歩を踏み出す不安とどう向き合い、葛藤をどう乗り越えたのでしょうか。そして、彼女が扉を開けた理由はーー。 46回/全60回 キャリア 2024.11.25
A WAR application, deployable to any servlet container, or embeddable to your EAR. You may receive RSS/e-mail/Jabber notifications of potential problems. If you cannot use traditional tools such as JConsole or VisualVM then this is for you. WebMon requires Java5 or higher. WebMon can also be embedded in JavaSE applications as well, without the WAR overhead. Add the webmon-analyzer module to your a
SoloWizardは開発周りで使える様々なソフトウェアをインストールするスクリプトを生成するソフトウェアです。 開発環境を整える際には様々なソフトウェアをインストールする必要があります。何度も行うと疲れてしまうでしょう。そこで選択式でインストールするソフトウェアをまとめて決められるSoloWizardを使ってみましょう。 トップページです。ここで作成できます。 ImageMagicやJavaといった開発関係のインストールもできます。 もちろんGit、Subversionも選択できます。 FirefoxやDropboxも。 OSXに関連した設定も選択できます。 .bash_profileの選択まであります。 その他色々な設定が提供されます。 こんな感じのスクリプトが生成されます。 デモ動画です。 カテゴリーとしては開発用ソフトウェア、データベース、コマンドラインツール、バージョン管理、テキ
スマートフォン、タブレット、ラップトップタイプのタブレットなど、タッチデバイスに最適なナビゲーションの考察を紹介します。 単に見た目のレスポンシブではなく、操作性を考慮したレスポンシブです。 Responsive Navigation: Optimizing for Touch Across Devices 下記は各ポイントを意訳したものです。 各デバイスのサイズ 各デバイスのタッチ方法 タッチデバイスに最適なナビゲーションの位置 デモ スマフォ・タブレット・ラップトップタブレットのサイズ まずは、デバイスごとのスクリーンサイズを確認してみます。 過去2ヵ月にリリースした主要なスマートフォンのサイズ一覧です。
いつも見ているあのウェブページやアプリのユーザーインターフェイスが備えている素晴らしいディテールに注目し、コレクションしているブログを紹介します。
Free Christmas Icons クリスマスのアイコンは全部で32種類で、シンプルながらかわいらしいデザインとなっています。 ダウンロードできる素材のフォーマットはAI, EPSで、ベクターなので拡大縮小が可能です。 また、プレビュー用のPNGもあります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く