Webアプリケーション開発において、UIコンポーネントの配置を整えることは非常に重要です。特に、複数のコンポーネントを横並びまたは縦並びに配置しつつ、コンポーネント間に適切な間隔を設定することは、ユーザー体験の向上につな […]

ウェブデザインにおいて、コンテンツの配置は見た目と使いやすさに大きな影響を与えます。今回は、画面の左下に追従するブロックを作成する手法を紹介します。このスタイリッシュなデザインは、ブログやウェブサイトのアクセントとして素 […]

スマホの普及で、今やレスポンシブデザインは当たり前になりましたね。今回は、使用しているデバイスの画面の横幅に応じて、CSSで特定の要素を表示したり、非表示にする方法をご紹介します。デモならAdminLTEのサイドバーが参 […]

今回は、Electronというソフトを使い、HTMLやCSS、JavaScript等のWEB技術のみでWindowsやMacのデスクトップアプリが作れるというお話です。 以前からそういった技術はあったようですが、知らなか […]

The post Electronで公開中のWEBアプリをデスクトップアプリにする！ first appeared on Minory.

前回ご紹介したPageSpeed Insightsの分析結果を受けて、WordPressを高速化したいと思います！ 課題に挙げた通り、WordPressを高速化するために、CSSやJavaScript、画像サイズの見直し […]

ページの読み込み時間には、SEOの観点からも非常に重要視されています。 特に昨今では、スマホでWEBサイトを閲覧する機会が多くなっているため、利用者が待ち時間にイライラしたり、パケット代を気にするようにもなりました。 ま […]

CSSのみで実現する背景グラデーションは既に世の中に知れ渡っていて作成ツールまでありますが、その色が次々と変化させることもできます。 CSS詳しい方なら想像できると思いますが、グラデーションにアニメーションをミックスしま […]

あまりない状況かもしれませんが、画面の縦と横の比率（アスペクト比）を変えずに、拡大・縮小したいことがありました。よく考えてみると、画像の幅を100%で表示すると似たような動きになりますよね？しかし、画像だけではなく、コン […]

近年のレスポンシブやフレキシブルデザインの流行と共に、すっかりお馴染みとなったanimate.cssとwow.jsの組み合わせ。 スクロールする度にコンテンツがアニメーション付きで表示される手法です。 しかもそのアニメー […]

以前からお世話になっている管理画面のテンプレート「AdminLTE」の3つ目のバージョンが公開されていました！ベースで使用しているCSSのフレームワークが、Bootstrap 4になったのが、AdminLTEのバージョン […]