ツールキット - ページ 36

2013年の発売以来、Slackはトップチームのコミュニケーションツールに成長しました。複数の主要プラットフォームにわたるその可用性により、会話、コラボレーション、およびディスカッションを生成するための優れたツールとなります。また サードパーティの統合とサービスを可能にします 人生をもっと楽にするために. たとえば、Asanaに追加した新しいタスクを、選択したチャンネルに自動的に投稿できます。 Slackの使いやすさと機能性を向上させるのを助けるこのような他の多くのツールがあります。この記事では、Slackと一緒に使用したい10のツールをリストします。. 1.スラックニュース スラックニュース Slackのウィンドウを離れることなく、複数の情報源からニュースを素早く取得することができます。ただタイプ /ニュース[ソース] どのチャンネルでも、あなたはすぐそこに最新のニュースを配信します。設定するには、Slackの統合と設定を調整する前に、Slack Newsをあなたのサーバーにインストールする必要があります。. スラックテーマ Slackには6つのテーマがあります。 設定>サイドバーのテーマ. あなたがもっと欲しいなら、あなたは実際にこれを自分で設定することができます：あなたが使うテーマにパッチを当てるためにちょうど8つの16進コードを入力してください。もっと欲しいなら, スラックテーマ あなたに美しいテーマの色構成を与えます。そこに利用可能な約70のテーマがあります。いくつかのテーマはRedditやYoutubeのような人気のあるアプリケーションのカラーテーマをまねるようです。. 3.チットチャット チットチャット 世界中でSlackを使用しているオンラインコミュニティを発見するための場所です。それなら、会話に参加してください。 WebやUXのデザイナー、開発者、Androidのファン、起業家、その他多数のトピックを見つけることができます。. 4.フランク フランケ あなたのメールを即座にあらゆるSlackチャンネルで利用可能にします。受信または送信した電子メールを手動で転送してSlackチャネルに投稿できます。率直なEメールを含めることでこれを自動的に行うこともできます（あなたのチームチームのEメールで@ getfranke.com）してから、ダッシュボードで送受信するドメインまたはEメールアドレスを設定します。. 5.収束して 収束的に 以下のような便利な機能でSlackでのあなたのチームのコミュニケーションを強化します スレーター, これにより、チームへのメッセージをスケジュールすることができます。このツールには自動応答システムもあり、あなたがいなくても返信メッセージを残すことができます。ディスカッションや会話の最中にタスクをチームメンバーに割り当てることもできます。....

世界で最も人気のあるサーバーサイドのスクリプト言語として知られるPHPは、最初のインラインコードスニペットが静的HTMLファイルに登場して以来、大きく進化しました。. 最近の開発者は、複雑なWebサイトやWebアプリケーションを構築する必要があり、一定の複雑さレベルを超える必要があります。 常に最初からやり直すには時間と手間がかかります。, そのため、より構造化された自然な開発方法が必要になりました。 PHPフレームワークは開発者にそのための適切な解決策を提供します。. この記事では、最も人気のある10の人気のあるPHPフレームワークを慎重に選びました。 バックエンドWeb開発のプロセスを促進および合理化する. なぜPHPフレームワークを使うのか しかし、最初に、多くの開発者がなぜPHPフレームワークを使用するのが好きなのか、そしてこれらのフレームワークが開発プロセスをどのようにレベルアップできるのかを考えてみましょう。これがPHPフレームワークがすることです： スピード開発を可能にする 整然とした、再利用可能で保守可能なコードを提供する フレームワークで実行されているWebアプリケーションはスケーラブルであるため、時間をかけて成長させましょう サイトの低レベルのセキュリティについての心配からあなたを解放します プレゼンテーションとロジックの分離を確実にするMVC（Model-View-Controller）パターンに従う オブジェクト指向プログラミングツールなどの最新のWeb開発プラクティスを促進する ララヴェル Laravelは比較的新しいPHPフレームワークです（2011年にリリースされました）が、Sitepointの最近のオンライン調査によると、開発者の間で最も人気のあるフレームワークです。 Laravelは、インスタントホスティングおよびデプロイメントプラットフォームを備えた巨大なエコシステムを持ち、その公式Webサイトは、Laracastsと呼ばれるスクリーンキャストのチュートリアルを数多く提供しています。. Laravelには、迅速なアプリケーション開発を可能にする多くの機能があります。 Laravelには独自のものがあります 軽量テンプレートエンジン 呼ばれる “刃”, エレガントな構文 これにより、認証、セッション、キューイング、キャッシング、RESTfulルーティングなど、頻繁に行う必要があるタスクが容易になります。 Laravelにも含まれています 地域開発環境 Homesteadと呼ばれるパッケージ化されたVagrantボックス. 2. symfony...

Atomを試しましたか？それはまったく新しいものですが、多くの利点を提供するGitHubによって作られたテキストエディタであるAtomには多くの人が恋をしています。 Atomには、Gitとの統合やツリービューなど、いくつかの組み込みパッケージが付属しています。しかし、開発の目的のためには、間違いなく他のパッケージが必要になります. この記事では、Web開発者が持つべきいくつかのパッケージを選びました。面倒なコードを整理するのに役立つものもあれば、Atomを離れることなくファイルにアクセスしやすくするためのものもあります。これはあなたが持っていなければならない10個のAtomパッケージです。. カラーピッカー 名前が示すように、このパッケージは色を選ぶことを可能にします、そしてそれは右クリックして 'Color Picker'を選ぶのと同じくらい簡単です。あるいは、CMD / CTRL + SHIFT + Cを押しても実行できます。カラーピッカーは、カーソルが次の色フォーマットのいずれかを含むCSS / SASS / LESSファイルのテキスト上にある場合に機能します。 SASSまたはLESSフォーマット間の変換機能もあります。. エメット エメット あなたのテキストエディタ環境が何であれ、あなたがインストールする必要があるプラグインのようです。略語の拡張や略語の折り返しなど、Emmetの主な機能により、HTML、CSS、Sass / SCSS、およびLESS構文を書くときにすばやく作業することができます。たとえば、HTMLでは、次のように入力します。 p> a.mylink 次にTABキーをタップして完全なHTMLタグを取得します。 . チートシートを使用すると、Emmetの略語の構文をすぐに習得できます。. ミニマップ あなたがSublime...

あなたのプロジェクトに最適な適切なフレームワークを選択することは、ちょっと大変かもしれません。 から選ぶべきたくさん. おそらく、あなたはBootstrapやFoundationのような一般的な選択をしたいのですが、あなたのウェブサイトがかなり単純なものになるのであれば, あなたはビルディングブロックや材料のほとんどを必要としないでしょう デフォルトパッケージに含まれています. 良い知らせは、BootstrapやFoundationよりもはるかに細い選択肢がいくつかあることです。これらのフレームワークのほとんどは同梱されています ちょうどいい量のスタイルとコンポーネント あなたがあなたのプロジェクトのためにあなたが望む方向にそれらを拡張することができることを可能にしながらあなたが始めるのを助けるために. ここにあります BootstrapとFoundationに代わる10の軽量な代替品 あなたが使うべきもの 小規模Webサイトの構築. Hongkiat.comに関するその他の情報： Twitter Bootstrapを始めよう Sassでブートストラップ3を使用する ブートストラップツール：HTMLブートストラップレイアウトの構築 ブートストラッププラグインの操作：モーダルウィンドウ ブートストラップツール：YAMM3でMegamenuをビルドする スケルトン スケルトンはついに改築しました。それはゼロからの全面的な刷新です、そしてそれでもそれはそれが今まであったのと同じくらいまだ軽いです。新しいスケルトングリッドシステムは現在、モバイルファーストの原理を採用しています。これにより、デバイスの画面サイズが小さくても、レイアウトが中心となることが保証されます。. 以前のバージョンに含まれていたすべてのコンポーネント - ボタン、フォーム、入力要素 - はまだ存在していますが、基本的なタイポグラフィスタイルは現在では設定されています。 レム 単位. 2.カーディナルCSS CardinalCSSは、パフォーマンス、読みやすさ、そして最も重要な保守性に重点を置いて構築されたCSSフレームワークです。...

発見できる 純粋なCSSモーダルがたくさん しかしこれら JavaScriptと同じコントロールを提供しないでください. JavaScriptモーダルを使用すると、カスタムアニメーション、UI入力を追加し、本当にユーザーエクスペリエンスを向上させることができます。. しかし、なぜ最初から何かを設計するのですか あなたはJSライブラリを使用することができます? 私は集めました 最高の無料JavaScript搭載モーダルスクリプト あなたのお気に入りを熟読して選び出すためにここに. これらはすべて 完全無料でオープンソース, だからあなたは必要に応じてあなたのサイトに合うようにコードを編集してそれらを再スタイルすることができます. 1.うずき 私のお気に入りの無料のモーダルスクリプトの1つは、 Tingle.js. それは 依存関係のないバニラJavaScript上に構築された, ですから、jQueryやZeptoのライブラリは必要ありません。. それは持っていますがプラス、それはかなり小さなライブラリです カスタマイズのためのたくさんのオプション. CSSトランジション、JavaScriptモーダルアニメーション、そしてユーザーエクスペリエンス全体をわずかな設定で変更できます。. Tingle.jsは以下のように設計されています。 完全にアクセス可能で反応がよい, そのため、モバイルデバイス上で動作し、古いブラウザもサポートします。. 見ることができます GitHubに関するすべてのドキュメント, 無料のソースコードと一緒に。デモリンクもありますので、 Tingleを実際にチェックする あなたのウェブサイトに収まるかどうかを確認する....

WordPressやJoomlaのような伝統的なコンテンツ管理システム（CMS）は素晴らしいですが、あなたが小さなウェブサイトや個人的なブログを作るなら、あなたはおそらく提供される豊富な機能を必要としません。あなたが必要としているのは、よりシンプルでエレガントで軽量なソリューションです - あなたが必要としているのはフラットCMSです。. フラットCMSで最も顕著な違いは、データベースが不要なことです。フラットCMSでは、Webサイトのデータやコンテンツはファイルやフォルダにのみ保存されます。データベースからコンテンツを取得するように要求しなくても、Webサイトをすばやく読み込むことができます。面倒なインストールプロセスをスキップすることもできます。ファイルをサーバーにアップロードするだけで、Webサイトの準備は完了です。. あなたが最高のCMSを試してみることを望むなら、ここにあなたが始めることができる10です。それらのほとんどすべてはあなたのレンダリングをすることができますマークダウンエディタを備えています .md Webページにファイルを追加します。それらのうちのいくつかはまたWYSIWYG機能と同様にユーザーとロール管理を備えたビジュアルエディタを特徴とします. 1.重力 Gravは、アップロードしたマークダウンファイルを ユーザー/ページ/ フォルダはそれをページとしてレンダリングします。あなたが本当に速くそれに飛び込みたいならば、あなたがあなたのプロジェクトをキックスタートするのに使用できるスケルトンサイトがあります. Gravはテーマを構築するためにTwigテンプレートエンジンを使用します。あなたはそれが非常に単純であるか、あなたが20の準備ができているテーマのうちのどれでも使うことができるのであなた自身のテーマを作成することができます。 Gravはあなたのサイトに追加の機能を追加するための多くのプラグインも持っています。簡単にインストールするために、Grav Package Managerを使うことができます。. ピコ Picoを使用すると、Webサイトを簡単にすばやく作成できます。コンテンツを.mdファイルに作成し、それを コンテンツ インストールディレクトリのフォルダ。そのファイルはあなたのウェブサイトのアクセス可能なページになります. Twigテンプレートエンジンを使ってテーマを作成できます。ページネーション、スライダー、メタタグなどのWebサイト機能を拡張するためのプラグインもあります。. ドロップレット Droppletsは簡単なブログ作成のためのシンプルなCMSです。データベースを必要とせず、どんなサーバーでも簡単にインストールできます。サイトの設定を行うための管理者ページがありますが、コンテンツを編集するためのページはありません。コンテンツを作成するには、マークダウン形式で投稿を書き、ダッシュボードからそれをクリックしてサーバーにアップロードします。 パブリック または 投稿を更新する. ドロップレットには無料のテンプレートが付属していますが、もっと欲しい場合はダッシュボードからプレミアムテンプレートを購入することができます。あなたがデザイナーで、あなた自身のテーマを作成したい場合は、特別なテンプレートエンジンはありません。通常のPHPを使用するだけです。. 4.カービー 私のお気に入りのフラットファイルCMSであるKirbyは包括的な機能を持っていますが、使いやすくなっています。他のフラットCMSと同様にコンテンツを手動で追加することもできますが、Kirby Panelという名前のWebインターフェイスもあります。これを使用すると、コンテンツをページ、ブログ、またはギャラリーとして投稿したり、ユーザーやロールを管理できます。. KirbyではデフォルトでMarkdownフォーマットでコンテンツを書くことができますが、書くことを楽しくするための視覚的なMarkdownエディタプラグインがあります。あなたはあなたのウェブをより強力で素晴らしいものにするためにより多くのプラグインを閲覧することができます....

人々が動くものをより容易に知覚する傾向があるので、スマートに使用されるアニメーションは以下によってサイトのユーザーエクスペリエンスを向上させることができます。 ユーザーがすぐに気づく必要がある重要な要素に注意を向ける. CSS3では、新しいアニメーション構文が導入されました。これを使用すると、デザインでおもしろいことがたくさんできます。クールなアニメーションを作成するのは複雑で時間がかかることがありますが、その場合はアニメーションライブラリとジェネレータをうまく使用できます。. CSSで可能になったいくつかのアニメーションをチェックしてください。 38感動的なCSS3アニメーションデモ CSSで作成された15の美しいテキスト効果 あなたが見なければならない30のクールなCSSアニメーション CSS3アニメーションでバウンス効果を作成する方法 この記事では、私たちはあなた自身のアニメーションを作成することをより簡単にそしてより速くすることができる10の素晴らしいツールを見ていきます. 1. CSS3Gen CSS3アニメーションジェネレータ CSS3Gen 基本的なアニメーションをすばやく生成できる使いやすいアニメーションジェネレータを提供します。このツールを使用して複雑なアートワークを作成することはありませんが、あまり手間をかけずに標準のアニメーションを作成する場合には最適な選択です。. 君は コードで手を汚す必要はありません, フォームのプロパティを設定し、結果をプレビューしてから、コードをコピーして自分のCSSファイルに貼り付けることができます。. 2. CSSアニメイト もし、あんたが より複雑なアニメーションが必要, あなたが見つけるかもしれません CSSアニメイト 有用。それはより成熟したUIを持っています、あなたはわずかにより多くのプロパティを設定することができます、そしてあなたは直感的なタイムラインの助けを借りてアニメーションをフォロー、停止、そして再開することができます. 以下のようなサンプルアニメーションもあります。 “バウンス”, “振る”, そして “スイング”, あなたがジェネレータにロードして、あなたの必要性に従ってコードを修正できること....

ユーザーを許可する Webページのどの部分がクリック可能か UXデザインの重要な部分です。古いがゴールドのやり方は、テキストの色を変えて下線を引くことでした。今日では、CSSを使って、ホバー効果、特に画像にホバー効果を提供する方法がたくさんあります。. 開発者は今できる ホバーイベントがトリガーされたときにトランジションエフェクトまたはアニメーションを追加する. 方向性のあるスライド、さまざまな速度でのズーム、フェードインとフェードアウト、ヒンジ効果、スポットライトの顕示、ゆらぎ、バウンスなどを見ています。. この編集では、あります 250以上のホバー効果 あなたを刺激します。ソースでコードを拾うこともできます. イメージホバー効果 （16効果） このページでは、キャプション付きの16のホバー画像効果の素晴らしいコレクションを見つけるでしょう。画像の上にマウスを移動してクリックすることで、各効果のHTMLコードとCSSコードを取得します。 コードを表示. 画像キャプションホバーアニメーション （4効果） これは、画像の上にマウスを置いたときに実行される4つのクールなキャプションアニメーションです。ブラウザ間の互換性を向上させるために、純粋なCSS3のトランジションとトランスフォームで構築され、JavaScriptは使用されていません。. iHover （35効果） iHoverはCSS3を搭載したホバー効果のコレクションです。 20の円ホバー効果と15の正方形ホバー効果があります。効果を使用するには、いくつかのHTMLマークアップを書き、CSSファイルを含める必要があります。. イメージホバー （44効果） このライブラリは純粋なCSSで作られた44の効果が含まれています。いくつかの効果には、フェード、プッシュ、スライド、ヒンジ、リファイル、ズーム、ぼかし、フリップ、折り目、シャッターなどがあります。 €14で購入できる216エフェクトの拡張版があります. ホバー効果のアイデア （30効果） Codropによって作成されたこの画像ホバーデモは、画像とそのキャプションの間をスムーズにトランジションするときにインスピレーションを与えます。チュートリアルとソースコードで2セットに合計30の効果があります. ホバーCSS （108エフェクト） ホバーCSSを使用すると、ボタン、リンク、画像などの任意の要素にホバー効果を追加できます。効果には、2Dトランジション、バックグラウンドトランジション、ボーダー、シャドウトランジション、グロートランジションなどがあります。このライブラリはCSS、Sass、LESSで利用可能です....