はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ レイアウト

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 960件)

UI要素をグリッドではなく、サークル・放射状、曲線状にレイアウトできるCSSのフレームワーク -Orbit

2024/12/05 このエントリーをはてなブックマークに追加 10 users Instapaper Pocket Tweet Facebook Share Evernote Clip 線形 Orbit グリッドベース 従来 パターン

ラジアルUIとは、従来のグリッドベースまたは線形のレイアウトとは異なり、要素がサークル・放射状のパターンでレイアウトされたUIです。 このラジアルUI、あらゆる要素をサークル・放射状、または曲線状のパターンでレイアウトできるCSSのフレームワークを紹介します。 Orbit Orbit -GitHub Orbitの特徴 Orbitのデモ Or... 続きを読む

LOWYAから「3D家具で理想の部屋作り」アプリ 無料でインテリア1000点超

2024/11/12 このエントリーをはてなブックマークに追加 31 users Instapaper Pocket Tweet Facebook Share Evernote Clip LOWYA スライダー ベガコーポレーション ROOM 内装

家具ブランド「LOWYA」を手掛けるベガコーポレーション(福岡市)は11月11日、3D空間に自由に家具を配置して、インテリアの雰囲気やレイアウトを確認できるスマートフォンアプリ「おくROOM」をリリースした。まずはiOS向けに無料で提供する。 スライダーで部屋の広さや明るさを調整したり、ドアの位置、内装などを指定し... 続きを読む

新東名SAの「前向き駐車」やめます 駐車マス拡張に合わせ「バック駐車」に一斉変更 出発時に“ドカンっ”防ぐ | 乗りものニュース

2024/10/06 このエントリーをはてなブックマークに追加 21 users Instapaper Pocket Tweet Facebook Share Evernote Clip 前向き駐車 下り線 バック駐車 出発時 上り線

上り線に続き下り線も「やめます」。 静岡SA下り線も駐車マス拡張へ 周回路は? NEXCO中日本東京支社が2024年10月7日より、新東名高速の静岡SA下り線で駐車マス増設工事を始めます。これに伴い、小型車マスのレイアウトが今までとは“真逆”の方式に変わります。 新東名 静岡SA下り線(乗りものニュース編集部撮影)。 変... 続きを読む

売れるECサイトのデザインとは?5つのポイントと参考事例 | ヤマト運輸

2024/10/03 このエントリーをはてなブックマークに追加 12 users Instapaper Pocket Tweet Facebook Share Evernote Clip ヤマト運輸 本質 目線 ECサイト 参考事例

ECサイトを制作するとき、レイアウトやデザインに迷うことがありませんか?売れるECサイトのデザイン方法を取り入れて、他社にデザインで差をつけましょう。購入者の目線でECサイトをデザインするコツや、人気サイトが実践しているポイントもわかりやすくご紹介します。 「売れるデザイン」の本質 世の中には、デザイン... 続きを読む

Apple Configurator for Macを使ってiPhone/iPadのホーム画面を整理する(無料) | Apple Apps | Mac OTAKARA

2024/09/18 このエントリーをはてなブックマークに追加 16 users Instapaper Pocket Tweet Facebook Share Evernote Clip iPhone Finder iPad MAC OTAKARA

Apple Configurator for Mac iOS 18、iPadOS 18から、ホーム画面のレイアウトの自由度が増しました。 増したのは良いのですが、よりホーム画面の整理が難しくなったと感じる方も多いと思います。 iPhone、iPadのホーム画面管理は、iTunes 12.7以降から非搭載となり、Finderに統合されてからも復活することはありませんで... 続きを読む

ブロック レイアウトの align-content プロパティが Baseline の一部になりました  |  Blog  |  web.dev

2024/08/29 このエントリーをはてなブックマークに追加 9 users Instapaper Pocket Tweet Facebook Share Evernote Clip baseline alignment web.dev 分類

ブロック レイアウトの align-content プロパティが Baseline の一部になりました コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 ブロック レイアウトとテーブル レイアウトで、CSS Box Alignment の align-content プロパティを使用できるようになりました。これにより、フレキシ... 続きを読む

ブラウザの履歴を操作して「戻る」ボタンで広告を出すやつについて – コーヒーサーバは香炉である

2024/08/14 このエントリーをはてなブックマークに追加 1234 users Instapaper Pocket Tweet Facebook Share Evernote Clip 大抵 手法 コーヒーサーバ 構成 リンク

2023年後半頃から、ブラウザの「戻る」ボタンを押すと、訪問したおぼえのないページが表示されることが増えた。そういうページは大抵、記事風の広告やサイト内の記事へのリンクが大量に並ぶという構成になっている。 こんなレイアウトになってることが多い。 この手法はブラウザバック広告とかブラウザバックレコメンド ... 続きを読む

コピペで時短、Tailwind CSSおすすめUIコンポーネント、UIキット集、便利ツール【まとめ】

2024/07/23 このエントリーをはてなブックマークに追加 15 users Instapaper Pocket Tweet Facebook Share Evernote Clip コピペ 時短 爆速 UIコンポーネント集 便利ツール

開発者にとっていかに早くWeb制作を進められるかは、永遠のテーマと言えます。 この記事ではWebサイト制作を効率化、爆速にするTailwind CSSのUIコンポーネント集、便利ツールをまとめてご紹介します。 表現したいレイアウトをコピペのみで実現でき、これまでかかっていたサイト制作時間を劇的に削減します。 おしゃれな... 続きを読む

CSS Gridの便利な無料ツールが登場! レイアウトを確認しながら、コードを生成できる -CSS Grid Generator

2024/07/22 このエントリーをはてなブックマークに追加 79 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS Grid コード 登場 無料ツール ブッダ

最近のWebサイトやスマホアプリでよく使用されるお弁当箱のようなBento UIやカード型、ヘッダ・サイドバー・メイン・フッタなどのレイアウトを確認しながら、CSS Gridのコードを生成できる無料オンラインツールを紹介します。 使い方は非常にシンプルで簡単、生成されるコードもシンプルでさまざまなプロジェクトで利用... 続きを読む

賃貸でもマネできそう。ぬいぐるみを「ハンモック」に収納したら、部屋のスペースが有効活用できた話 #ソレドコ - ソレドコ

2024/06/21 このエントリーをはてなブックマークに追加 65 users Instapaper Pocket Tweet Facebook Share Evernote Clip ハンモック ソレドコ フック 整理整頓 ぬいぐるみ

お部屋で増え続けるぬいぐるみの収納場所に悩んでおられる方は「ハンモック」を使うのはいかがでしょう? 今や、石膏ボード用のフックで固定する、賃貸物件でも使用可能な商品が続々登場しています。整理整頓のためにも、おしゃれなレイアウトを実現させるためにも、空間のスペースを有効活用してみましょう。 著者:JUN... 続きを読む

オリジナル冊子をつくる:文芸誌編

2024/05/23 このエントリーをはてなブックマークに追加 64 users Instapaper Pocket Tweet Facebook Share Evernote Clip アドビ 文芸誌 本文 タイトルロゴ 趣味

オリジナル冊子をつくる:文芸誌編 趣味で文芸誌や評論誌などを作る方で、より本文のレイアウトにこだわったり、タイトルロゴにこだわりたいという方も多くいらっしゃるかと思います。そんなときにおすすめなのが、デザインのプロも冊子制作に使う「Adobe InDesign CC」と「Adobe Illustrator CC」の活用です。 アドビで... 続きを読む

文章の折り返し指定のCSS最新版 - ICS MEDIA

2024/04/11 このエントリーをはてなブックマークに追加 202 users Instapaper Pocket Tweet Facebook Share Evernote Clip 結論 CSS指定 ICS MEDIA ウェブ制作 みなさん

文章の折り返しはウェブ制作において意外と難しいものです。URLが文章に含まれている場合、URLがレイアウトを突き抜けてしまった、という経験をみなさんはお持ちではないでしょうか? この記事では、国内のウェブ制作において「開発者が考えることが少なくてよくなる」安全なCSS指定を紹介します。 結論から説明すると... 続きを読む

2024年4月の「Windows Update」がリリース、Windows 11には賢い「スナップ レイアウト」も/CVE番号ベースで147件の脆弱性が新たに対処、緊急の脆弱性は3件

2024/04/10 このエントリーをはてなブックマークに追加 8 users Instapaper Pocket Tweet Facebook Share Evernote Clip スナップ CVE番号ベース 脆弱性 対処 リリース

続きを読む

MozillaがAIでWebサイトを自動制作してくれる「Solo」を公開。基本的な情報を基に、説明文からレイアウト、適切なフリー画像の選択までおまかせ

2023/12/19 このエントリーをはてなブックマークに追加 301 users Instapaper Pocket Tweet Facebook Share Evernote Clip SOLO Mozilla ビジネス 説明文 個人事業主

Mozillaは、基本的な情報を入力するとAIが自動的にWebサイトのデザインを作成し、Webサイトの公開まで可能なサービス「Solo」を公開しました。 Soloは基本的に個人事業主が自分のビジネスのためのWebサイトを構築することを想定してWebサイトを作ってくれます。その理由をMozillaは次のように説明しています。 In 2023, ... 続きを読む

CSSだけでスクリーンサイズやフォントサイズを取得、CSSの三角関数tan(atan2())はcalc()ではできない計算もできる

2023/10/24 このエントリーをはてなブックマークに追加 84 users Instapaper Pocket Tweet Facebook Share Evernote Clip Calc フォントサイズ atan2 CSS フォント

CSSで便利な機能の1つがcalc()、ページのレイアウト、要素やフォントのサイズ設定に活躍します。特に異なる単位で加算減算(calc(1rem + 1px))できることが便利ですが、乗算除算(calc(1rem / 1px)はできません。 そこでCSSの三角関数です。すべてのブラウザにサポートされているatan2()を使用すれば、異なる単位で計算... 続きを読む

Wordで凝ったレイアウトは無理? 知っていれば変則レイアウトも簡単【残業を減らす!Officeテクニック】

2023/10/22 このエントリーをはてなブックマークに追加 8 users Instapaper Pocket Tweet Facebook Share Evernote Clip word Officeテクニック 残業 無理 簡単

続きを読む

情報整理から視線誘導まで、レイアウトに関するテクニックがこれでよく分かるデザイン書 -知りたいレイアウトデザイン

2023/09/29 このエントリーをはてなブックマークに追加 132 users Instapaper Pocket Tweet Facebook Share Evernote Clip 視線誘導 テクニック レイアウトデザイン 図版 デザイン書

※本ページは、アフィリエイト広告を利用しています。 Webサイトやスマホアプリをはじめ、バナー、カード、雑誌やカタログなどで、情報を分かりやすく整理し、的確に伝えるためにもっとも重要なことはレイアウトを工夫することです。 テキストや画像、図版などのさまざまな情報の要素をどのようにデザインして配置するか... 続きを読む

寺沢武一先生の「紛れもなくヤツなレイアウト」を話を破綻させず織り込める才能は稀有だった

2023/09/12 このエントリーをはてなブックマークに追加 24 users Instapaper Pocket Tweet Facebook Share Evernote Clip 寺沢武一先生 ヤツ 才能

井上純一(希有馬屋)『逆資本論』発売中 @KEUMAYA 井上純一(希有馬)TRPGデザイナー。漫画家。玩具会社「銀十字社」代表取締役 代表作:スタンダードTRPGシリーズ(SRS)『アルシャードセイヴァー』、『エンゼルギア』、『天羅万象』他。最近は『中国嫁日記』のジンサン。 blog.livedoor.jp/keumaya-china/ 井上純一(... 続きを読む

デザイナーじゃなくても!見やすいスライド資料のための5つのコツ【Before/Afterあり】|spicagraph

2023/09/07 このエントリーをはてなブックマークに追加 176 users Instapaper Pocket Tweet Facebook Share Evernote Clip プレゼンテーション 登壇資料 スライド資料 苦手意識 セミナー

見やすいスライド資料は事前準備と5つのコツさえ押さえればOKクライアントさんに向けてのプレゼンテーションや、社内共有向けの資料、セミナーでの登壇資料などで用いられる「スライド資料」。いざ作ってみると、「なんだか読みにくいな」「色やレイアウトがまとまらない」と感じ、苦手意識を持っている方は多いかもしれ... 続きを読む

こんなデザイン書を待っていた! 日本語フォントを使ったデザインの基礎知識と実践テクニックがしっかり学べる解説書 -タイポグラフィが上手くなる本

2023/08/25 このエントリーをはてなブックマークに追加 244 users Instapaper Pocket Tweet Facebook Share Evernote Clip 書体 本書 タイポグラフィ クオリティ テクニック

デザインにおける文字の使い方、特に日本語フォントについて書体の選び方、文字組、レイアウトの知識とテクニックを、プロが現場でクオリティを上げるためにどうしているか詳しく解説した永久保存版のデザイン書を紹介します。 本書は日...記事の続きを読む 続きを読む

子供ひとりで公共トイレは“危険”?犯罪者が狙いやすいトイレ「入り口」のレイアウトが関係(RKB毎日放送) - Yahoo!ニュース

2023/08/16 このエントリーをはてなブックマークに追加 23 users Instapaper Pocket Tweet Facebook Share Evernote Clip 温床 RKB毎日放送 性暴力 性犯罪 入り口

外で子供を遊ばせる機会が増える夏休み。「ひとりで行っておいで」と子供だけで公共トイレに行かせてはいないだろうか。犯罪者は、子供が性暴力だと気づかない程度にとどめて解放することも少なくなく、親も子も被害に気づかないこともあるという。専門家は、公共トイレが「性犯罪の温床」になっているのではと危惧して... 続きを読む

デザインの参考になる! 最近のWebサイトやスマホアプリで見かけるUI、インタラクションがまとめられたギャラリーのまとめ

2023/07/27 このエントリーをはてなブックマークに追加 9 users Instapaper Pocket Tweet Facebook Share Evernote Clip インタラクション ギャラリ コンポーネント アニメーション

最近のWebサイトやスマホアプリで見かけるUI、レイアウト、コンポーネント、アニメーション、インタラクションなどがまとめられたギャラリ−を紹介します。 デザインのアイデアを探している時に、ブックマークしておくと便利です。...記事の続きを読む 続きを読む

CSSでここまでできるとは驚いた! CSSを活用した本作りのワークフローを徹底解説した良書 -CSS組版Vivliostyle入門

2023/07/14 このエントリーをはてなブックマークに追加 123 users Instapaper Pocket Tweet Facebook Share Evernote Clip 未知 原稿 良書 データ入稿 ワークフロー

CSSの解説書というと、通常はWebサイトやスマホアプリを実装するための知識やテクニックですが、今回は『CSSによる本作り』の解説書を紹介します。 原稿の執筆から、本のデザインやレイアウト、データ入稿まで、CSSを活用した本作りのやり方を徹底解説した解説書です。 表紙に「未知の表現力!」とあるように、CSSでこん... 続きを読む

コンポーネントベースで開発する時の CSS の書き方とコンポーネントの分類 (自己流)

2023/06/02 このエントリーをはてなブックマークに追加 106 users Instapaper Pocket Tweet Facebook Share Evernote Clip コンポーネントベース Twitter React CSS 反響

React や Svelte でコンポーネントベースで開発するとき特有の CSS ノウハウってあんまり効かない気がする Twitter に書いたら反響があったので、自己流だけどまとめておく React Component の管理単位と、CSS としてのレイアウトの管理ポリシーは違うよね、みたいな話をマークアップエンジニアに時折されるが、そんな話... 続きを読む

作中でのび太が作った模型鉄道のレイアウト、よく見て見るとプロでも驚くレベルのものだった→のび太という評価されづらい才能

2023/04/29 このエントリーをはてなブックマークに追加 22 users Instapaper Pocket Tweet Facebook Share Evernote Clip 才能 び太 造詣 プロ レール

古屋公章 @huruyakimiaki TL上に流れている「のび太の模型鉄道」の作中でのび太が作った大レイアウト。ドラえもんの秘密道具で資材が無限大という点を差し引いても、明らかに日本で5本の指に入る完成度です。このレベルの物を作るには、レールとパワーパックに関する深い造詣と、レイアウトプランニングのセンスが必要で... 続きを読む

 
(1 - 25 / 960件)