Webデザインの知識がなくてもOK！Bootstrapの使い方【入門者向け】| TechAcademyマガジン
目次 本記事では、Bootstrapの基礎をおさえた上で、よく使う、グリッドシステム、テーブル、ボタン、フォームの具体的な使い方を順番に紹介します。 Bootstrapとは Bootstrapを使う準備 グリッドシステムの使い方 テーブルの使い方 ボタンの使い方 フォームの使い方 Bootstrapとは BootstrapはTwitter社が開発したCSSの「フレームワーク」です。通常CSSを書く場合、全てのスタイルを自分で作っていく必要がありますが、このフレームワークにはよく使われるスタイルがあらかじめ定義してあるので、ルールに沿って利用するだけで整ったデザインのページを作成できます。 もともとTwitter社内で作られたもので、以前は「Twitter Bootstrap」と呼ばれていましたが、現在では「Bootstrap」のみで呼ばれるようになっています。 Bootstrapを使うメリ
Introduction
Introduction Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with jsDelivr and a template starter page. Quick start Looking to quickly add Bootstrap to your project? Use jsDelivr, provided for free by the folks at jsDelivr. Using a package manager or need to download the source files? Head to the downloads page. CSS Copy-paste the stylesh
キスケ株式会社 - 愛媛県松山市・今治市を中心に、KIT(ボウリング/カラオケ/ボルダリング他)・天然温泉 喜助の湯(きすけのゆ)・パチンコPAOなど各種アミューズメント施設を運営しているキスケ株式会社のホームページです。
お使いのOS・ブラウザでは、本サイトを適切に閲覧できない可能性があります。最新のブラウザをご利用ください。
ZOZO Technologies TECH BLOG
2020-07-01 ZOZOTOWNのインハウス広告運用を支援するデータと仕組みの話 BigQuery データ マーケティング 広告 本記事では、ZOZOのマーケティング部門の広告運用のインハウス化に伴って、これまで取り組んできた広告データの収集と活用、その仕組みにフォーカスして事例をご紹介します。 ZOZOTOWNのインハウス広告運用を支援するデータと仕組みの話 2020-06-29 【オンラインMeetup イベントレポート】ZOZOテクノロジーズの大規模データ活用 イベントレポート GCP Elasticsearch 検索 機械学習 こんにちは、ZOZOテクノロジーズ CTO室の池田（@ikenyal）です。 ZOZOテクノロジーズでは、6/22にZOZO Technologies Meetup -ZOZOテクノロジーズの大規模データ活用-を開催しました。 zozotech-inc
模写して学ぼう！駆け出しデザイナーのためのデザイン上達法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーの藤田です。 「石の上にも3年」と言いますが、私のWebデザイナーとしてのキャリアもついに2年目が終わり、3年目を迎えようとしております。 日々学ぶ事が多く、とても3年程度で大成するような業種ではないですね（どの業種にも言えることだとは思いますが）。 そんな私がデザイナー1年生だった頃を振り返ると「手っ取り早くデザインが上達しないかなー」なんてよく考えておりました。 そこで今回は、私の経験から最も手っ取り早くデザインが上達する「トレース（模写）」の方法をご紹介いたします。 なぜトレースがデザインの上達につながるのか？ なぜトレースがデザインの上達につながるのか、自分なりに考えてみました。 「デザインは細部に宿る」と言われますが、その細部に気付く 「デザインの引き出しが増える」 「自分の悪い所が解る」←これが一番重要！ などなど、良いことがたくさんあります。 まずはカッ
ウェブデザインの勉強に！サイトのトレースを爆速化するツール5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのみやです。 僕の地元では電車のドアは手で開閉します。襖のように左右に手で開けるのですが、未だにこの癖が残っていてたまに手を持っていかれます。 ところでデザイナーの皆さんは、どのようにウェブデザインを勉強していますか？ 僕は最近、ウェブサイトのトレースを始めました。 トレースとは、実際のウェブサイトをキャプチャしてその上から全く同じサイトを作っていく作業のことになります。 実際に手を動かしながらサイト構造やトンマナを学べるため、非常に効果的な勉強法です！ 今回はこのトレースを効率良くおこなうためのツールをご紹介します。 ウェブサイトの勉強で何をすればいいか分からない方や、なかなか時間が取れない方などにおすすめです！ Google Chrome拡張機能 サイトのキャプチャに便利な『Awesome Screenshot』 https://chrome.google.com
文字フォントの使い方で変わる！階層づくりに必要な基本テクニックまとめ
文字テキストの視覚的な階層（英: Visual Hierarchy）とは、いったい何を意味しているのでしょう。 デザインプロジェクトに致命的な影響が出てしまうこともあるので、じっくり検討する必要があります。そうすることで、もっとも注目して欲しい情報がどれなのか、ユーザーに分かりやすく説明できるようになるでしょう。 Image Source: Unsplash 4.5 by Kirill Zakharov 階層を利用しない場合、文字や単語、文章などはどれも同じように見えてしまい、ユーザーが読みたいコンテンツを探すときにも役に立ちません。 以下では、文字テキストの階層を利用してユーザーにメッセージをうまく伝え、魅力的なウェブサイトづくりを目指す、基本テクニックやルールをまとめて見ていきましょう。 詳細は以下から。 文字における階層で気をつけたいポイント Image Source: Helly
2016年これからのWeb制作業界の流れ、注目されているテクニックやツール、Webデザインのトレンドなどのまとめ
数多くのブログで2016年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 注目キーワードは、UI/UXはユーザーありきを忘れずに、洗練されたUIパターンとコンポーネント、旧バージョンIEのサポート終了、静的ページのジェネレーター、ページの肥大化。 淡いピンクとブルーは、今年のトレンドカラーのローズ クォーツとセレニティ 参考: 2016年のトレンドカラーはやさしい色、春の10色も素敵なカラーが揃ってる！ 2016年、Webとグラフィックデザインのトレンドと今後の展望 2016年、Web制作業界全体の流れ 2016年、注目されている新しいテクニック・コンセプト 2015年に定義されたレスポンシブWebデザインの8つのトレンド 現在のトレンドから見た良いこと、良くないこと、そしてダメなこと 2016年に学ぶべきプログラミング言語と
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Framer — The web builder for stunning sites.