お菓子に夢を…パインアメのパイン株式会社
Blogging is one of the most popular hobbies/business people go for today. Blogs today vary in niches such as travel, food, health, and many more. If you’re planning to have your own blog in the near future, then it would be of your best interest to have a high caliber website that can rise above … Continue reading “33 Worth-It Premium Personal Blog WordPress Themes” Film grains are these granular
「スマートフォン時代のWebデザインスクール」は、これからWebデザイナーになりたい社会人の方向けの入門スクールです。 現在、COVID-19感染拡大防止のため渋谷の教室での授業は休止しておりますが、ご自宅にて動画で受講頂くことが可能です。 以下のようなことを効率よく学べます。 Web制作は初めての方のためのウェブデザインの基礎知識 UI/UX、Adobe XDを使用したプロトタイピング制作などモダンなWeb制作に必要な知識 Adobe Photoshop・Illustratorなどを使用した、スマートフォン・タブレット・パソコンなどさまざまな端末で表示できるWebデザインカンプの制作方法 他のスクールでは学べない、効率の良いWebデザイン制作の方法 昨年内容を大幅リニューアルし、Adobe XDを使用したプロトタイピング・UI/UXなど、モダンなWebデザインに必要な内容を大幅に増やして
webデザインの大きな問題の1つは、スマホビューにおける縦長画像。今回は「縦方向のレスポンシブ」を紹介します。思い付きで実装してみたのですが、驚くほどスマホビューが改善できたので、そのJavascriptのコードを紹介します。 デモを見る 1「縦方向のレスポンシブ」って何?縦長画像をスマホで見たサンプル今回の問題は、縦長画像のスマホビューです。iPhoneやAndroidの解説記事などでスクリーンショットを載せる場合、縦に長い画像を利用しますよね?するとスマホビューではサンプル図のように、画像が画面全体を占領してしまうことが少なくありません。 max-width:100%を設定することで「横方向」には最適化していても、「縦方向」には最適化できていない例です。画像はやっぱり文字と一緒に見たいですよね…。max-height:...%は「画面の高さ」ではなく「コンテンツの高さ」が基準になるので
私が執筆した「プロになるためのWebデザイン入門講座 実践で役立つPhotoshop&Illustrator徹底ガイド」が7月24日に技術評論社より発売されました。 表紙(カバー含む)も私がデザインしています。 Amazon で紙の書籍版を購入する Gihyo Digital Publishing で電子書籍(PDF)版を購入する この本は、PCの基本操作(エクスプローラーや Finder でファイル整理、文字列を選択してコピーなど)ができる方であれば、まったくWebデザイン制作の経験がない方でもWebデザインの基礎を学び、Web制作のためのPhotoshopとIllustratorの基礎を学び、広告バナーや架空のカフェのWebサイトを制作できるように書かれています。 本書の内容 本書は、7つの Chapter(章)で成り立っています。それぞれの Chapter は以下の内容となっています
2020年11月14日 jQuery, アクセシビリティ 多くのWebサイトに設置されているドロップダウンメニュー。うまくカテゴリー分けされていれば非常にわかりやすく、スペースも取らないので制作側からも愛されていますね。しかしアクセシビリティの観点から考えると、ちょっとやっかいな存在ではあります。マウスがうまく利用できないユーザーはキーボードを使ってページやリンクを移動しますが、ドロップダウンメニューは tab キーを使ってもサブメニューが表示されないのです。今回はこの問題を解決しようと思います! ↑私が10年以上利用している会計ソフト! こちらのGif画像のように、カーソルではなくキーボードの tab キーを使ってリンクを推移できるようにします。通常のHTMLとCSSを使った設置方法だと隠されている子メニューが表示されないので、キーボード操作でもうまく表示するのが今回の目標です。ちなみに
Webデザインのトレンドを知っておくことは、今そしてこれからWebサイトを制作する上で非常に大切な情報です。廃れていくものを採用するのではなく、今求められているもの、これから伸びるものを取り入れることで、Webサイトは長く幸せな時をおくることができます。 現在のWebデザインのトレンドと制作動向を知り、これからの傾向を探ったまとめを紹介します。 Improving on Existing Web Design Trends 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 トレンドを探るキーワードは全部で、26個。 デザインはより時間をかけ、コーディングはより少なく オープンソース よさそうに見えるWebデザイン ミニマリズムの進化 スクロールが好まれ、クリックは減少傾向 テキストはより少なく 明るい爽やかなカラー ユーザー目線 シンメ
Jリーグはスマホで見づらいサイトが多いなという日頃の印象を確認するため、淡々とスクショを撮ってみた件。 Tweet Share on Tumblr カテゴリ:サッカー 2014年09月02日12:57 字が小さくて読めぬというジジイへの入り口! 今日は前々から気になっていたことについてです。僕は最近スマホをいじることしか出来ない人間となっています。朝起きれば枕元のスマホをいじり、会社に行けばトイレでコソコソとスマホをいじり、歩いているときもスマホをいじり、家に帰ったらテレビを見ながらスマホをいじる。せがれをいじるかスマホをいじるか、その二択の生活です。 そんなスマホ生活の中で、時折感じていたことがあります。それは「Jリーグ情報はスマホで読みづらい」ということ。別にJリーグの話だけを調べているわけではないのですが、バズっている話題についてウェブサイトを見に行ったとき、「読みづら!」「小っさ!
実際に業務としてクリエイティブ・アート系の仕事に就いている人は約4割にとどまり、「プロとして業務経験なし」(46.4%)以上に、「デザインの勉強をしたことがない」(50.6%)人が多いことが分かった。 制作の動機としては「自分のオリジナルのスタンプを作りたい」(67.5%)、「イラストを描くことが好き」(64.3%)、「自分のスタンプが受け入れられるか試したい」(56.2%)などが上位に。「収入・お小遣いを得るため」という回答は58.3%で3位だった。 使用ソフトは「イラスト・ペイント用ソフト」が7割以上を占めるが、「手書き」も1割を超えている。「ワープロソフト」「表計算ソフト」などの少数派も見られる。 40個1セットのスタンプ制作日数は「4~7日」(25.4%)が最も多く、平均は16.3日となった。苦労した点として6割以上が「アイデア出し」と回答している。すでに2セット以上を販売している
2024.07.20 | 2024年資金調達完了について 2023.12.07 | ダグズ・グループ、ベトナムダナンに出店へ! 2023.06.27 | 2023年度第三者割当増資の結果に関するお知らせ 2023.04.26 | ダグズ・バーガー、麻布 鮨心と協業して宮古島で江戸前寿司 居酒屋を開店! 2023.04.02 | ダグズ・グループ、中国進出へ! 2022.12.24 | 代表取締役の交代及び専務取締役の選任に関するお知らせ 2022.10.14 | 「ダグズ・バーガー 池間島店」 開店日決定のお知らせ 2022.07.08 | 「ダグズ・バーガー 池間島店」 開店日延期のお知らせ 2022.07.07 | 第三者割当増資の結果に関するお知らせ 2022.05.20 | ダグズ・ダイナー & バーの開店について 2022.05.12 | あか牛を素材にした新ブランド
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> 先日、アイトラッキングに関する記事を配信した所、予想以上の人気がありました。アイトラッキング以上に簡単に実施できるのが、マウスの導線を追うヒートマップテスト。様々なASPサービスも提供されており、低価格で導入できますよね。今回の記事では、数多くの公開事例や調査を通してヒートマップテストで会得した19のデータを紹介します。 — SEO Japan ヒートマップは、ビジターの行動を分析する上で大いに役立つ。その他のメソッドでは得られない見解を導き出し、その結果、コンバージョン率を大幅に引き上げることが出来る可能性がある。 ヒートマップは、マウストラッキングとアイトラッキングの2つに分類される。大多数
Vertically Center Multi-Lined Text demo デモでは、一行、複数行ともに中央に配置されています。 仕組みは、吹き出しに「display: table;」、その中のパラグラフに「display: table-cell;」を指定し、天地左右中央に配置します。 HTML <div class="area"> <div class="bubble"> <p>To look best, text should really be centered inside this bubble both vertically and horizontally.</p> </div> </div> CSS .area { width: 300px; height: 300px; background: url(../images/abe-bg.png) no-repeat;
News お知らせ 2024/08/31 NEW 「企業グランプリ部門」参加申込を終了いたしました。 たくさんのお申し込み、誠にありがとうございました。 一次審査は 9月9日 より開始いたします。お楽しみに! 2024/04/01 第12回Webグランプリが始まりました! 「企業グランプリ部門」の参加申込を受付中です。 お申込みは、ページトップの「参加申込はこちら!」よりお願いいたします。 2024/03/25 第12回Webグランプリ開催決定! 第12回Webグランプリの開催概要を公開いたしました。 「企業グランプリ部門」への参加申し込みは 4月1日 より開始いたします。 一覧へ インターネットがすみずみまで浸透した現在、ウェブサイトは社会にとって欠かすことのできないメディアになりました。特に、ソーシャルネットワークが大きな影響力を持つ昨今では、さまざまな情報のソースとしてもウェブサイト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く