ブラウザ上で超簡単にWebサイトが作れる！Bootstrap4対応のWeb制作エディタ「Pingendo」の活用ワザを一挙大公開！ - paiza times
どうも、まさとらん（@0310lan）です。 今回は、マウス操作で簡単に「Bootstrap4」に対応したWeb制作をブラウザ上で行えるサービス「Pingendo」をご紹介しようと思います。 以前から、PC向けソフトウェアとしてリリースされていましたが、最近になってベータ版ではあるものの「Chromeブラウザ」からでも利用できるようになりました！ 【 Pingendo 】 「Pingendo」は、基本的にマウスでポチポチとクリックしていくだけで、簡単に見栄えの良いWebサイトが作れてしまう便利なサービスです。 また、中・上級者向けにソースコードもすべて編集可能になっているので、自分好みにカスタマイズすることも出来るのが特徴となっています！ ■基本的な使い方！ それでは、実際に「Pingendo」を使いながら、どのようなサービスなのかを見ていきましょう。 利用するにあたり、面倒な登録やインス
Webサイトの作り方のまとめ！デザイン制作からコーディング手前まで。
話し合い Webサイトの制作に向けて、まず最初にする事は、依頼主についての情報を収集することです。依頼主と話し合い、どんなサイトにしたいのか、方向性を決めてゆきます。 依頼主との話し合いでは、以下の2点について、しっかりと決めておく事が大切です。 サイトにどんな情報を入れるか、どんな人に向けて発信するか、サイトをどう活用していきたいかなど、サイトを立ち上げる目的は何かを確かめる。 どんな雰囲気のサイトにしたいか、理想とするサイトや、希望・要望を聞きながら、どういうデザインにするかイメージを固める。 また、同業他社のサイトを片っ端から見まくる事。今回の場合、喫茶店やパン屋さん、ケーキ屋さんなんかが参考になるかもですね。他のサイトではどんなコンテンツがあるか、どんな見せ方をしてるかとか、この業種だとどんな色遣いのサイトが多いのかとか、たくさんみる事で、刺激になったり、イメージが掴めたりします。
ヤバイくらい簡単にプロフェッショナルなサイトが作れるStriking.lyが凄い | バンクーバーのうぇぶ屋
追記：【割引コードGET！】ヤバイくらい簡単にプロフェッショナルなサイトが作れるStrikingly.comが割引コードくれた！ | バンクーバーのうぇぶ屋 上記追記ですが、このStrikingly.comのデイビットさんと話をして、クーポンコード貰えたんでご紹介記事が上になりますー！ 以下より本記事本文 いやー、今日まで散々”簡単にサイトが作れるん時代っすよねー”的な事を色々書いてきましたが、もしかしたらこれは今までご紹介したどんな簡単WEBサイト作成サービスよりも凄いかもしれません。 超シンプル、超簡単、超楽、超綺麗。 無料版でもそのクオリティの高さにはちょっとビックリですが、有料版にすればA/Bテストにカスタムドメインまで全然オッケーとか色々ヤバイ高機能。 例えば、こんなサイト1時間も掛からず作れちゃう。簡単だけどレスポンシブ可もされてるし。使い方も説明が必要か迷うレベルで簡単。 S
IE8切り捨て準備はいいか？jQuery2.0 2013年リリース予定 | DECONCEPTER
さようなら、InternetExplorer8 2012年も後3ヶ月を切りました。今年6月に出たアナウンスの予定で行くと来年jQueryは初のメジャーバージョンアップを迎えます。 jQuery2.0の主な機能等はまだ特にアナウンスされていませんが、注目はなんといってもIE8以下をサポート対象から外すという点です。 HTML5の時代が本格的に到来 これまでjQueryがWEB開発の世界にもたらしたメリットは計り知れません。WEBサイトを作っている方でお世話になったことの無い方はほとんどいないでしょう。 jQueryがIE8以下のサポートを切るということは、jQuery2.0のリリースと共にHTML5が標準として使われるようになるまで秒読み段階に入ると考えてもいいかもしれません。 2013年、IE8以下にどのように対応するかが問われる IE対応なんてやってられない 近年モバイルデバイスの普及に
ランディングページ作成の裏側 その１ - Someya Masatoshi.jp | Someya Masatoshi.jp
はい、どうも。みなさんこんにちは。 僕が入っている某SNSで「商品（サービス）のランディングページはなんで縦長なモノが多いのか」という記事を書いたところ、ことのほか評判が良かったのでこっちでも多少手を加えた上で記事にしてみようかと。いいでしょ、この自分のネタを無駄にしない感じ。 そもそもランディングページとはなんぞや？という人はこちらのリンク集を見ていただければよいかと。 ランディングページ集めました。 こんな感じで縦にびろーんって長い、商品（サービス）を売るため用に作られた１ページ立てのウェブサイトのことですね。楽天市場のカニなんか検索してもこんな感じのページがほとんどになっています。 というわけで、シリーズ仕立てでこの事について書いていこうかと思います（全何話になるかは未定）。 OATH（オース）の法則 コピーライティング用語でOATH（オース）の法則というものがあります。このOATH
より効果的で魅力的なヘッダをデザインする方法
ヘッダはウェブサイトやブログに訪れるユーザーが最初に目にするであろう大切な存在です。 ヘッダの可能性をフルに活用する非常に効果的なデザインにする際、アイデアとなる3つのスタイルを紹介します。 How To Design A More Effective Website Header 下記は各ポイントを意訳したものです。 1. シンプルなヘッダ 2. アートを加えたヘッダ 3. インタラクティブなヘッダ おわりに 1. シンプルなヘッダ ヘッダをシンプルにしておくことで、ユーザーにあまりにも多い情報で圧倒させないようにすることができます。シンプルなヘッダで大切なことは、ぱっと見でサイトの雰囲気を伝えることです。 明確 Sailthru 明確なヘッダはユーザーの印象を方向付けるために非常に有用です。Sailthruではグラフィックでビジネスのアイデアをユーザーに伝えています。そのデザインは非常
Mozilla、ビギナー向けWebサイト作成ツール「Thimble」を発表
Mozillaは6月18日（現地時間）、コーディングをよく知らない初心者向けWebサイト作成ツール「Thimble」を発表した。WebブラウザでWebサイトを構築でき、コーディングについて学ぶこともできるとしている。 Thimbleは、HTML5の普及を目的としてMozillaが立ち上げたWebを“使いこなす”人材育成プロジェクト「Webmaker」の一環として公開された。Mozillaは同日、WebmakerのWebサイト「webmaker.org」も公開した。既に公開しているHTML5メディアツールキット「Mozilla Popcorn」やハッキング体験ツール「Hackasaurus」などがまとめられている。 Thimbleでは、WebブラウザでWebサイトをゼロから構築することも、用意されているテンプレート（現在12のテンプレートが選べる）を使って構築することもできる。画面の左にコー
「htmlすら知らなかった私が2週間でWordPressの新テーマを作成するまでにやったこと」と参考にした記事まとめ
どうも、@OZPA です。 先月、当ブログのテーマをWordPressにて自作した私。 しかしながら、実はそれまでWordPressの知識どころかhtmlすらろくすっぽきちんと理解していない人間だったのです。 今回はそんな私がWordpressのテーマを一から自作するまでにやったことを備忘録がわりに纏め上げておこうかと思います。 ひとりじゃ出来なかった 今回、テーマを作り始めたのが2011年の12月29日、そしてテーマが完成したのが年が開けて1月の12日。 だいたい2週間弱で自作テーマ発表まで漕ぎ着けたわけなんですが、そこにはそうそうたる方々によります手助けがありました。 そんな方々に敬意を払いつつ、テーマ自作までにやったことと手順を備忘録として残しておこうかと。 WordPressのテーマ作成の手順 さて、WordPressのテーマを作成するためには、 0.WordPressをローカルに
jQuery Mobileとは――スマホ時代の到来とWeb制作 (1/3)
「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対応したスマートフォンサイトを手軽に制作できます。 jQuery Mobileを使ったスマホサイト制作の基本から実践的なテクニックまで、ベストセラー「Web制作の現場で使う jQueryデザイン入門」（Web Professional Books）の著者・西畑一馬さんが解説します。（編集部） 「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対
スマホサイトを作る前に見たい国内38社の実例 (1/7)
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 好評だった前編に引き続き、Web制作者が見ておきたいスマートフォンサイト（日本語／企業サイト限定）を業種別に分類して紹介する。スマートフォンサイトの制作に入る前にチェックしておこう。
絶対見ておきたい有名企業のスマホサイトまとめ (1/5)
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。
【レポート】日本マイクロソフトが無償ツール「WebMatrix」で提供するWeb開発環境とは | クリエイティブ | マイコミジャーナル
日本マイクロソフトより無償提供されている統合開発環境ツール「WebMatrix」。ASP.NET環境での動的Webサイト構築に大きく貢献するWebMatrixによって、日本マイクロソフトはWebデザイナーたちに、どのようなWeb開発環境を提供しようとしているのだろうか。日本マイクロソフト デベロッパー&プラットフォーム統括本部 井上章氏に話を訊いた。 なお、「WebMatrix」に関するこれまでの情報は以下の記事を参照してほしい。 ●無償で始める動的Web構築 -MSの統合Web開発環境ツール「WebMatrix」 ●MSの統合Web開発環境ツール「WebMatrix」を無償入手する ●「WebMatrix」の機能を紹介(1) ●「WebMatrix」の機能を紹介(2) 動的Webサイトを効率よく、シンプルに構築する 「WebMatrixは『静的Webサイトから動的Webサイトへの移行をこ
Webサイトのスマートフォン対応 7つの基本ルール | Web担当者Forum
個人利用を中心に急伸を続けるスマートフォン市場は、もはやニッチ市場ではなくなりつつある。過去に企業サイトの携帯電話（フィーチャーフォン）対応が問われたように、今後スマートフォン向けのサイト対応が課題になると考えられる。2010年はスマートフォン元年といわれていたが、2011年は企業のスマートフォンサイトへの投資検討が本格化してくるだろう。 2010年、スマートフォンの市場規模は急成長し、『スマートフォン利用動向調査報告書2011』（MCPC監修、インプレスR&D発行）によると、2011年3月末（2010年度）の契約数は、前年の497万契約から63％増の810万契約となる見通しだ。調査によると、契約数は年平均40％以上で拡大を続け、2015年度には4,712万契約に、コンテンツ配信事業も急成長することが予測されている。こうした調査からも、今からサイトをスマートフォンに対応しておくことが決して
Facebookページを自由にカスタマイズする方法 | Webクリエイターボックス
2017年6月29日 Webサイト制作, Webデザイン 最近会社でFacebookページを作成する事があり、楽しくてすっかりハマってしまったManaです。そのノリでここWebクリエイターボックスのFacebookページも作ってみました。そこで、Facebookページ作成中に役にたったコードやプラグイン・サイトを紹介します。 ↑私が10年以上利用している会計ソフト！ ※これは2010年に書かれた古い記事です。更新記事「Facebookページの作り方 2012年1月版」をご覧ください。 Facebookページのカスタマイズ概要 Facebookページの基本的な作成手順についてはかちびと.netさんが詳しく解説しています。なので、ここではFacebookページをHTMLやCSSでカスタマイズできるFBMLというアプリケーションやその他のプラグインを使った、もう少し踏み込んだFacebookペー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
New Content Available soon!
WordPressコミュニティにホームページ・ビルダーがやってきた ヤァ！ヤァ！ヤァ！ | Web担当者Forum
吹き出し素材専門サイト「フキダシデザイン」
3streamer.net
Googleマップ有料化でYahoo! APIを使ってみた (1/5)
Explore My Blog: Insights & Innovations Await! 📚🌟 - stuartkerrs.com