すべての記事 - ページ 1565

もう12月です。時間が早すぎるようですね。これまでの数ヶ月と同じように、私たちはWebデザイナーと開発者のためにいくつかの役に立つリソースを特集するつもりです。. 今回は可能なものからいくつかのクールなリソースを持っています Photoshopでデザインをスライスする 一部に 新鮮な新しいjQueryプラグイン 見事な効果を持つ. すべての私たちの新鮮なリソースをチェックしてください（月別）： 2012年10月 2012年11月 PF倍 jQueryによる折りたたみ効果は、Web開発の世界では目新しいことではありません。そのような視覚効果を作成するために利用可能な無料のプラグインがたくさんあります。しかしPFoldを使えば、 ターゲット要素を展開して元に戻す 好き 紙の上でどうするか. 私達はまた折り目の方向を向けることができます。こちらのデモをよく見てください。. グリッドAリシャス Pinterestは人気を集めており、他のソーシャルメディアとは異なり、グリッドでレイアウトが表示されます。これで、このjQueryプラグインを使って同様のグリッドレイアウトを作成できます。 グリッドリシャス. しかし、このプラグインはそれを良くします。それは今敏感です. マキス マキス 軽いjQueryプラグインです 3Dドロップダウンエフェクトを作成する. その名のとおり、折りたたまれていると効果はマキスのようになります. マキスは竹と綿の紐で織られたマットです。 それはあなたが通常寿司を転がす方法です. 注目に値する1つのことは、3D効果が CSS 3D変換に基づいて構築された, その効果はごく最近のブラウザでしか見ることができませんｓ。こちらのデモを見る....

ここ数カ月の間にたくさんの新しいツールがリリースされたので、開発コミュニティは最近もっと活発になっているようです。連載のこの回では、言及に値するツールをいくつか紹介します。. ツールのリストの中には、 ダミーデータを生成するJavaScriptライブラリ、ローカルネットワーク内でファイルを共有するためのツール, また、ターミナルセッションをSVGアニメーションに記録できるようにするものもあります。かっこいいね？以下の全リストをチェックしましょう. Pushbar.js スライド式の引き出しを作成するためのJavaScriptライブラリです。通常、スライドドロワーはサイトメニューのナビゲーションを表示するために使用されますが、このライブラリを使用してサイトに適したものを表示できます。 Pushbar.jsは 完全にカスタマイズ可能で依存関係がない、jQueryは不要. Carbon Now CLI Carbon CLIはNode.jsパッケージです。 コードスクリーンショットを生成する コマンドラインインターフェイスを通して美しく。このツールはcarbon.now.shからヒントを得たもので、ブラウザ上の素晴らしいGUIを通して同じことができます。. Faker.js JavaScriptライブラリ ダミーデータを作成する. 名前、住所、会社名、電話番号、日付など、大量のデータの生成をサポートします。これらすべてのデータは非常に役立ちます。 Webアプリケーションをテストする. TermToSVG TermToSVGは Linuxターミナルレコーダー それはあなたのコマンドラインセッションをSVGアニメーションにレンダリングします。チュートリアルを書くための開発者にとって便利なツールです。. データベースバックアップマネージャ これはPHPライブラリで、その名前が示すように、一連の機能を提供します。 データベースのバックアップと復元を処理する. このライブラリは、Dropbox、Amazon S3、FTP、SFTP、Rackloud Cloudなど、バックアップを送受信するためのさまざまなサービスをサポートしています。....

有益な情報を提供するために一緒に参加している多くのオープンソース企業があります。 みんなが無料で使えるWebリソースとツール. これこそが、Webコミュニティーを繁栄させ、革新させ、そしてより有用なリソースを生み出すものです。. 今回のFresh Resourcesシリーズでは、いくつかの記事をまとめました。 さまざまなカテゴリからの新しいリソース さまざまなコンピュータ間でSketchプラグインを管理できるアプリ、おたくの魂のためのアイコンフォント集, いくつかのデスクトップアプリ, そして他の一握り。一つずつそれらをチェックアウトすることができます. その他のリソースはこちら その他のリソースはこちら 推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。. 包括的なデザイン原則 優れた参考資料 Webサイトまたはソフトウェアアプリケーションを構築するための原則 それは彼らの障害に関係なくできるだけ多くの人々にとって楽しいものです。この参照は英語、スペイン語、フランス語、および日本語で利用可能です。すてきな 印刷できるポスターもあります そしてあなたのワークステーションに置きなさい. マーリンWP これは私が構築しようと考えていたものです、しかし、誰かが最初にそれをした、そしてそれは素晴らしく見えます。 MerlinWPはテーマ開発者を対象としたPHPクラスです。 素敵な オンボーディング WordPressテーマの経験 macOSやWindowsを新しいコンピュータにセットアップするのと同じような方法です。. WTFJS JavaScriptは、Web、デスクトップ、およびモバイルアプリケーションに力を与える大規模なエコシステムを備えた優れた言語です。ただし、JavaScriptを扱うのは難しい場合があります。 WTFJSは、その名の通り、これらを集めています。 風変わりな WTFを叫ぶJavaScriptの動作!...

この記事では、リストフレームワークとツールを紹介します。 Web開発を目指して. 興味深いことに、私はMicrosoftやAlibabaのような大企業から来たこれらのツールやフレームワークのいくつかを見つけました。. より多くの企業がオープンソースに貢献し、より良いWebを形成するのに役立つので、これは良い兆候です。今月の編集のために準備ができているものを見てみましょう. その他のリソースはこちら その他のリソースはこちら 推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。. かわいいストラップ Sassの上に構築されたUIフレームワーク。フォーム、ナビゲーション、ボタンなど、最も一般的なWebインターフェイスがすべて付属していますが、多くの場合はこれで十分です。 BootstrapやFoundationのような人気のあるフレームワークが圧倒的な場合, かわいいストラップ あなたのための素晴らしい代替手段かもしれません. HTML5テスト HTML5テスト ブラウザが最新のHTML5仕様をどれだけサポートしているかをテストするオンラインツールです。最新のWebアプリケーションのデバッグとテストに携わる人々にとって便利なツールです。. ブラウザのカロリー ブラウザのカロリー Webページの重さを測定するChromeの拡張機能です。それはロードされたファイルとページの総重量へのそれらの貢献をスキャンします。あなたがあなたのウェブサイトのパフォーマンスを最適化するのを助けるための素晴らしい小さなツール. Weex Weex HTML、CSSおよびJavaScriptだけでモバイルアプリを構築するためのAlibabaのフレームワークです。モジュール、UIコンポーネント、独自のDevTools、およびモバイル環境向けに開発をスピードアップするために設計されたCLIが付属しています。. Microsoft Webフレームワーク（MWF） マイクロソフトのフレームワーク、のUIコンポーネント MWF フラット、クリーン、そしてミニマルなMicrosoft Modernデザイン言語に基づいて構築されています。このフレームワークは、UIコンポーネント以外に、Colors、Typography、およびAnimationの使用に関する指示も与えます。私はMaterial Design Liteがついに同等の候補に出会ったと思います. バイタル...

Web開発者のために新しいものを共有する時が来ました。今回の記事では、出会ったばかりのWordPressプラグインを紹介します。共有する価値があると思います。 WordPressは、WooCommerceのようなプラグインを介したeコマースサイトなど、あらゆる種類のWebサイトに統合できる素晴らしいプラットフォームです。. 私が話しているこのプラグインは、WooCommerceをよりプロフェッショナルなeコマースサイトを運営するための一握りの機能で強化するでしょう。その上に、他にもいくつかのプラグイン、JavaScriptライブラリ、そしてビルドツールがあります。チェックしてみましょう. その他のリソースはこちら その他のリソースはこちら 推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。. 材料設計ライト Googleの新しいフロントエンド開発フレームワーク。 Material Design Lite（MDL）を使用して、GoogleはWeb開発者がMaterial Design仕様を使用してWebサイトまたはWebアプリケーションを構築するのを支援します。フレームワークには、フロートアクションボタン（FAB）、カード、アイコンなど、Material Designの注目すべきUIコンポーネントがいくつか付属しています。. 書き物 Word文書をMarkdown準拠の構文に変換するためのWordプラグイン。エディタとしてMicrosoft Wordを使いたい人、またはMarkdownの構文を扱う時間がない人のために作られています。あなたは普通に書くことができ、そしてこのプラグインを使ってMarkdown構文を得ることができます。 Wordを開くこともできます .md または .値下げ ファイルフォーマット. RTL CSS スタイルを自動的にRTL CSSに変換するツール。あなたのウェブサイトがアラビア語のように右から左に書かれたスクリプトをサポートしようとしているならば特に役に立つツール。このツールは、次のようにサポートされているCSS値を切り替えて変更することによって機能します。 パディング そして テキスト整列, WebサイトがRTLモードのときにレイアウトとコンテンツが正しく揃うようにする. オープンSTF...

今月は、著名人からの技術的発表がいくつかありました。たとえば、Appleは新しいデータベースシステムをオープンソース化し、GoogleはモバイルでのWebサイトの速度を測定するための新しいツールをリリースし、GithubはGit、Github、およびコーディング全般を開始するための無料コースを備えています. また、今日の記事では、私も 現在増加している新しいツールの数を特色にする. リストにもっとあるものにジャンプしましょう. VuePress Vueの作成者からの新しいツール、VuePressは 静的サイトジェネレータ Vue.jsを念頭に置いて設計されています。各ページの静的HTMLを生成して事前レンダリングします。 SPA（シングルページアプリケーション）として動作. これには、Google Analytics ID、検索、次へと前へのナビゲーション、サイドバー、および追加機能が含まれています。 PWA. IMG-2 を紹介するJavaScriptライブラリ カスタム要素, img-2. 新しい要素は、標準には含まれていないいくつかの最適化を追加します。 img 素子, ユーザーへの画像のロード方法を改善する. カスタム要素では、画像は事前にキャッシュされます。 遅延負荷 画像とサーブは、画像がユーザのビューポートに入るときにのみキャッシュから読み込まれます。デモをチェックする. タブレット エレガントなダッシュボード/管理パネル ブートストラップ4に基づく. ダッシュボードには、チャート、フォーム、ギャラリー、価格表などの既成のコンポーネントが含まれています。 カスタムアイコンのコレクション. 開発者が管理パネルをすばやく構築できるようにするための素晴らしい出発点です。デモをチェックする!...

2017年の初めから、Web開発の世界では多くのことが変わりました。 一日おきに来る新しいアプリとリソース. この傾向に追いついて、私は今日あなたと新しいWeb開発リソースのカップルを共有しています. これらのリソースにはあなたを助けるだろうWebアプリが含まれています Reactを学ぶのに役立つコース、新しいネイティブCSS Gridモジュールを学ぶ 最初から、PHPのデザインパターンを学ぶための参考資料 あなたのPHPコードを改良する, そしてもう少し。チェックしてみましょう. その他のリソースはこちら その他のリソースはこちら 推奨されるリソースの全コレクションと、利用可能な最高のWebデザインおよび開発ツールを見つけてください。. スリンキー A スケッチプラグイン それはあなたを可能にします ArtboardをHTMLメールテンプレートにエクスポートする 簡単なクリックで。 Slinkyは現在活発な開発段階にあります、しかし、まだ端に荒いいくつかのことがあります。だからガイドラインに従ってください 最良の出力を得る. ボイルプレート A ボイラープレートとテンプレートの管理ディレクトリ あなたがプロジェクトを素早く始めるのを助けるために。それは含んでいる多数の言語そしてフレームワークのボイラープレートのリストを含んでいる jQuery、Angular、React、WordPress、バックボーン、そしてElectron. グリッディー CSS Gridは次に重要なことです レイアウトの配置方法を変更する ウェブサイトを構築するためにグリッドフレームワークを使用する。ただし、複雑さを考えると、CSSグリッドを使用することは可能性があります...

今年のあなたの（フレンドリーな思い出）エイプリルフールの日はどうですか？まあ、いたずらに慣れていない私たちの残りの部分のために、ここにWebデザイナーや開発者のための新鮮なリソースの最新の記事があります. 4月には、生産性を向上させるための優れたアプリケーション、大規模なデータリストを使用してユーザーエクスペリエンスを向上させるライブラリ、天気ウィジェットを提供するPhotoshop拡張機能、およびWebフォントをキャッシュする便利なWebツールがあります。. CSS定規 CSSにはいくつかの単位寸法があります。いくつかは固定されていますが、他のものは相対的です。 em, レム そして ch. CSS定規 あなたは視覚的にあなたがお互いに単位スケールを比較することができるツールです. ResponsiveJP ResponsiveJP これは主にラテン系以外の誤植コンテンツに関しては即応性を考え出すのが難しいと気づいているWebデザイナーのための参考資料として、日本からのレスポンシブWebサイトを多数備えています。それはあなたがあなたの視野を広げて、東のウェブデザインの傾向も同様に内側に見えるようにするのを助けます. Googleフォントの代替 Google Fontを含め、多くのGoogleサービスが中国でブロックされています - Google Fontが中国で正しく表示されないことはほぼ確実です。中国本土でGoogle Fontコレクションを提供したい場合は、フォントスタイルシートに次の場所からの代替ソースを指定してください。 うそ, 例えば： // Googleフォントスタイルシート. //代替リンク 幸運とゴッドスピード! ミュアアイコン ミュアアイコン OS X...