flexboxの人気記事 6件 - はてなブックマーク

サクサク読めて、アプリ限定の機能も多数！アプリで開くはてなブックマーク閉じる ●はてなブックマークって？●アプリ・拡張の紹介●ユーザー登録●

●ログアウト

検索対象

●すべて ●タグ ●タイトル ●本文

並び順

●新着 ●人気

ブックマーク数

●1 user ●3 users ●50 users ●100 users ●500 users

セーフサーチ

●オン ●オフ

期間指定

●すべて ●1週間 ●1ヶ月 ●1年

まで

1 - 6 件 / 6件新着順人気順

絞り込み

検索対象

ブックマーク数

期間

セーフサーチ

flexboxの検索結果1 - 6 件 / 6件

よく見かけるレイアウト・UIコンポーネント、それだけを実装するHTMLとCSSのシンプルなコードのまとめ

● 780 users ● coliss.com ● テクノロジー ●2021/02/18 Webページやスマホアプリでよく見かけるレイアウト、ナビゲーション、UIコンポーネントなど、それだけを実装するHTMLとCSSのシンプルなコードをまとめたCSS Layoutを紹介します。それだけを実装するため、HTMLとCSSのコードは非常にシンプル、カスタマイズも簡単だと思います。スニペットに登録しておくと、便利ですね。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴レイアウトやUIコンポーネントだけを実装するコード CSS Layoutの特徴 CSS Layoutは、よく使用されるレイアウトやUIコンポーネントだけを実装するためのHTMLとCSSのコードがまとめられたコレクションです。 MITライセンスで、商用プロジェクトでも無料で利用できます。 CSS Layout 依存関係は一切無しフレームワークは必要無しピュアCSSで実装、CSS ●css ●html ●あとで読む ●ui ●レイアウト ●デザイン ●テンプレート ●web制作 ●flexbox ●コード

ゲーム感覚でプログラミング学べるサービス集 - Qiita

● 643 users ● qiita.com/SMAC ● テクノロジー ●2022/06/30 はじめに今回はゲーム感覚でプログラミングを学べるサービスを紹介します。ゲームを通して学んだ知識をアウトプットできるサービス集を厳選したので、ぜひ学んだ知識を﹁使える技術﹂として自分のものにしていただければと思います。この記事の主な対象者プログラミング初心者~中級者基礎文法は学んだけどアウトプットができていない人フロントエンジニアを目指してる人楽しみながらプログラミングを学びたい人ぷよぷよプログラミングまずはじめに紹介するのは、SNSでも話題になった、ぷよぷよを開発しながらプログラミングを学ぶことができる﹁ぷよぷよプログラミング﹂です。ぷよぷよプログラミングでは、人気ゲームぷよぷよを開発しながらHTMLやCSSやJavaScriptといったプログラミングをしていく中で基礎となる技術を学ぶことができます。実際にアプリ開発をしながら学べるので、インプットとアウトプットが同時 ●プログラミング ●あとで読む ●ゲーム ●css ●学習 ●サービス ●javascript ●勉強 ●game ●qiita

ゲーム感覚でプログラミング学べるサービス集 - Qiita

● 573 users ● qiita.com/KNR109 ● テクノロジー ●2022/07/31 はじめに今回はゲーム感覚でプログラミングを学べるサービスを紹介します。ゲームを通して学んだ知識をアウトプットできるサービス集を厳選したので、ぜひ学んだ知識を﹁使える技術﹂として自分のものにしていただければと思います。この記事の主な対象者プログラミング初心者~中級者基礎文法は学んだけどアウトプットができていない人フロントエンジニアを目指してる人楽しみながらプログラミングを学びたい人ぷよぷよプログラミングまずはじめに紹介するのは、SNSでも話題になった、ぷよぷよを開発しながらプログラミングを学ぶことができる﹁ぷよぷよプログラミング﹂です。ぷよぷよプログラミングでは、人気ゲームぷよぷよを開発しながらHTMLやCSSやJavaScriptといったプログラミングをしていく中で基礎となる技術を学ぶことができます。実際にアプリ開発をしながら学べるので、インプットとアウトプットが同時 ●プログラミング ●あとで読む ●css ●ゲーム ●学習 ●programming ●javascript ●サービス ●webサービス ●Qiita

管理画面用のレイアウトやUIコンポーネントがほとんどすべて揃った、商用利用無料のHTMLテンプレート -Stisla

● 563 users ● coliss.com ● テクノロジー ●2019/11/18 商用のプロジェクトでも無料で利用できる、管理画面・ダッシュボードのレイアウトやUIコンポーネントが揃ったテンプレートを紹介します。このテンプレートを使用すると、管理画面・ダッシュボードで必要なコンテンツを簡単に作成できます。 Stisla 管理画面・ダッシュボードに特化されたUIコンポーネントがほとんどすべて揃ったテンプレート。30以上のサードパーティのライブラリと統合、多くのコンポーネントを簡単に利用できます。 HTML5とCSS3で記述されており、すべてのモダンブラウザでサポートされています。 Bootstrap 4をベースに、Flexboxでレイアウトされています。一部のコンポーネントにはより簡単にやり取りするために、JavaScript APIを使用。 MITライセンスで、商用プロジェクトでも無料で利用できます。 ●ui ●bootstrap ●あとで読む ●テンプレート ●html ●ライブラリ ●css ●レイアウト ●プロジェクト ●ダッシュボード

Flexbox Cheat Site

● 537 users ● kuroppe1819.github.io ● テクノロジー ●2020/05/25 Webエンジニアとデザイナーのための CSS Flexbox チートシート ●flexbox ●css ●チートシート ●あとで読む ●cheatsheet ●web ●webデザイン ●エンジニア ●ちゃんとしたブクマ ●*CSS

たった1行のCSS！よく見かけるWebレイアウトを実現する凄技テクニック10個

● 518 users ● photoshopvip.net ● テクノロジー ●2020/08/18 モダンなCSSレイアウトでは、ほんのわずかなコードを書くだけで、実用的なスタイリングを実現できます。この記事では、たった1行でよく見かけるWebレイアウトを表現できるテクニック10個をご紹介します。上下中央揃え: place-items: center まずCSSでもっとも頭を悩ませる、上下中央揃えを詳しくみてみましょう。ここでは、plae-items: centerを使えば、思ったよりに簡単に実現できます。まず、display: gridを記述したら、一緒にplace-items: centerを同じ要素に追加します。place-itemsは、align-itemsとjustify-itemsを同時にスタイリングできる簡略化表記、ショートハンドです。centerに設定することで、align-itemsとjustify-itemsの両方がcenterとして設定されます。 .paren ●css ●あとで読む ●webデザイン ●レイアウト ●web制作 ●web ●テクニック ●grid ●デザイン ●設定