[B! Webデザイン] glat_designのブックマーク

glat_design id:glat_design

Webデザインに関するglat_designのブックマーク (2,047)

EXPERIENCE JAPAN PICTOGRAMS
Animated Pictograms日本に古くから根付く、独特の文化や習慣、マナーをもっと楽しく、わかりやすく、身近に。参拝お辞儀餅つきタクシーを拾う入浴手水 (Coming Soon)
glat_design 2021/02/21
日本の文化をモチーフとしたアイコンセット

Web制作

Webデザイン

アイコン

日本
リンク
ランディングページ制作に役立つマニュアルと改善法(toCtoB)｜相原ゆうきfree web hope｜note
こんにちは！株式会社free web hopeの相原です。今回は当社でのランディングページの創り方をベースしにて、ランディングページ制作をする時に役立つフレームワークを公開します。当社の社内マニュア...
glat_design 2020/10/08
自分ではLP制作を言語化することはあまりないので参考に

Web制作

Webデザイン

LP

解説
リンク
Simple Icons
1872 Free SVG icons for popular brands Icon missing? Request it here. Fortran #734F96 Gatsby #663399 Scaleway #4F0599 Google Optimize #B366F6 Roku #662D91 Bitrise #683D87 MYOB #6100A5 BT ...
glat_design 2020/05/31
ウェブサービスやアプリ、企業のアイコンとカラーを集めたもの /

Webサービス

Webデザイン

Web制作

アイコン

SVG

海外
リンク
CSS fix for 100vh in mobile WebKit | CSS-Tricks
Take the pain out of building site search with the Algolia hosted API. Start free now! A surprisingly common response when asking people about things they’d fix about anything in CSS, is ...
glat_design 2020/05/18
ウェブビューでのビューポートの大きさを正しくする。Reset CSSに書いといても良さそう /

Web制作

Webデザイン

CSS

モバイル

海外

スニペット
リンク
HTML + CSSでリアルな炎（アニメーション付）を作る - Qiita
Help us understand the problem. What is going on with this article?
glat_design 2020/02/12
この手の作例でかなりできが良い /

Web制作

Webデザイン

CSS

チュートリアル

Qiita
リンク
やめよう、CSSのシステムデフォルトフォント指定 - Chienomi
技術::web 序ウェブをブラウジングしていると、嫌というほど見る無意味にひたすらシステムフォントを列挙している同じシステム上に存在すると予想される和文フォントのあとに欧文フォントを指定する...
glat_design 2020/01/28
様々なウェブサイトのフォント指定について詳しい比較、解説、解釈がされている /

web制作

Webデザイン

フォント

CSS

解説
リンク
MindBEMding と近代 Component 設計の共通点 - Qiita
Help us understand the problem. What is going on with this article?
glat_design 2020/01/21
わりと曖昧に書かれがちなBEMの複雑な場合の書き方を明確に書いてて良い /

Web制作

Webデザイン

CSS

命名規則

解説

Qiita
リンク
font-feature-settingsとカスタムプロパティ — terkel.jp
font-feature-sttingsプロパティは便利だけど、値の意図しない上書きが発生しやすいという扱いづらさがある。たとえば「ページ全体でloclを有効にした上で、h1要素ではpaltを有効にしたい」というよう...
glat_design 2019/11/24
こんなに細かくfont-feature-settingsを使ったことないけど、たしかにbodyと見出し要素、くらいの重複は普通にありえる /

Web制作

Webデザイン

CSS

トピック
リンク
アクセシビリティを意識した CSS の書き方 - Frasco
私は約一年前から Web アクセシビリティについて注目し始めました。私にとって何かを学ぶこと最も効率的な方法は他人に教えることなので、ミートアップやカンファレンスなどで発言したり、このトピック...
glat_design 2019/11/18
アクセシビリティーに配慮してCSSを書くとき注意すること集と参考リンク

Web制作

Webデザイン

CSS

アクセシビリティ

解説

翻訳
リンク
ふりがなのスタイル - ふりがなを振る。
2020.4.12. Sunローディングのくるくる2019.11.19. TueSVGでやることのまとめ。
glat_design 2019/11/18
ルビのCSSによる制御について詳しい /

Web制作

Webデザイン

CSS
リンク
A11Y Style Guide
This application is a living style guide or pattern library, generated from KSS documented styles...with an accessibility twist. No matter your level of development or accessibility exper...
glat_design 2019/08/20
WAI-ARIAなど、アクセシビリティーに関する機能を前提としたスタイルガイド /

Web制作

Webデザイン

アクセシビリティー

海外

WAI-ARIA
リンク
PostCSS Utility Library
postcss-utilities is a PostCSS plugin that have the most used mixins, shortcuts and helpers to use as @util rules in yours stylesheets.
glat_design 2019/06/26
PostCSSのミックスインみたいなやつ /

Web制作

Webデザイン

CSS

PostCSS

海外
リンク
Inclusive Components
Inclusive Components A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece. Get the book! The Inclusive Components book is now available, wit...
glat_design 2019/05/23
よくあるUIコンポーネントのインクルーシブな実装例のサイト /

Web制作

Webデザイン

UI

サイト(技術)
リンク
BRIGHT inc.｜デザインとブランディング
株式会社ブライトは、デザインとブランディングの会社です。広告デザイン・グラフィックデザイン・WEBデザイン・店舗デザインや、複合型店舗の運営、イベント企画・立案などを行っております。
glat_design 2019/03/31
サイト(制作会社)

デザイン

Webデザイン

Web制作
リンク
Can't Unsee
A game where you need to pick the design that is most correct. Test your attention to details!
glat_design 2019/01/30
UIに関する正しい選択肢を選ぶゲーム /

Webデザイン

Web制作

UI

ゲーム
リンク
ページ内リンクの実装から考える、a要素のclickイベントとその振る舞い - シフトブレイン／スタンダードデザインユニット
新しいタブで開くこの他に macOS の Chrome では、Shift キーとMetaキーを併用することで、新しいタブで開きつつそのタブをアクティブにすることができました。 CSS によるスムーズスクロールページ内リ...
glat_design 2018/10/26
実際細かい所の挙動が違って戸惑うことってけっこうあるもんなあ /

Web制作

Webデザイン

JavaScript

ブラウザー

解説
リンク
シフトブレイン／スタンダードデザインユニット
活動終了のご報告私たちスタンダードデザインユニットは、2020年 6月末日をもって本ウェブサイトの更新を停止するとともに、チームとしての活動を終了いたします。サイトは2018年 10月よりおよそ1年半に...
glat_design 2018/10/26
シフトブレインのウェブ制作に関するメディア /

Web制作

Webデザイン

ブログ
リンク
The Complete Guide to Lazy Loading Images | CSS-Tricks
Images are critical for every website and application today. Whether it be marketing banners, product images or logos, it is impossible to imagine a website without images. Sadly though, ...
glat_design 2018/09/28
レイジーロードの実装に関する詳細な解説 /

Web制作

Webデザイン

JavaScript

パフォーマンス

画像

解説

海外
リンク
Web Design Museum 1991 – 2006
Discover Forgotten Trends in Web Design Web Design Museum exhibits over 1,600 carefully selected and sorted web sites that show web design trends between the years 1991 and 2006.
glat_design 2018/09/25
1995年から2005年までのInternet Archiveにある過去のウェブデザインをギャラリー形式で見られる /

Web制作

Webデザイン

ギャラリー

Webサービス

海外
リンク
デザイナーに次に知ってほしい文字組み初級 - 503DESIGN
2014年に「デザイナーにまず知ってほしい文字組み入門」という初心者向けエントリーをあげて以来、早数年が経ちました。その月日の中で「絶対フォント感」という言葉が流行したり、「フォント」あるい...
glat_design 2018/09/25
目で読むリズムと呼吸を作るためにも余白は大事 /

Web制作

Webデザイン

デザイン

タイポグラフィー

基礎

解説
リンク
1 2 3 4 5 6 7 8 9 10 次のページ

iOS / Androidアプリ

アプリでもはてなブックマークを楽しもう！

公式Twitterアカウント

@hatebu

最新人気エントリーを配信します。

ヘルプ・その他

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx