ツールキット - ページ 34

他の人にも読んでもらいたい、Webサイトやブログで興味深いことを読んだり読んだりするたびに、Twitterに投稿します。これは、Twitterのプラットフォームを介して、自分のメッセージを友人や知人のグループを超えて広げることができるからです。私と他の多くのユーザーにとって、Twitter共有アイコンがあれば、特定のWebサイトのコンテンツをTwitterに投稿する方がはるかに簡単です。. それで、あなたがあなたのTwitter共有アイコンをすぐに見つけられることを望むならば、これらの美しいTwitterアイコンとボタンを見てください。あなたはあなたのウェブサイトのメインテーマに合うこれらのアイコンのどれでもダウンロードして追加することができます。見てみましょう. Twitterのアイコンとボタン ソーシャルメディアのロゴコレクション クリエイター：BiZkettE1 4ソーシャルネットワーキング 作成者：M.salama 現代水彩画ソーシャルメディアロゴタイプ クリエイター：BiZkettE1 人気のソーシャルメディアのロゴコレクション 作成者：M.salama ソーシャルメディアのラベル 作成者：Freepik 現代水彩スラッシュ 作成者：Zivile_z 水彩画デザインとソーシャルメディアのアイコン クリエイター：Natanaelginting 抽象的なソーシャルメディアの水彩画のアイコンを設定 作成者：Creative_hat 水彩ソーシャルメディアコレクション クリエイター：BiZkettE1 Twitterのアイコンセット私 作成者：Freepik TwitterのアイコンセットII 作成者：Freepik Twitterのソーシャルアイコン クリエイター：Designreviver Twitterのアイコン クリエイター：Phiredesign 無料のTwitterグラフィック...

Web上のタイポグラフィを扱うことは本当に風変わりです. 各ブラウザには、フォントをレンダリングするための独自のアルゴリズムがあります。 これは予期しない矛盾につながる可能性があります。フォントカーニング、フォントスムージング、DropCapsの作成など、フォントを制御するために使用できるCSSプロパティはわずかしかありません。その上で、フォントに関しては、レイアウトの問題を数多く処理する必要があります。. 良いニュースは、それがウェブサイトのタイポグラフィに関しては、車輪を引き継ぐために使用できるリソースがあるということです。ここにあります 15のWebツール、ライブラリ、およびフレームワーク あなたはそのために使用することができます. Hongkiatの詳細： 9 WordPressプラグインをあなたのフォントでもっと活躍させる 読みやすさを向上させる20のベストWordPressタイポグラフィプラグイン Webフォントを使用したより良く、より鮮明なUIアイコン タイプレンダリング 手短に, タイプレンダリング Modernizrと似た働きをしますが、フォントレンダリング用のブラウザエンジンを識別するだけです。このライブラリは発見に基づいてカスタムクラスを追加します。そしてそれはタイプレンダリングのために特定のスタイリング規則を適用するために使われることができます. KerningJS KerningはまだWeb上での使用にはカスタマイズできません - フォントカーニング 現時点ではまだサポートは不十分ですが、新しい標準的なプロパティが登場しています. KerningJS カーニングコントロールを向上させるためのいくつかの新しいプロパティを提供するJavascriptライブラリです。 -レターカーン. #heading -letter-kern：1px 1px 0 0 0 1px...

スラックのシンプルさと汎用性はすぐにそれを作りました 最も強力な生産性向上ツールの1つ 私たちの時代の 日々のコミュニケーション. しかし、その単純なUIにもかかわらず、私たちはまだそのいくつかを見逃すことができます 便利で風変わりな設定-少なくとも私たちが正しい場所を見ていないのなら. それで、この記事では、カバーします 15役に立つヒント これらの設定を追跡し、あなたを助けるために 生産性を向上させる Slackで作業中. 1.日付でメッセージを閲覧する Slackはあなたをすることができます 日付でメッセージを閲覧する どのチャンネルでも。そうするには、あなたのアカウントにサインインしてください。 に行く [myteam] .slack.com / archives URL （ここで [私のチーム] あなたのSlackチームのハンドルです）. スタンドアロンのSlackアプリを使用している場合, あなたのチーム名をクリックしてください 左上隅にある Slackをカスタマイズする. デフォルトのブラウザで新しいページが開きます。. メニューをクリック...

Angularにつま先を浸すことを考えていますか？あなたがAngularJSの投稿を学ぶために私達の10の最高のチュートリアルを経験していて、あなた自身でAngularと遊びたいのであれば、あなたは正しい投稿にいます。ここにいくつかあります 開発ワークフローを合理化できるツール. 私達は15のうち見ています 最高のIDE、テキストエディタ、テストとデバッグのためのツール、モジュール そして 開発ツールとアプリ Angularで構築するためのものです。お気に入りのツールやアプリがある場合は、以下のコメントでそれらを共有してください。. IDEとテキストエディタ プログラミングの世界では、2種類のエディタがあります。 フル機能の統合開発環境 （IDE）と 軽量テキストエディタ. どちらもより速い開発ワークフローを可能にします。以下にリストされているIDEとテキストエディタは、Angular開発をスピードアップするための非常に優れたツールです。 Angular環境に合わせて簡単に設定できます. WebStorm WebStormはJavascriptだけでなくHTMLやCSSにも適しています。それはあなたがあなたのコーディング結果を頻繁にリフレッシュする必要なしにブラウザで見ることを可能にする素晴らしいライブエディタを持っています。デフォルトでは、最新バージョンにはAngularJSプラグインバンドルが含まれていますが、最初にプロジェクトにAngularスクリプトを含める必要があります。詳細については、WebStormブログ記事を読んでください。. アプタナ Aptanaは無料のオープンソースIDEで、実際にはJavascript、HTML、CSS、その他のWebグッズを中心にカスタマイズされたEclipseのバージョンです。 AngularサポートのためにAptanaを拡張するために必要なことは、次のWebサイトからAngularJS Eclipse拡張機能をインストールすることだけです。 Eclipseマーケットプレイス. 崇高なテキスト 利用可能な最も人気のあるテキストエディタの1つ、Sublime Textはあらゆる種類のプログラミング環境に適応するためのカスタマイズ性のために多くの人に愛されています。それはまた高速でカスタマイズ可能なコードスニペットサポートを持ち、そしてAngularで作業することを可能にするAngularJSパッケージを含む多くのパッケージを持っています。これはDan Wahlinによる素晴らしい投稿です。. 昇華テキストの詳細： 18の必須のSublime Textプラグイン 12の最も欲しいと思う昇華テキストのヒントとトリック 崇高なテキストにファイルパスを挿入する方法...

あなたがウェブデザインプロジェクトを引き受けるとき、あなたはあなたがあなたのクライアントのためにウェブサイトを構築するのを助けるツールについて二度考えますか？ 2015年、自由は多くの選択肢のように見えます。あなたの個人的な作業習慣に関係なく、市場で最も有用なプラットフォームとツールを保護することは常にあなたの最善の利益になります. これを手助けするために、いくつか切り上げました。 クラウドベースのWebサイトビルダー そして ページ構築プラグイン WordPress用です。以下のリストを見て、どれがあなたのニーズに最も適しているかを決めてください。. Hongkiat.comに関するその他の情報： 2015年にあなたのサイトを刷新するための20のWordPressテーマ 20 “近日公開” 待っている価値があるWordPressテーマ 独自のWordPressショートコードを作成する方法 フロントエンドのコンテンツを管理するための12のWordPressプラグイン Webydo あなたのクライアントのために、あるいはあなた自身のために、コードフリーでピクセルパーフェクトなレスポンシブウェブサイトを構築し、管理したいですか？ Webydoに参加して、クラウドベースのスタジオでゼロから、またはテンプレートまたはプリセットレイアウトを使用してデザインを開始します。その視差スクロールアニメーターはまたあなたが視覚的にあなたの聴衆を魅了するのを助けるために要素に魅惑的なモーションパスを追加することを可能にするでしょう。 Webydoに参加すると、125,000人のフリーランスデザイナー、代理店、スタジオの活発なコミュニティの一員となります。. ビジュアル作曲家 多くのプレミアムテーマでVisual Composerに遭遇したことがあるのであれば、たぶん28ドルで、Visual Composerが本当にWordPressエディタに革命を起こすことができるからでしょう。ショートコードで洗練されたレイアウトを構築する必要はもうありません。40以上の要素をフロントエンドから直接ドラッグアンドドロップして、サイトを公開するだけです。. Qards それであなたのサイトは完成しましたが、あなたのクライアントは幸せではなく、再設計を掻き回しています。現在のテーマでやめようと思っているのなら、馬を抱きしめてください。タイルやカードのデザインについて聞いたことがありますか？ Designmodoには、カードを所定の位置にスライドさせ、単純なインラインエディタでコンテンツを調整し、デザインを揺り動かし続けるというコンセプトに基づいたページ構築プラグインがあります。何よりも、あなたがコードのファンでなくてもそれはあなたのために働きます. ピコック あなたのウェブサイトを作成するときに100以上の切り替え可能なテーマから選択できるようにしたいですか？ぎりぎりの解決策として、すぐに使えるテンプレートが非常に魅力的だと思うかもしれません。 Pikockを使用すれば、1行のコードに触れる必要がなくなります。 1ページのWebサイトを2ドル未満で作成することもできます。サインアップする前に30日間の無料トライアルを試すことに害はありません. Voog...

ライトボックスは Web上に画像をオーバーレイする. 画像をクリックすると、ライトボックスに何らかのアニメーションが表示され、背景が暗くなるので、画像自体にフォーカスが移ります。画像も拡大表示されます。私達が何年も前から知っている最も人気のあるLightbox JavaScriptライブラリーはあなたがデスクトップでこれをうまくさせますが、モバイルプラットフォームではそれほどできません. これを無視し、応答性を求めることは、今日ではお勧めできません。そのため、15個の応答性のあるLightboxライブラリのこのコレクションをチェックアウトする必要があります。. Hongkiatの詳細： HTML5ダイアログでモーダルウィンドウを簡単に作成する トップ10無料の応答画像ギャラリー/スライドショー Vexを使ってあなたのサイトのためのより良いモーダルウィンドウを作成、制御、そしてカスタマイズ jQueryの画像ギャラリー＆スライダー - ベストオブ フォトスワイプ フォトスワイプ はるかに私のお気に入りのligthboxプラグインです。それは私が必要としていないいくつかの部分を捨てることを可能にする、それは軽くて、タッチ対応で、そして最も重要なのはモジュール式です。モバイルブラウザでうまく動作します。ネイティブアプリのように指で画像をスワイプすることができ、トランジションは非常にスムーズに実行されます。. 依存： 無し ブラウザのサポート：IE8 +、Chrome、Firefox、Safari、Opera、そしていくつかのモバイルブラウザ. ライセンス：MITライセンス MagnificPopup MagnificPopup 私たちにPhotoSwipe、Dmitry Semenovを与えた同じ人によって開発されたもう一つのライトボックスプラグインです。これはjQuery / Zeptoプラグインの形式で提供され、Video、Map、およびAjaxコンテンツのサポートなど、PhotoSwipeに欠けている機能ももたらします。これは、より多くの機能を手元に持っていることを好む人にとっては素晴らしい選択肢です. 依存：jQuery 1.9.1以降、またはZepto.js ブラウザのサポート：IE7（一部）、IE8 +、Chrome、Firefox、Safari、およびOpera....

サイトを上下にスクロールしたときに、サイト内の特定の要素が位置に固定されて表示されるのが一般的になりました。ナビゲーションメニュー、ヘッダー、またはサイドバー。これにより、ユーザーの位置に関係なく、要素をすぐに利用できるようになります。. スティッキー要素と呼ばれ、これはCSSを使用するだけで実現できますが、この方法を使用すると、複数のブラウザ間で効果が信頼できません。これが、私たちがJSライブラリとjQueryプラグインのほんの一握りをまとめた理由です。これにより、この特定のUXデザインをほとんど手間をかけずに達成することができます。. ウェイポイント ウェイポイントは、ビューポート内の要素の位置に基づいて関数を実行するためのライブラリです。それはその要素を作るショートカット機能が付属しています “ねばねばしている”. スクロール方向をカスタマイズできます - アップ, ダウン, そしてさらに 右 そして 左 - どの要素がビューポート内に固定されるかについて. 依存：なし/ jQuery（オプション） ライセンス：MITライセンス スティッキーキット あり StickyKit, 要素をビューポート内に固定するだけでなく、指定した親要素内にそれらを同時に固定することもできます。このプラグインには、カスタムイベントやトリガーなどの高度な設定もいくつか付属しています. 依存：jQuery ライセンス：WTFPL 3. StickyJS StickyJS それはそれが言うことをする使いやすいjQueryスティッキープラグインです。プラグインはそのまま使用できます。まだカスタマイズが必要な場合は、オプション/設定、カスタムメソッド、イベントが付属しています。. 依存：jQuery ライセンス：MITライセンス...

Google Map Makerとその他の10のツールを使用して、地図を作成しました。ただし、代わりにJavascriptライブラリを使用したい場合は、投稿してもらえますか。特別な地図マーカーの表示、カスタムルートの描画、または地図上の特定のポイントをクリックしたときのダイアログの表示に使用できるJSライブラリは次のとおりです。. 地図を好みのスタイルにカスタマイズします - それらのうちのいくつかはCSSでスタイル設定できます - または 自分の好きなようにインタラクティブになるように地図をカスタマイズする. 地図データのソース、各ライブラリの依存関係およびライセンスはあなたの便宜のために含まれています. Hongkiatの詳細： Googleマップのスタイルを設定する方法 HTML5 Geolocation APIを使用してユーザーの位置を取得する データの可視化：20種類以上の便利なツールとリソース GMap GMap Googleマップの追加とカスタマイズが簡単になります。地図を追加する以外に、ルートの描画に便利なポリライン、特別なメニューコントロール、さらにはHTML要素など、いくつかの要素を地図に追加することもできます。. GMapsは、Foursquareのようにあなたの地図を特定のアプリと統合するために利用できるJSONフォーマットのデータと互換性があります。. マップデータソース： グーグルマップ 依存関係： 無し ライセンス：MITライセンス jHere 5 KBでは、jHEREはサイズが問題ではないことを示しています。それでも、ほんの一握りのカスタマイズオプションで強力なインタラクティブマップを構築することができます。 jHEREは、Windows Phone用の最も人気のある地図プロバ​​イダーの1つであるHEREマップから地図の視覚化を導き出します。....