ブラウザ上で超簡単にWebサイトが作れる！Bootstrap4対応のWeb制作エディタ「Pingendo」の活用ワザを一挙大公開！ - paiza times
どうも、まさとらん（@0310lan）です。 今回は、マウス操作で簡単に「Bootstrap4」に対応したWeb制作をブラウザ上で行えるサービス「Pingendo」をご紹介しようと思います。 以前から、PC向けソフトウェアとしてリリースされていましたが、最近になってベータ版ではあるものの「Chromeブラウザ」からでも利用できるようになりました！ 【 Pingendo 】 「Pingendo」は、基本的にマウスでポチポチとクリックしていくだけで、簡単に見栄えの良いWebサイトが作れてしまう便利なサービスです。 また、中・上級者向けにソースコードもすべて編集可能になっているので、自分好みにカスタマイズすることも出来るのが特徴となっています！ ■基本的な使い方！ それでは、実際に「Pingendo」を使いながら、どのようなサービスなのかを見ていきましょう。 利用するにあたり、面倒な登録やインス
レスポンシブル・スマートフォンサイト制作講座 70以上の充実レッスンで作れるようになる！
★レスポンシブルサイトとスマートフォンサイトを作れるようになる講座です スマートフォンの時代の今、スマートフォンに対応したサイトを作れることは必須スキルです！ スマートフォンサイトとレスポンシブルサイトのデザインからコーディングまで、70以上のレッスンで必要な全てを学ぶことができます。 ★授業×チャレンジ課題で実践的なスキルが身につく！ スキルを身につける上で、実際作りながら学ぶことはとても大切です。 オンライン学習では、動画を見るだけで終わってしまい、実践的なスキルがつかないことが多いです。 こちらのコースでは全てのレッスンが、バナーや実際のカフェのWebサイトなど実践的なものを作ります。そして、各章の終わりにはチャレンジ課題として、その章で学んだことの理解を確認する課題があります。 ★過去1100名以上のスクール卒業生を輩出した、 Webサービス運営企業・デザイナー輩出企業だからこそ作
最近話題になったイケてるWebサービス・アプリ10選（2015年5月編）
5月ももうすぐ終わりということで、5月中に話題になったWebサービスやアプリを10個ほどご紹介します。 AWA AWA（アワ）は、エイベックス・デジタルとサイバーエージェントが共同出資して開発した、サブスクリプション型（定額制）音楽配信サービスです。 国内の23のレコード会社が提供する数百万の曲を、ストリーミングで聴くことができます。90日間は無料で利用でき、それ以降は月額1080円。機能が制限された月額360円のプランも用意されています。 LINEも先日、LINE MUSIC のティザーサイトを公開しており、日本でもようやくサブスクリプション型音楽配信サービスが盛り上がりをみせてきました。 Prott Prottは、株式会社グッドパッチが提供するプロトタイプ作成ツール。 アプリやWebサイトを設計する際に利用されていたこのツールに、パーツをドラッグアンドドロップするだけでワイヤーを作成で
料金表をわかりやすくデザインするコツ。実例やレスポンシブ対応サンプルも！
2017年10月31日 CSS, Webデザイン, Wordpress サービスを提供しているWebサイトにとって大切なのが、各プラン内容とその料金。複数の選択肢がある場合、その違いがわかりにくかったら、ユーザーを困惑させてしまいます。今回はWebサービスのコンバージョンにも繋がる、わかりやすい料金表の作り方を考えてみたいと思います。 ↑私が10年以上利用している会計ソフト！ 料金表をデザインするときのポイント 1. プランの違いをわかりやすく まずは各プランのサービス内容と料金をわけることから始めましょう。各プランの名前を料金表の先頭において、ひと目でどのプランについてまとめているのかを認識できるようにします。プランをグレードアップするごとにプランの名前もランクが上がるよう命名しましょう。 よくあるプラン名： ブロンズ・シルバー・ゴールド・プラチナ マイクロ・スモール・ミディアム・ラージ
英語学習に役立つオススメサイト＆アプリまとめ。時事問題までカバー。 - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】
今日は朝から感動しました...。 記事の最後のほうに詳しく書いてあるんですけれど、Lang-8というサイトを始めて使ってみたら、自分の英作文を一瞬で世界の誰かが添削して返してくれたんですよ〜。びっくり。それと、TEDというサイトで、「メーナ・トロットがブログについて語る」というスピーチを観たら、生涯ブログを続けていこうという気にさせられて、こちらも感動。 ★このブログは毎朝７時更新 ★【勉強法】の本を30冊読むマラソン、今朝の進捗：8冊目の重要な箇所を自分の言葉でまとめ中。今朝は全然すすまなかった。 ★過去記事： 【勉強法】の本を30冊読むマラソンまとめ記事 雑誌で見つけた【勉強法】の記事 【お金と節約】についての勉強メモ 【時間管理術】についての勉強メモ ★私が書いている他ブログの最新記事： 英語勉強４日目。累積時間：４時間３分。 - 累積2000時間になるまで英語の勉強を続けるブログ
Web制作に役立つ便利すぎるブックマークレットのまとめ
Webサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなったり、Chromeで使えるけど他で使えないなどあるので、ブックマークレットもなかなか重宝します。 ページにグリッドを表示した確認 レスポンシブWebデザインの確認 デザインの確認をピクセル単位でできる ページで使用しているフォントをチェック ページをワイヤーフレーム化 ページの構造が正しいか確認 マークアップのいまいちな箇所を指摘してくれる 背景を素敵なテクスチャに変えてみたい ページのパフォーマンスを確認 minifyされたCSSを見やすく表示 SEOやソーシャルメディアに大切な項目を確認 コードとアクセシビリティをチェック ページにグリッドを表示した確認
これが無料！？SEO・マーケティング分析ツールの「Nibbler」がスゴい
先日、Nibbler（ニブラー）という、SEOとWEBマーケティング分析サービスを見つけました。 これを使ってみたら、無料ながら、かなり詳細にサイト分析（改善点の可視化）が行える素晴らしいツールだったので紹介です。 Nibblerとは Nibbler – Test any website Nibblerとは、フリーのウェブサイトテストツールです。 アドレスを入力するだけで、アクセシビリティ、SEO、ソーシャルメディアテクノロジーなどの観点から、ウェブサイトをクロールして、レポートを出してくれます。 加えて、適切な改善提案を示してくれるので、提案に従ってサイトを修正すれば、かなり良いサイトに仕上がるのではないかと思います。 Nibblerを英和辞典で調べてみると、「少しずつかじる（小動物）」、「打抜き切断工具」などという意味があります。サイトを細かく分析するツールという意味もあるのだと思いま
Web・アプリ開発に使える無料のワイヤーフレームツールまとめ
Web制作やアプリ開発では、本格的なデザインに入る前にワイヤーフレーム作ることがよくあります。制作会社によってはPower pointやExcelなどが使われることもありますが、それらはワイヤーフレームに最適化されておらず、やや不便。 以下で紹介するようなツールを使えば、もっと便利で豊富な機能を使うことができます。Excel方眼紙から卒業したい！という方は要チェック。 無料で使えるワイヤーフレームツールまとめ JUSTINMIND こちらはワイヤーフレームからデザインまで可能なプロトタイピングツール。PCサイトはもちろん、モバイル向けのサイトやアプリのワイヤーフレームも作れます。Photoshopのような洗練されたUIで、ドラッグ＆ドロップでコンテンツを追加することができます。 Wireframe CC こちらは完全フリーで使えるワイヤーフレームツール。Webアプリなのでブラウザ上で編集す
Webサイトに必要なfaviconが21個になっていた - IT探検の追憶
久しぶりにWebサイトのfaviconを変えようと思い、調べてみると、必要なfaviconが大幅に増えていることがわかりました。 その数、何と21個！ そんなに増えていたとは。 一応、以下にリストアップしてみます。 faviconのリスト favicon.ico: IE用 favicon-16x16.png: タブ表示用 favicon-32x32.png: Mac版Safari用 favicon-96x96.png: Google TV用 favicon-160x160.png: Opera 12 までのスピード・ダイアル用 favicon-196x196.png: Android版Chrome用 mstile-70x70.png: Windows 8 用 mstile-144x144.png mstile-150x150.png mstile-310x310.png mstile-31
ウェブページを丸ごと保存--画像で残せるオンラインサービス4選
ウェブページを1枚の画像として保存するニーズは多い。プレゼン資料に貼り付けて使用するケースのほか、ページの見た目をそのまま履歴として記録しておくなどの用途も考えられる。PDFなどで保存する場合、変換する過程で見た目は少なからず変わってしまうが、画像で保存する場合はそうしたこともなく、見た目そのままの状態で保存が可能だ。 一般的に、PCでスクリーンショットを撮影するには、WindowsであればPrintScreenキーで取得してからペイントソフトに貼りつけたり、あるいはキャプチャ機能を持ったフリーソフトやブラウザの機能拡張を利用するが、ウェブサービスを用いればソフトのインストールは一切不要、かつウェブサイトのページの上から下までを1枚につなぎあわせた画像を取得できるのが利点だ。 今回は、オンラインでウェブページのスクリーンショットを撮れるサービスを4つ紹介する。スクリーンショットを撮ること自
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。