STEP1 箱から取り出す 植物をパフカル(スポンジ)ごと取り出します。 植物は生き物なので到着後はすぐに開封してください。 パフカルとは STEP2 器に植物を活ける パフカルごと植物を好きな器に活けます。 ご自宅にあるグラスやカップでもOK!底穴のある鉢を準備する必要はありません。
Flowchart Maker and Online Diagram Software draw.io is free online diagram software. You can use it as a flowchart maker, network diagram software, to create UML online, as an ER diagram tool, to design database schema, to build BPMN online, as a circuit diagram maker, and more. draw.io can import .vsdx, Gliffy™ and Lucidchart™ files . Loading... Please ensure JavaScript is enabled.
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい!」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック:ズルいデザイン(1)(1/2 ページ) デザインが自分でイイ感じに作れたらいいなあというプログラマのみなさん。少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します Webプログラマ、Webエンジニアの皆さんが、個人で作るWebサービスやハッカソンなどで、短期間に集中してサービス開発してローンチしたいときに、もうちょっと自分でイイ感じにデザインできるといいなあという声をよく聞きます。 この企画は、そんなプログラマが、少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します。 (注)このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。 ズルいデザインはSassとCompassを利用し
300以上のフォーマットに対応 300以上の ファイルフォーマット間で、25600以上の様々な変換を行います。他のどのコンバーターより多くのタイプの変換が行えます 早くて簡単 選択したファイルをドラッグアンドドロップし、変換先フォーマットを選び「変換する」をクリックして下さい。変換完了まで少しお待ちください。全ての変換は1~2分で完了予定です。
画像を使わない「CSS」のみで作れる、ページタイトルや記事の小見出しタイトル(h1~h6)のデザインとして使えそうなアイデアを考えてみました。 各コードサンプルも掲載していますので、よろしければご参考ください。 サンプルのカラーは、グレー系を使用していますが、サイトのデザインに合わせて変更してみてください。また、タイトルは、h3で作成していますが、こちらもサイトの構成に合わせてほかのタグに変更してください。 また、思い付き次第追加していきたいと思います。 独自ドメインがずっと無料!国内シェアNo.1【ロリポップ!】 全タイプ一覧 タイプ一覧はこちらからどうぞ 下記にそれぞれのコードサンプルがあります。 罫線タイプ 左二重線 See the Pen Title design - Left double line by web-basic-archive (@web-basic-archive
CSSのこの機能を待っていた人も多いと思います! CSSで、句読点括弧のカーニングが自動でできたり、フレーズの途中で改行されないようにしたり、日本語と英語が混在したテキストでスペーシングが自動調整されたり、10px以下でも指定サイズ通りに表示されたりなど、日本語が読みやすくなる最近サポートされた・近日サポートされるCSSの機能を紹介します。 Introducing four new international features in CSS by Jack J 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに word-break: auto-phrase;によるフレーズで自動改行 text-autospaceによる文字間のスペーシング text-spacing-trimによる句読
はじめに こんにちは、kenです。 GWに「暇だな~~、こんな日はVS Codeの公式ドキュメントを読むか!w」と思って何気なく読んでたらデバッグに関して知らない機能がいくつかあったので、今回はそれをご紹介したいと思います。 おそらく今から紹介する機能はあまり知られてないと思います。もし全部知ってたらVS Code完全理解者なので誇ってください。(!?) 以下に記載する内容はVS Codeの公式ドキュメントのDebuggingという章を参考にしています。 注意 これから紹介する機能は言語によって使えたり、使えなかったりします。 今から紹介する機能のデモはすべてPythonで行おうかと思ったのですが、上記の理由からPythonではサポートされていない機能についてはJavaScriptやC++で代用しました。 デバッグで使える便利な機能 ログポイント機能 行を指定しログポイントを追加すると、そ
はじめに 他の人が書いたコードを読んでいるときに時々気になるのが、英語の間違いです。 特に動詞、名詞、形容詞の使い分けが間違っていたりすると、かなり違和感を感じます。 そこで今回はモデル(=クラス)やメソッドに名前を付けるときの基本的な原則をまとめてみます。 また、英文法的に正しい品詞が選べるようになるための習慣についても最後に説明します。 想定する言語/フレームワーク この記事の説明ではRuby/Ruby on Railsを想定しています。 ただし、基本的な考え方は他の言語でも同じように使えるはずです。 モデルの名前は名詞にする 例: 「支払い情報」を表すモデルを作りたい場合 × Pay ○ Payment 「支払う = payか。よし。」でモデルを作ってはいけません! payは動詞で、payの名詞形がpaymentです。 Payモデルではなく、Paymentモデルを作りましょう。 例:
ネイティブのようなスムーズをHTML5で実現 Onsen UIにはiOSとAndroidのUIガイドラインを忠実に再現したUIコンポーネントが数多く含まれています。 ナビゲーターやリスト、タブバーなど必要なコンポーネントを組み込むだけで、自動的に実行中のデバイスを判別して、ネイティブUIを表示します。 Onsen UIを使うと高品質でサクサク動くモバイルアプリを簡単に開発できます。 Onsen UI for Vueのコンポーネントの一覧はこちらから。 簡単なセットアップ モバイルUIフレームワークははじめてですか?大丈夫です。下記の3ステップで簡単に組み込めます。 (1) NPMを使ってパッケージをインストールします... (2) ... そしてプログラムコードにimportして... (3) ... Vue.use(VueOnsen);と書くだけです! この3つのステップですべてのコンポ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く