Lightning Design System
ウェブデザイナーは知っておきたい、ページレイアウトの代表的な10のパターン
実際のウェブサイトを例に、ずっと廃れないであろうページレイアウトの10のパターンとその特徴を紹介します。 10 Evergreen Website Layouts (that will never go out of style) [ad#ad-2] 下記は各ポイントを意訳したものです。 2カラム、広いヘッダ 3カラム、広いヘッダ フォーボックス 不確定なグリッド 大きいスクリーンショット シングルカラム 打ち出し画像 固定サイドバー グリッドベースのギャラリー マガジンスタイル [ad#ad-2] 2カラム、広いヘッダ これは最も普通のレイアウトと言ってもよいでしょう。広いヘッダが上部にあり、960pxを2カラムにし、一つは広く、もう一つは狭くしたものです。狭い方はサイドバーでナビゲーションなどが設置してあります。 慣習的に、ブログでは広い方の右にナビゲーションを置き、スタティックなサイ
[to-R]JavaScriptやSEO対策、CSS、Movable Typeなどの情報を発信
Tailwind CSSで任意のメディアクエリを指定する Tailwind CSSでは簡単にメディアクエリの指定が可能です。 2023年11月 2日 00:40 カテゴリー CSS Tailwind CSSでdisabled Tailwind CSSでdisabled属性がついた要素に対してスタイルを当てたい場合には、disabled擬似クラスを利用して指定を行います。 2023年10月19日 15:32 カテゴリー CSS Vue.jsでコンポーネントの要素をpropsによって切り替える Vue.jsでボタンコンポーネントなどを作成する場合、ユースケースに応じてHTMLの実体をa要素とbutton要素と切り替えたいケースというのが発生します。 2023年9月15日 11:18 カテゴリー JavaScript Nuxt3でESLintの設定をする 案件でNuxt3のESLint設定をする
Fouad WhatsApp Download APK(डाउनलोड ,नवीनतम संस्करण)-ist-jo.in
The latest version of Fouad Whatsapp in 2022 - Anti-ban WhatsApp is one of the most popular apps in the world with over 1 billion active users, some of whom are not satisfied with its functionality. So the developers made Fouad WhatsApp(www.FouadWhatsapp.In, the India Official Website), an app for Android phones that has all the classic WhatsApp features, plus a lot of new features that the origin
S5-Style
ノーコードWeb制作プラットフォーム「STUDIO」 コードを書かずに、高度なデザインを。サイトは1クリックで公開可能。CMS、フォーム、分析ツールもオールインワン。 事業コンセプトの検証から、デザインチーム組成まで。おしゃべりAIアプリ「Cotomo」の立ち上げ支援について 2024年2月にStarley株式会社からリリースされた、音声会話型おしゃべりAIアプリ「Cotomo (コトモ)」。事業立ち上げに関わる、事業コンセプトの設計・初期プロダクトの設計・デザインチーム立ち上げをrootとして伴走しました。音声会話型AIという特殊なドメインにおいて、いかに事業の方向性を固め、プロダクト内の体験を検証したのか。また、素早いデザインチーム立ち上げをどのように支援したのか、事例をまとめます。 STUDIO導入時に知りたい！「STUDIOをおすすめできる/できないパターン」を無料配布します ca
YUKI HARUYAMA Portfolio Site | 春山 有由希
春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル（現ラクマ）のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE
いまさら聞けない？Webディレクターも触っておいて損はない“VPS”概論 : LINE Corporation ディレクターブログ
こんにちは、データホテルでwebサイト開発を担当している松本です。 データホテルでは「インフラで世界を変える。」というスローガンのもと、まるで一流ホテルに滞在しているかのような質の高いデータセンターサービスをご提供しています。 今回はディレクターにとってもサーバーの知識を蓄えるのにぴったりなVPSについてご紹介します。 ディレクターにとって悩ましい存在のサーバー 仕事柄、ディレクターの方とお話をする機会も多いのですが、その際によく感じるのは、最新の技術やトレンドについては勉強されていても、それらを足元で支えるサーバーについては敬遠されている方が多い、ということです。しかしながら、サーバーがらみで大変な目にあったという経験を持っている方は予想以上に多いのではないでしょうか。 よく聞く失敗に、 サイト全体を別のサーバーに引っ越す場合などに、元のサーバーでは動いていたスクリプトが引越し先では上手
有料テーマを購入する前に、デモサイトだけで使いものになるかどうかを簡単にチェックする方法 | Firegoby
そもそも公式ディレクトリ以外のテーマがどうよって話は、とりあえず置いておいて、有料テーマを見てると結構見栄えが良さげなテーマがたくさんありますよねー。 でも、有料テーマに限って購入しないとソースを見ることができないことが多いので、エイヤッて購入してから後悔することも少なくないと思います。 今日は、そんなみなさんのためにCSSを事前にチェックして有料テーマがどの程度使えるかを判断するテクニックをご紹介。 （上の画像に他意はないです。絶対ありません。。。） WordPressには必須のスタイルがあるんだぜー！ ご自身でテーマを作ったことがない場合は知らないかもしれませんが、WordPressには必ずスタイルを指定すべき項目ってやつがあります。 CSS « WordPress Codex ですから、それらのスタイルがきちんと定義されてるかどうかによって、ある程度の品質を予測することができます。
HTML5 Web Design Workflow
Web担当者Forumミーティング2013 Autumn 「マルチデバイス、HTML5がとりまくWebサイト制作とCMSの現在」xyz corporation
CSSを使ってどのブラウザでもフォントサイズを「％」で統一させる方法 | colori
CSSによるフォントサイズの指定は「font-size」属性を使って簡単に設定することができますが、ピクセル指定などの絶対的サイズで統一する方法にくらべて非常にやっかいなのが、相対的なサイズによるサイズの統一です。 ブラウザによって異なる、フォントサイズの境界 例えば「font-size:70%」というふうに指定して、Internet Explorer 6とFirefox2.0で見てみたページが以下のようなものです。 ※ページはxmlタグつきのXHTML1.0 Strictで作成、つまりInternet Explorer6は下位互換モードで表示されていますが、標準モードでも同じサイズで表示されます。 あきらかにFirefoxで表示されたページのフォントサイズが小さくなっていることがわかります。 このように、フォントをパーセント指定した場合は、その数値によってフォントサイズを規定する境界に微
CSSの記述が3倍速くなる「LESS」の使い方 (1/2)
2012年02月09日 13時58分更新 文●斉藤祐也／<a href="http://css.studiomohawk.com/">CSS Radar</a> 最近のWebサイトは大規模傾向にあり、Webアプリケーションを構築する機会も増えてきました。jQueryやMooToolsなど、JavaScriptを手軽に利用できるようにするライブラリーが普及する一方、Webサイトの表示を担うCSSにも、「Blueprint」や「960 Grid System」に代表されるフレームワークが登場しています。 「LESS」や「Sass」のようなCSS拡張メタ言語は、こうしたフレームワークとは異なり、CSSの言語自体を拡張し、CSSには存在しない機能を追加するものです。CSS拡張メタ言語を利用することで、変数、ミックスイン、入れ子ルール、名前空間、四則演算、関数などの動的な処理をCSSに追加でき、CS
withComputer
連休明けから遠隔授業が始まり、僕の担当授業（２機関・８コマ）では、学生とのコミュニケーションツールとしてDiscordを使ってみることにした。まだ日が浅く「ちょっと使い始めた程度」でしかないので、ドーンと発信するほど有益なことは書けない。ただ、Discordを大学の授業で使っている記事自体があまりないようなので、僕はこんな感じで始めましたという話を公開しておく。 Discordは「チャットサービスがメインで、インスタントに音声や画面を共有できる機能がついてる」という感じのツール。 チャット画面は「遊び心が強めのSlack」という雰囲気で、TeamsやZoomについてるチャットと違って機能が本格的。非同期色の強い授業（資料を見ながら各自のペースでガンバレ方式）を考えていて、僕自身が動画ライブは好きではない（見るのもやるのも）ため、テキストチャットで質疑応答をするのに向いたツールを選んだ。Di
レスポンシブなテーマ作りを試すなら
あなた色に染めて、ホワイトです。はじめまして。 いや、わたくしデザイナーなのかディレクターなのかはその立場も曖昧にフリーとしていろいろな案件をやったりしている者です。大した者ではありません。「その時々でどんな色にも染まるのよ、ウフッ」というわけでホワイト。そんなことはどうでもいいですね、はい。以後、お見知りおきを。 さて、何やら巷では最近「レスポンシブなんちゃら」というのがたびたび話題に出てきますね。その是非はともかく、中小規模のサイトで予算も人員もあまりかけられない、でもスマートフォン対応もしなければならない、というような時があるのではないかと。今はなくても市場に出回る端末がどんどんスマートフォンになりつつあるわけで、いずれそういう時期がくるかもしれませんからね。いろんな手法を覚えておくのは良いことです。 といったところで、WordPressをベースにしてレスポンシブなんちゃらなテーマ作
Sneakpeekit Sketch Sheets
Catch insights, sketch ideas.Printable Wireframe Templates for Designers Planning apps or websites is not always completely digital: sometimes you may need pencil, paper and some good sketch sheet templates to speed up your creative process. Precision GridMultipurpose grid with column marks A generic A4 grid template with column marks ideal for website wireframes as well as icon, font and logo des
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery Mobile 1.1.0 日本語リファレンス
吹き出し素材専門サイト「フキダシデザイン」
フリーランスwebデザイナー｜神戸 ｜ ホームページ作成 大阪｜WordPressで集客とアピールのお手伝い
Naoko Takano
Blog | PTMIND
841番地