ブログ記事12,386件
HTML&CSSLEARNINGNOTEHTML・CSS学習まとめiPhoneで学ぶWeb制作。HTMLの基礎からCSSのレイアウトまで、これまでの学習内容と関連記事をまとめました。こんにちは！これまで、iPhoneを使いながらHTMLとCSSの学習を続けてきました。HTMLの基本的なタグや属性から始まり、フォーム、表、情報の意味を表す要素などを学び、その後はCSSを使った文字の装飾やレイアウトにも取り組んでいます。この記事では、これまでの学習内容をテーマ別に整理し、関連する
こんにちは！今回は、CSSのレイアウト学習から一歩進んで、レスポンシブデザインについて学びました。スマートフォンやタブレット、パソコンなど、異なる画面サイズに対応するための技術です。これまで学んできたFlexboxなどのレイアウト技術とも関係するため、学習内容を振り返りながら整理していきます！目次レスポンシブデザインとは？ビューポートの設定メディアクエリで表示を切り替える幅の指定とFlexboxの活用今回の学習で気づいたこと1.レスポンシブデザインとは？レスポンシブデザイ
ITestedtheMostRealistic3DClothSimulationOnline🤯https://www.youtube.com/watch?v=UomVEfLdN7Q💡🌐#Realistic#3D#Holographic#Simulation
HowtoDELETEaFacebookPagePostFAST!🗑(2026UpdatedGuide)https://www.youtube.com/watch?v=v3NoBT0DajY🎬💡#Guide#SocialMedia#Tips#FacebookPage
HotelWordPressThemeisthebesthoteltemplatetoshowcaseyouruniqueaccommodationstotheworldandattractvisitorshttps://visualmodo.com/theme/hotel-wordpress-theme/🏨🛎️🛌⛵️🏖️#Hotel#Theme#WordPress#Template#Plugins#Resort#Booking#Touri
iPhoneでつくる・学ぶノートCSSのpositionとは？5つの配置方法と文書フローを学ぶWebページのレイアウトを自由に調整するために、要素の配置方法を学びました。こんにちは！今回は、CSSのpositionプロパティについて学びました。これまで、文字の装飾やボックスのサイズ調整、Flexboxを使った要素の配置などを学習してきました。今回はさらに一歩進んで、要素を特定の位置に配置したり、スクロールに合わせて固定したりする方法を整理していきます。実際に学んでみると、ページの見
FromProductUItoStore-ReadyAppStoreScreenshots:A7-StepWorkflowhttps://visualmodo.com/app-screenshot-workflow-guide/📲💡🌐#Store#AppStore#Product#UI
ExploretheEntireUniverseFromYourBrowser(NoTelescopeNeeded!)https://www.youtube.com/watch?v=z_gNIl56jLw💡🔭#Explore#Universe#Telescope#Tools
RemoveVOCALSFromSongsforFREE!🎤SeparateDrums,Bass&MoreWithAI!https://www.youtube.com/watch?v=EhS1UInNVps💡🤖#voice#AI#songs#audio
こんにちは！しろねこりんです♪今回は、久しぶりにアメブロのデザインを大幅にリニューアルしてみました♪以前からブログのデザインを変えたいと思っていたので、今回は「CSS編集用デザイン」を使って、自分好みのブログを制作！◆今回のブログデザイン♪今回のテーマは「幻想的なアトリエ」。自分が好きなファンタジーの世界観を取り入れながら、明るくて優しい雰囲気のブログを目指しました。ヘッダーには、しろねこりんがデジタルアートを制作しているイラストを配置♪背景には、白いお花や青い蝶、幻想的なお城の
こんにちは！今回は、CSSのレイアウトを整えるための「Flexbox（フレックスボックス）」について学びました。これまで、display:block;やdisplay:inline;など、要素の表示方法を学んできました。今回はさらに一歩進んで、複数の要素を横方向や縦方向に配置したり、間隔や位置を調整したりする方法を整理していきます。目次Flexboxとは？display:flexの役割justify-contentとalign-itemsgapで間隔を調整する
ResumeWordPressthemeisaneasilycustomizableresponsiveCV/resume/v-card/portfolioWordPresstemplatehttps://visualmodo.com/theme/resume-wordpress-theme/📝📋🖋️👔👩💼#Resume#WordPress#Theme#Plugins#Portfolio#PageBuilder#WebDesign#WebDevelopm
BestWooCommerceMiniCartPlugins:SideCart,Floating,andDrawerOptionsComparedhttps://visualmodo.com/best-woocommerce-mini-cart-plugins/💲🛒🔌#WooCommerce#MiniCart#Plugins#SideCart#Ecommerce
BLACK+DECKERFX3060:ValeaPenaEsseFerrodePassaraVapor?😱UnboxingCompleto!https://www.youtube.com/watch?v=2tsB-daDHn0📦#Unboxing#FerroDePassar#Vapor#BLACKDECKER
HowtoUpdatePHPVersioninHostGator(2026)🚨FixOutdatedPHP!https://www.youtube.com/watch?v=NLdap2BNmLI🌐🧑💻#HostGator#Update#PHP#Guide
2000年代初頭、女性オタクの中にはHTML/CSSを手打ちして個人サイトを作る人もいたが、その審美眼が今やAIの利便性を前に溶けている印象があるホンマにガチでコレ真理だと断言したい。2000年代初頭、女性オタク層はみんなメモ帳でHTML/CSSを手打ちして個人サイトを作っていた。あの情熱とスキルが当時「仕事」として評価されていれば、日本のIT人手不足はかなりマシだったはず。でも悲しいのは、当時テーブルレイアウトやCSSと格闘していた元・職人たちほど、今やAIに「サイト作って」と丸投げして
こんにちは！今回は、CSSのdisplayプロパティについて学びました。これまで、文字の装飾や背景、枠線、余白など、Webページの見た目を調整する方法を学んできました。しかし、要素の並び方やサイズの扱いを理解していないと、余白を設定しても思いどおりのレイアウトにならないことがあります。そこで今回は、要素の表示形式を変更する「display」プロパティについて整理していきます！目次displayプロパティとは？4つの表示形式表示形式の違いを比較表示形式と余白の関係今回の学習で感
PetshopWordPresstheme–Buildawebsiteforpetstore,veterinaryclinic,dogtrainingclasses,animalsheltersandpethotels,dog/cattrainers,orpetcaretakershttps://visualmodo.com/theme/petshop-wordpress-theme/🐶🐕🐈🐰🐢🐾#Petshop#Shop#Pets
HowtoHireAIEngineersWhoShipRealProductshttps://visualmodo.com/how-to-hire-ai-engineers/💡🚦🤖🔍#Hire#AI#Engineers#Products#Tips
HowtoRecoverDeletedFilesinWindows1110(RecycleBinEmpty)https://www.youtube.com/watch?v=lAPhFwKALBE🧑💻🗑♻️#Guide#Recover#Deleted#Files#Trash
IPlayedSkate3inMyWebBrowser...(THISISINSANE)https://www.youtube.com/watch?v=1J31mmb8OXQ🛹🎮🖥#Skate#Game#Browser#Tips
自作HTML5ゲームは今回のPHP脆弱性の影響を受けません【安心のお知らせ】〜Netlifyなどの静的ホスティングで公開しているブラウザゲームは安全です〜2026年10月21日に公表されたPHPの深刻な脆弱性（CVE-2026-109618/CVE-2026-109619、通称PHP2Shell）について、「自分のHTML5ゲームは大丈夫？」という声をいくつかいただきました。結論から言うと、純粋なクライアントサイドのHTML5ゲームは今回の脆弱性の影響を受けません。なぜHTML5ゲー
ご訪問感謝ですいつも「いいね」や「フォロー」ありがとうございますポチッとしてをもらう度に画面の前で小さくガッツポーズしてますども！おじさんですいや～、びっくりしましたねP……PHPピー・エイチ・ピーの何たらかんたら……いやいやいや全然わからないですよ！おじさんをなめないでいただきたいわからないものはわからないんです！最近はITだのAIだの横文字の専門用語が多すぎませんかねおじさんも高校時代は情報系の勉強をしていたんですが時代の流
CSSLEARNINGNOTECSSで余白とサイズを整えるボックスモデルを理解して、見やすいレイアウトを作る。目次ボックスモデルとは？4つの要素の役割box-sizingの使い方margin:0autoの使い方今回の気づきまとめ1.ボックスモデルとは？CSSでは、HTMLの要素を箱のようなものとして考えます。この仕組みを「ボックスモデル」といいます。要素の大きさや余白を調整することで、読みやすく整ったレイアウトを作ることができます。2.4つの要素の役割ma
ForumWordPressthemeisaperfectchoiceifyouwanttocreateacommunity,help-centerorsocialnetworkhttps://visualmodo.com/theme/forum-wordpress-theme/📰🎟️📞🔖📢#Forum#WordPress#Theme#WebDesign#PageBuilder#HelpDesk#Plugins#Network#Commun
HowtoBuildaCanadianHealthSpendingAccount(HSA)SavingsCalculatorinWordPresshttps://visualmodo.com/build-hsa-savings-calculator-canada/💲🟰🇨🇦#Canadian#HSA#Calculator#WordPress#Guide
ThisFREECapCutAlternativeMadeMeQUITCapCut!🤯(OpenSourceEditor)https://www.youtube.com/watch?v=D-6erHM0Bhw🎬💡#CapCut#Alternative#OpenSource#Editor
HowToRemoveBusiness&AppsIntegrationsfromFacebook/Instagram?https://www.youtube.com/watch?v=uQfNGO68TdQ💡🎬📲#Facebook#Instagram#Business#Apps#Integrations#Guide
NeurosAIAgency&TechnologyWordPressTheme実践導入・パフォーマンス最適化・商用リード獲得アーキテクチャ設計マニュアルAIソリューション開発、機械学習コンサルティング、ディープテック系スタートアップのWebサイトにおける最大の技術的ボトルネックは、先進的なビジュアル表現（WebGL、Lottieアニメーション、ダークモードグラデーション）に伴うDOMツリーの肥大化と、高単価エンタープライズ案件を取りこぼす脆弱なリード獲得設計の両立不全にある。本マ
CSSLEARNINGNOTECSSの擬似クラス・擬似要素を学ぶ！ページの印象を変える装飾方法こんにちは！今回は、CSSの「擬似クラス」と「擬似要素」について学びました。これまで学んできた文字や背景、枠線などの装飾から一歩進んで、ユーザーの操作や文章の一部分に応じて見た目を変える方法です。目次擬似クラスとは？今回学んだ擬似クラス擬似要素とは？今回学んだ擬似要素擬似クラスと擬似要素の違い学習して気づいたこと1.擬似クラスとは？擬似クラスとは、要素の状態や位置などの条
