Bootstrap Page Builder - Bootstrapを使った画面設計ツール
WebのUIは自由度が高い分、イチから作るのは手間がかかります。そうした状況だからこそ、Bootstrapのように見栄えの良いUIが作れるフレームワークに人気が集まりました。しかし、Bootstrapの記法に沿ったHTMLの手打ちすら面倒に感じてきます。 そこで使ってみたいのがBootstrap Page Builderです。ドラッグ&ドロップで簡単にUIが作れます。 Bootstrap Page Builderの使い方 メイン画面です。左側に部品が、右側にエディタが表示されています。 グリッド構成も簡単に実現できます。 多数のパーツが用意されており、それらをドラッグ&ドロップして画面を作っていきます。 プレビューです。基本的には同じ見た目が再現されます。 スマートフォンサイズなどレスポンシブな表示確認も簡単です。 Bootstrap Page Builderを使えばBootstrapを使
シンプルなランディングページを手軽に作れる「launchaco」
新しいプロダクトをローンチする時、一番手っ取り早く見せられるものがランディングページですよね。でも、あまりにも見た目がお粗末なものになってしまうと、よいものもあまりよく伝わらないのではと思ってしまうのが常。 そんな不安要素を解消してくれそうなのが、今回ご紹介するサービスです。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! シンプルなランディングページを言われたとおりに手軽に作れる「launchaco」 「launchaco」は、手順に沿ってテキストや画像、動画などを追加していくだけで、シンプルなランディングページを作成することができるサービス。 無料でページを作ることができるうえにGoogle Analyticsの計測タグを設置することも可能。FAQなどのコンテンツも容易に追加できるようになって
無限スクロールの課題とは！スクロールが長いサイトのデザイン手法
無限スクロールの課題とは！スクロールが長いサイトのデザイン手法 スクロールが長いWebサイトのデザイン手法をまとめています。無限スクロールを採用するページは増えていますが、良い点もあれば当然課題もあります。ユーザーにとって使いやすいサイトをデザインするためにぜひ意識しておきましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 本稿は、Smashing magazineのブログ記事を許可を得て日本語翻訳し掲載した記事になります。 本記事
ブラウザトップのプログレスバーを簡単実装できる「ToProgress.js」:phpspot開発日誌
ToProgress.js ブラウザトップのプログレスバーを簡単実装できる「ToProgress.js」 バー表示に必要なAPIはそろっていて、シンプルですが便利に使えそうです 関連エントリ サイトのロゴ等をプログレスバーにすることができるjQueryプラグイン「LoadGo」 アニメーションするPOPなデザインのプログレスバー実装jQueryプラグイン「jQMeter」 フラットデザインでレスポンシブなプログレスバー作成「ProgressBar.js」 アニメーションするプログレスバーを実装できるjQueryプラグイン「barIndicator」 スクロール位置がヘッダのプログレスバーで分かるようにする「Scrolline.js」 パーセンテージをプログレスバーでビジュアライズできる「barIndicator」
フォームのfile入力部分のUIを綺麗に整形できる「jQuery Filestyle」:phpspot開発日誌
jQuery Filestyle - jQuery Customization of input html file - Customization of upload フォームのfile入力部分のUIを綺麗に整形できる「jQuery Filestyle」。 ファイルアップロードの際にかならず使う<input type="file">ですが、ブラウザによってデザインがまちまちでダサいと、割と扱いにくいのですが、それを綺麗に整形するためのjQueryプラグインです CSSで自由に調整をかけるのも簡単そうです。 Bootstrapなサイトでも便利に使えそうです 関連エントリ 画像アップロード時にクライアント側で編集が可能になる「picEdit」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【ferretまとめニュース】ありふれた既存のテンプレートでもSEOに悪影響はない、しかしユーザー視点では不適な場合も 他8記事｜ferret [フェレット]
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
ランディングページをカテゴリー別に検索できる『LandingFolio』 | 100SHIKI
新着記事