サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
jGmaps | jQuery PluginsGoogleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」 必要なライブラリを読み込んで、次のようにjgmapsメソッドを呼び出すとGoogleマップによる経路案内の地図と文字による案内情報が出ます。 $('#mapa').jgmaps( { width: 300, height: 300, directions:{ address: ['東京都新宿区', '東京都港区'], usePanel: true, panelId: 'panelDirections' } } ); 次のように、経路が地図に表示されます。 文字による案内情報も表示できます。 会社案内や会場案内なんかもこれで速攻実装できそうですね。 ダウンロードできるサンプルをいじくってみましょう。 地名に日本の場所を漢字で使う場合、文字コードはUTF-
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 メインブラウザをFirefoxからChrome に変更して暫く経ちます。Chromeも かなりエクステンションが豊富になって きました。いろいろとエクステンションを 試して、微妙に感じて消して、の繰り返 しですが、そんな中、マストに使ってい る拡張をご紹介します。 色々試して、最終的に残ったChromeエクステンションのまとめです。CSS Tester どのページでもcssの追加テストが出来ます。すぐに反映されるので結構便利。CSS TesterCSSViewer 先日記事にしましたが、インストールしてから毎日使っています。マウスを乗せるだけでその要素のcssを表示。便利ですねー。CSSViewer View Selection Source ドラッグした部
Free Sketching & Wireframing Kit WEBレイアウト作成用のモック作成ツールキット。 次のようなデザインで、UIパーツがつまったツールキットが各種ベクターフォーマット（.ai, .pdf, .svg, .eps) の形式でダウンロードすることが出来ます。 モック作成のテンプレ等は色々ありますが、デザインが本当にモックっぽいところが特徴 関連エントリ ブラウザ上でサイトのモックアップを光速で作成できるサービス「Lumzy」WEBデザインのモック作成時に役立つ手書き用PDFテンプレート集 サイトのモック等に使えるダミーのイメージを簡単に作れる「Dynamic Dummy Image Generator」
CSS3 ノンサポートの IE でもCSS3 の border-radius、box-shadow、text-shadow などの、エフェクト系プロパティを利用する為のライブラリをご紹介します。また、最後に IE の filter を使ったコードもまとめてあります。 IEでもCSS3 の表現をするためのライブラリを使ってみました。IE9 がどれくらい普及するか分かりませんが、IE9 のCSS3 のサポートを見る限り、相変わらず IE だけ特別扱いしてあげないとダメなところもありそうですねー。以下のリンクで、IE9 のCSS3 サポートの状況をチェックできます。 Impressive WebsCSS3 Support in Internet Explorer 9 今回は、IE8 以下でもいくつかのCSS3 のプロパティを利用できるようにするためのライブラリを、2つほどご紹介します
最近よく目にする「HTML5」という言葉。JavaScriptのAPIやCSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいいのか」をお届けします 5からHTMLの“文法”が変わるって知ってた？ 連載第1回の「Webの3つの問題を解決する「HTML5」とは何なのか」では、HTML5という技術革新の意義、そして本連載の大まかな流れについてお話ししました。連載第2回である今回は、HTML5のマークアップを行うための基礎知識についてお話しします。HTML5では、その文法が大きく変化しました。「HTMLが、どれほど普及しているか」「根底となる“文法”が変わってしまったら、どれほどの影響があるか」に想像が及ぶ方であれば、非常な驚きと不安を抱かれるかもしれません。
「すぐ使えるダミーテキスト」が暗号化通信（https）に対応しました。 2018年6月現在、移行のテスト中でどちらでもアクセスできます。 【2018年6月12日更新】移行テストが完了し、https に強制転送されるようになりました。
ちょっと配慮すれば解決する問題で わかってる人は普通にやってることだと思うんだけど、 そもそもそこに問題があることに気づくチャンスがない ということもあるかもしれないので書いてみます。Mac で作ったZIP ファイルをWindows で開くとMac の Finder から簡単にZIP ファイルを作れるようになったけど これをそのままWindows の人に渡すと 嫌がられることが多いですね。 例えばこういうファイルを そのままMac の標準機能で圧縮して作ったZip ファイルはWindows で開くとこんな感じになります。 なんじゃこりゃ。 これじゃあ「またマックか」と言われてもしかたないですね。 問題点は2つ。 余計なファイルが混じる 何だかわけのわからないファイルが混じってますね。 これらには、Mac OS 特有のファイル構造やアイコンの配置など 要するにMac で
今回はXを便利にするツール３４選をまとめてみました！ 僕もXツールは色々使っていて、 TweetDeckでリプライ交流をする Social Dogで１ヶ月分「予約投稿」をする など、Xツールのおかげもあって、１年ちょっとで50,000フォロワーを超えることができました。 ブログのアクセス数も爆増し、アフィリエイト収益も月100万円ほどアップしています。 正直、上記の２つさえあればXは伸ばせます。 これらのツールを使った「Xの伸ばし方」については以下の記事でもまとめているのでこちらもぜひー！ 目的別ツールの選び方 Xのツールは、目的に合わせて選ぶことがおすすめです！ ここでは、次の7つの目的に合わせて便利ツールをまとめてみました！ 総合的に管理したい 複数アカウントを一括管理したい 複数人でアカウントを管理したい フォロー・フォロワーを管理したい ツイートを予約したい マーケティング分析をし
ウェブベースの会社・サービスで使用しているロゴデザインを11の特徴に分け、見習うべき素晴らしいもの、ちょっと残念なものなど11のトレンドを紹介します。 11Trends in WebLogo Design: TheGood, the Bad and the Overused 以下は各ポイントを意訳したものです。 はじめに 1. バッジとボタン 2. スピーチバブルとメガホン 3. 不透明 4. かわいいイラスト 5. スクリプトやスラブ系のクールなフォント 6. 葉などの植物 7. 歪な四角形 8. レトロゲーム 9. ワードの一部だけカラーを変更 10. ロゴタイプ 11. ノードやハブ はじめに ウェブベースの会社や新規事業のためにロゴをデザインすることは、果てしない魅力の追求です。私たちは、ロゴのトレンドについていくつかの知識をピックアップしました。トレンドのいくつかは素晴らし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
