ブログ記事75件
オラ。たまにはHTMLも書きます。Bootstrap。お世話になっております。Bootstrap5でtext-rightが利きません。どうやらtext-endに変わったとのことです。簡単な話ですが変えても欲しくないとも思いました。アディオス。
ホームページリニューアルもう10年以上レンタルサーバを使っていますホームページは放置することが多いので、コンテンツを入れ込んでなにがなにやらわからなくなってきましたすこし整理しようと思いましたが、大変なので方針変更。最近のコンテンツを集中的に網羅できるようなところにしました。メインのコンテンツを見られるようにトップページを更新しまたbootstrapのテンプレートを使いましたので、作業時間はとても少なくできましたまだまだ、コンテンツのごみが残っています
プログラマなので、デザインに自信はありませんそこで、一般的なUIを使うよう心掛けていますreact,vueなどではwebcomponentを使うことが多いようです。私が作るのは小さいアプリばかりなのでreactを使うまでもないです。jqueryとbootstrapで事足りていますそこで一般的なコンポーネントを画面で見ながらコードを取得できればいいです。気に入ったのがあればコードをコピーして、作っているアプリに取り込みますwebslidesのドキュメントを見やすくしたア
相変わらず蚊帳の外状態で仕事を進めている。私はWEBアプリを開発するに当たり、フロント側はHTML+CSS+javascriptで開発を行っている。javascriptのライブラリは最小限にとどめ、せいぜいチャート類とjQueryぐらいを利用している。フレームワークは使っておらず、Bootstrapを多少活用している程度だ。バックエンドはC#で、いわゆるMVCの構成でVisualStudioで開発を行っている。しかし社内では、最近フロント側をVueのフレームワークを使用し、バックエンド
Bootstrapを使ったデザイン。最初にご紹介するのは「グリッドシステム」を使ったDesignです。Bootstrapは、ご存じかも知れませんが以下の引用をごらん戴ければと思います。Bootstrapは、ウェブサイトやWebアプリケーションを作成するフロントエンドWebアプリケーションフレームワークです。タイポグラフィ、フォーム、ボタン、ナビゲーション、その他構成要素やJavaScript用拡張などが、HTMLおよびCSSベースのデザインテンプレートとして用意されています。GitH
大変だった、DAY5~9のHTMLとCSSのコーディング。まだ不安が多いけど先に進もうと、DAY10へ。すると、次は、新しい学習に。『うわー!また新しいのー!パンクするー!』と一瞬思ったのですが、「Bootstrap」→ブートストラップと読むようです。プログラミング言語のようです。要はHTMLでいうところのタグ、CSSでいうところのclassの記述が最初から山ほど登録されていて、それを呼び出して使っていく。という感じ。進め方としては、Bootstrap(最新は、V5.2です
イベント出展情報ALOHA!今日も、みなさんが笑顔になれますように。メインのホームページとブログサイトをリニューアルしました。デザインも一新しました。プラットフォームは以前と同じWordPressです。サーバも同じWindowsServer2022を使用しています。Wordpressのデザインは、テーマから選んでカスタマイズをすることが一般的です。今までは、Wordpressの標準のテーマをカスタマイズして使っていました。メリットは、大体のデザインが出来ているので、あ
ねこです、こんばんにゃっ!今日もネタ投稿行きます。何泳ぎが得意?▼本日限定!ブログスタンプあなたもスタンプをGETしようクロールが1番得意です。子どもの頃、喘息に効くということで水泳習っていました。クロールが1番早く進めるので、モチベーションが上がった感じです。ネタ以外では、本日、プログラミング学習コンテンツのドットインストールのWeb系のレッスンを1周終えました。そこで、学習ロードマップと各レッスンの感想を書きました。Web開発(HTML/CSS/Bootstrap/J
ねこです、こんばんにゃ(=^x^=)今日のブログ記事では、学習記録アプリStudyplus(スタプラ)を紹介いたします。といっても、私自身はあまり勉強は得意ではありません。今日、小学2年生で習う常用漢字の「弓」という漢字の書き順を間違えて何十年も覚えてしまっていたことに気づきました。TVでギャル曽根さんやココリコ遠藤さんといった芸能人の方が、漢字の書き順バトルで競い合っているのをみて、芸能人って、才能に加えて勉強も出来るんだな、私も頑張んないと、と思いました。前置きはこの辺にして、スタ
イベント出展情報オンライン鑑定受付中です。お気軽にお問い合わせ下さい!ALOHA!今日も、みなさんが笑顔になれますように。マラマ・マーケットサイト作成のお話の続きです。それで、Wordpressを使わないでのサイト作成の方法の選択ですが、いつも通りに慣れている.NETFrameworkも使わないことにしました。プログラミングは、仕事で使ったほうが、習得が早いです。否応なしにやらないといけないので、覚えるしか無いです。ですが、仕事は生産性が大切です。そのこともあって、リスク
BloggerにBootstrapを突っ込めば、現状の自作WordPressテーマ+Bootstrap体制と同等環境が整うかもと思い、念のためBlogger,Bootstrapをキーワードに検索してみました。すると、なんと、もなか(@monaka496)さんという方が、もろにBootstrapを使うBloggerテーマを作られていました!その名もBFB(BootstrapforBlogger)です。凄いですね!!とりあえず、さっそくBFBを読み込んでみました。まだ、何も触っていません
今年に入って、ずっとサイトリニューアル作業をしていました。1つ目のサイトは2月初旬に完了。約10年ぶりに全面改良しました。もう1つはつい最近完成。こちらは16年ぶり。16年前と言うと2004年。愛知万博の開催直前にリニューアルした覚えがあります。当時のウェブはPCで見るもので幅固定が当たり前。細かいところは画像パーツをたくさん作って並べていました。そんな中じわじわとリキッドレイアウトが叫ばれはじめ、ガガのスマホが人気になってもモバイル対応はまだいいとソリッドレイアウトで維
ホームページを作成するにあたり、レスポンシブデザインを取り入れている。初心者でもレスポンシブなページを作れるBootstrapを駆使しているが、ボタンの背景色が既定の色しか使えない。そこで簡単に色を変更する方法をやってみました。この方法は、単にページの頭にCSSを記述するだけでいいので是非やってみてください。<head>から</head>の間にスタイルを記述します。例えばボタンの背景を青みがかったグリーンにする場合。スタイルを読み込むためのキーワードを"btn-gblue"にしていま
ブートストラップ使ったら楽なんかなまだあんまりよくわからないBootstrap4フロントエンド開発の教科書Amazon(アマゾン)3,428円
EdgeWordPressTheme-Buildanamazingsitedesignwithoutcoding.Useourawesomedrag&droppagebuilderandthefastestthemeonthemarkethttps://visualmodo.com/theme/edge-wordpress-theme/👔📈📊💼BuildbetterwebsiteswithVisualmodoandgrowyo
EdgeWordPressTheme-Buildanamazingsitedesignwithoutcoding.Useourawesomedrag&droppagebuilderandthefastestthemeonthemarkethttps://visualmodo.com/theme/edge-wordpress-theme/EdgeWordPressTheme-BusinessandAgencyTemplate
CSSフレームワークのBootstrapを使ってサイト制作してるとまるでLEGOやプラモデルを作ってる感覚に近いです。全体的なレイアウトは考えて作る必要はあるけどめんどくさいマージンとかパディングはいい感じに設定されてるので余計な手間も省けて効率が格段に上がりました。ちなみにバージョンは4です。レスポンシブ対応もバッチリだからいいけど時々、クラスをダラダラ書いて大丈夫なのかしらって思うことがあります。慣れてくればBootstrapの効率
ステイホームリモートワーク期間中スキルアップとして開発用のエディタをTeraPadからVScodeに乗り換えたり制作に関しては外注先と連携を深めるべくCSSフレームワークとしてBootsrapを勉強したりこれまでSNSのアカウントは会社用しか持ってなかったけど個人用アカウントを作ってみたりまた、オンライン会議としてスカイプやZOOMの導入もしかりです。なので割と充実してたと思います。コロナ禍で自分磨きが出来たか出来なかったかでピンチ
ChameleonAdminLiteisaFreeModernBootstrap4WebApp&AdminDashboardHtmlTemplatehttps://awards.visualmodo.com/review/chameleon-bootstrap-template/🏆🖥📱#CSS#Gallery#Submit#Free#Promo#Websites#Awards#Winner
いや〜やっと一息つける状況になりました。ここ数週間、オンライン診療サイトの構築に奔走していました。。。いくつかの、PKGシステムをベンダーに説明してもらったのですが、費用感、汎用性の悪さ等があり、ボスから結局、私に「作って!」と依頼が舞い込んで来ました。。。久々に、設計して、プログラム組んで、テストして、リリースしてと、開発した感がありました。ちなみに、Bootstrap4、PHP、MySQLで構築しました。追々、使い方等について、アップできたらと思います。さて、タイトル
Landingrepo–LandingPageTemplatesbuiltwithBootstraphttps://awards.visualmodo.com/review/landingrepo/🏆🖥📱#CSS#Gallery#Submit#Free#Promo#Websites#Awards#Winner
ModernAdmin–Angular8+Bootstrap4AdminDashboardTemplatehttps://awards.visualmodo.com/review/modern-admin-angular-8-bootstrap-4/🏆🖥📱#CSS#Gallery#Submit#Free#Promo#Websites#Awards#Winner
<!doctypehtml><htmllang="ja"><head> <metacharset="utf-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,initial-scale=1"> <!--Theabove3metatags*must*comefirstinthehe
Frest–Clean&MinimalBootstrapAdminDashboardTemplatehttps://awards.visualmodo.com/review/frest-bootstrap-template/🏆🖥📱#CSS#Gallery#Submit#Free#Promo#Websites#Awards#Winner
普段ストリートアカデミーでWebデザイナーの技術を教えております。実際の仕事がどうやって進んでいくか。どのようなスキルが必要か。実際に作品を作りながら教えております。今回はWebデザイナーとしてサイト制作をするときに必要なスキルを挙げてみます。アプリケーションPhotoshopadobeXD(Illustrator)コーディングHTML/CSSJavascriptフレームワーク/CMSBootstrap(HTML/CSS/Javascript)jQ
こんばんは、もゆです。この前の図書館を相談したブログで、お気づきの方もいるかもしれません。プログラミングを勉強をしてます今ブログはアメブロにお世話になっています。でも将来は自分のブログを持ちたいと思って勉強中です。HTML、CSS、PHP、jQuery、Bootstrapなどなどなど・・・聞いてるだけで頭の中にが出てきちゃいます。プログラミングは本や動画で勉強するだけじゃなくて実際に作ってみた方が早い!らしいので基本のお勉強がひと段落したらサーバーを