これなら簡単！Bootstrap 4.0のデザインがカスタマイズできる商用でも無料のオンラインツール -Bootstrap Magic
Bootstrap 4.0のテンプレートやコンポーネントのデザインを確認しながら、定義されている変数を簡単にカスタマイズできるオンラインツールを紹介します。 BootstrapでWebサイトやブログを作成する時に、BootstrapのUIコンポーネントを利用する時に、Bootstrapのテーマを作成する時に、便利なオープンソースの無料ツールです。 Bootstrap Magic Bootstrap Magic -GitHub Bootstrap Magicの特徴 Bootstrap Magicの使い方 Bootstrap Magicの特徴 Bootstrap 4.0対応 最新のBootstrap 4.0のすべてのテンプレート・コンポーネントに対応しています。 Sass対応 BootstrapはSassにも対応しているので、Bootstrap Magicでも同様にSassの変数が利用できます
かなりオススメ！WordPressのローカル環境が簡単に構築できる、Windowsもmac OSも対応の無料ツール -Local | コリス
WordPressのローカル環境を構築するといえば、XAMPPやInstant WordPressを利用している人が多いと思いますが、これらより簡単に、そして一度のインストールで複数の環境を構築でき、PHPなどのバージョンも簡単に変更することができる高性能な無料ツールを紹介します。 サーバーの知識がない人でも簡単に利用でき、あっという間にWordPressのローカル環境が構築できます。 UIも洗練されて使いやすく、かなりオススメです！ ローカルに、WordPressの制作環境を簡単に構築できます。 WordPressの制作環境は、複数構築できます。 サーバーの知識がない人でも、4クリックするだけでOK。 WordPress日本語版にも対応。 ローカルSSLサポート。 SSH/WP-CLIアクセス。 共有可能なURLを作成して、クライアントに見せることも可能。 柔軟な環境オプション。 PHP
デザインやレイアウト、見せ方、使い勝手が参考になるオンラインショップやプロダクトページのまとめ
ストアページ、プロダクトページ、価格表ページ、チェックアウトページなど、オンラインショップやプロダクトページのレイアウト、商品の見せ方、UI周りの使い勝手が参考になるページをコレクションしているサイトを紹介します。 Store Pages ローンチして間もないサイトですが、そのコレクションは充実しています。 ストア、プロダクト、価格表、チェックアウトはそれぞれ別ドメインを取得されているので、気合いが入っています。
Photoshop CC 2015.5の新機能は便利なのがいっぱい！正確な切り抜きや選択範囲を作成するのが簡単ですごい！
2016年6月20日に、AdobeのCreative Cloudがアップデートされました。バージョンは、2015.5と「.5」がついただけですが、前回の2015.1から、4つ飛ばしになり、新機能がかなり搭載されています。 Photoshop CC 2015.5の魅力的な新機能を紹介します。 誰もが恩恵を受けるのは「フォントリストの読み込みが4倍速」になったことでしょうか。これによりロード時間が圧倒的に早くなりました！ 地味ですが、こういうアップデートは非常に嬉しいですね。 Adobe Photoshop ※Adobeの画像の掲載にあたり、Adobeの広報様に許可を頂いています。 Photoshopで「カワイイ」「笑顔」「小顔」が簡単に作れる 「コンじる」が大幅にパワーアップ、新機能も登場 正確な選択範囲とマスクの切り抜き作成が簡単に、しかも速い 字形の機能が強化、フォントのスワッシュも簡単
デザインの確かな知識が身につく！Webサイトやアプリのデザインの勉強になるスライドのまとめ
実践的なUXデザインやインタラクションデザイン、レスポンシブサイトに効くデザインTips、Sketchを使ったデザインフロー、Webデザイナーのためのタイポグラフィ講座など、Webサイト・アプリなどのUIデザイン/UXデザイン勉強になるスライドを紹介します。 時間をかけてゆっくり、何度でも見たいスライドばかりです。 写真: ぱくたそ 確実に良くするUI/UX設計 from Takayuki Fukatsu 実践的なUXデザインとインタラクションデザインの考え方 from CyberAgent, Inc. UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015 from Sociomedia アクセシビリティからはじめる、WebサイトのUXデザイン from Yoshinori OHTA いいデザインのために組織の一人ひとりができること f
Bootstrapで作るランディングページ・小規模サイトに、商用無料でバックリンク不要で利用できるテンプレート集 -Designstub
ランディングページ向けの縦長ページ、スモールビジネス向けの複数ページ、すべてがミニマルに美しくデザインされたレスポンシブ対応のBootstrapのテンプレートを紹介します。 テンプレートの良さはデザインだけではありません。いくつかダウンロードしてコードを見たところ、クリーンなHTMLでコメントもしっかりしているので、カスタマイズ性にも優れています。 Designstub ダウンロードには、メールアドレスの登録（無料）が必要です。 テンプレートの利用にあたっては、個人でも商用でもクライアントワークでも無料で利用で、クレジット表記は削除しても問題ない、とのことです。テンプレートとしての再配布・販売は禁止です。 詳しくは、ライセンスページをご覧ください。 ライセンスページ テンプレートは、縦長1ページ用と複数ページ用の2種類に分けられています。
[JS]縦長ページに面白い仕掛けや便利な機能を実装できるスクリプトのまとめ
縦長のランディングページなどで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。 プロダクトやサービスを魅せるスクリプト、さりげないけど気持ちいいアニメーション、縦長ページならではのナビゲーション、レイアウト補助など、全コンテンツを1ページにおさめ、スクロールを前提にしたページならではの面白くて役立つスクリプトが満載です。
![[JS]縦長ページに面白い仕掛けや便利な機能を実装できるスクリプトのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/12d806b696946054b69c1dc3670ffa2dc1985773/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201503%2F2015112505.png)
Webデザインの基本が身につく！ページのグリッド・レイアウト・要素配置の効果的な使い方のまとめ
最近のWebサイトで見かけるさまざまなレイアウト、レスポンシブ対応のレイアウトの構成、縦長ページ・横長ページでグリッドの効果的な使い方、ランディングページの要素の配置など、デザインの勉強になるインフォグラフィック・リソースを紹介します。
こんな便利なのがあったとは！Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ
こんな便利なのがあったとは！Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ +400 Awesome Free Tools To Build Your Business 5つのジャンルに、Web制作やビジネスに役立つさまざまな無料ツール・無料サービス・無料素材がまとめられています。 Business -ビジネス サイト作成・ロゴ作成・請求書作成・法律文書作成・アイデアのマネジメント・かっこいいドメインなど Marketing -マーケティング ライティングツール・ブログツール・サイト分析・SEO・画像最適化・画像編集加工・マーケティング情報・ソーシャルメディア・カスタマーサービス・A/Bテストなど Design & Code -デザイン・コード デザインの無料素材・カラーや配色ツール・デザインのインスピレーション・写真素材・フォント・アイコン・コードやマ
最新版！WordPressのブログやサイトの運営に役立つプラグインのまとめ
WordPressのデザイン、記事の投稿、コンテンツ配信、検索エンジン最適化、メンテナンス、バックアップ、セキュリティ、パフォーマンス、アンケート、ショッピング機能など、ブログやサイトの運営に役立つWordPressのプラグインを紹介します。 WordPress Plugins We Use プラグインは、海外のWeb制作系ブログ「CSS-Tricks」で実際に利用されている厳選プラグインで、それをなぜどのように使用しているのか非常に参考になりました。 CAPTCHAはコメントではなく、管理画面のログインに使用しているとか、なるほどと思いました。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 コンテンツ配信 検索エンジン最適化 メンテナンスとセキュリティ パフォーマンス デザインと記事の編集 パーミッションとモデレーション 販売 使
UIデザインのアイデアを探す時にチェックしたいサイトのまとめ
Webサイトやアプリなど、UIデザインのアイデアを探す時に役立つサイトを紹介します。 さまざまなコンポーネントやレイアウト、インタラクションのヒントとなるアニメーション、動きがとにかく気持ちいいアニメーションなど、見ているだけでワクワクするクリエイティブな刺激をもらえます。
簡単、便利で高品質！Photoshopでさまざまなモックアップが楽しく作成できる -I am Creator
Photoshop上でパーツをドラッグ&ドロップして、積み木感覚に並べるだけでさまざまなモックアップを簡単に楽しく作成できるシーンジェネレーターを紹介します。 しかもそのシーンジェネレーターを4種類まとめて、コリスのビジターにプレゼント！ 応募期間は、2015年10月1日で終了しました。 Ultimate Premium Mockup Scene Generator bundle プレゼント商品 応募期間 応募要項 当選発表 今回は当ブログのアフィリエイト還元のプレゼント企画で、提供はgreedeals様。 greedealsでは、WordPressやBootstrapのテーマをはじめ、アイコンやフォントなどの有料素材をセットや限定特価で扱っているサイトです。 プレゼントは、Latypov -Creative Marketで販売されているシーンジェネレーター4種類をまとめたセット（通常$1
配色の参考にいい！シンプルな配色ルールで作り出された魅力的で美しいカラーパレットがいっぱい -Color Hunt
カラーのトーンをベースに、しっかりしたシンプルな配色ルールで組み合わされた美しいカラーパレットをたくさんコレクションしている「Color Hunt」を紹介します。 目的をもってカラーパレットを探してもいいし、ぼっーと眺めているだけでもよい刺激がもらえますね。
シンプルなのに効果的！美しい背景画像を作成するテクニックのまとめ
背景はデザインにおいて、非常に重要な要素です。 ビジュアルの土台となり、他の要素がどのように見えるか決定する要因となります。 要素を引き立たせる美しい背景画像を作成するシンプルなテクニックを5つ紹介します。 5 Simple Tools to Create Beautiful Backgrounds 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 不透明度を調整したカラーオーバーレイを使用する ぼやけた背景と対になるアイコンを使用する コピースペースと共にイメージを使用する モノクロの背景にネオンカラーのテキストを使用する 形をテキストホルダーとして使用する 不透明度を調整したカラーオーバーレイを使用する 背景となる写真画像にカラーオーバーレイを加えることで、デザインの印象を引き起こします。デザインする時のポイントは、まずは画像は彩度
Photoshopの使い方: 作業パフォーマンスを向上させる最適な環境設定のまとめ -CC2015対応 | コリス
Photoshopでの作業がもたついたり、もっときびきび動作させたい、とパフォーマンスを向上させたい時に、見直したいPhotoshopの環境設定の項目を紹介します。 How To Optimize Photoshop For Better Performance 下記は、以前紹介した記事をCC2015対応に編集したものです。 ※翻訳・編集にあたり、元サイト様に許可を頂いています。 ヒストリーとキャッシュ グラフィックプロセッサー 仮想記憶ディスク メモリの使用状況 64ビットモード レイヤーパネル フォントプレビュー UIのアニメーション動作 作業時にパフォーマンスをさげない方法 ヒストリーとキャッシュ Photoshopで作業する際に最初にチェックしておきたい項目は、キャッシュです。キャッシュを必要最小限にすることで、パフォーマンスが向上します。 設定方法 [環境設定] - [パフォーマ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]最近のWebサイトで見かける気持ちいいアニメーションや便利な機能が実装できる、使いやすいスクリプトのまとめ![[JS]最近のWebサイトで見かける気持ちいいアニメーションや便利な機能が実装できる、使いやすいスクリプトのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/fe7aba32b3039602901d0b81d414d66c71a445ea/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201601%2F2016031405.png)
WordPressでミニマルなかっこいいページが簡単に作成できる！無料で高品質なテーマファイルのまとめ
Bootstrapは無し、HTML5とCSS3のシンプルなコードで実装されたレスポンシブ対応のテンプレートのまとめ
着実に進化している！無料で利用できるWordPressのテーマのまとめ
デザインの幅が広がる！ストックしたおきたい新作フリーフォントのまとめ
