ガーリー素材ガーリー素材はイラスト素材の無料配布サイトです。 利用規約やサイトについての詳細はこちらのページをご覧ください。
Hero Patterns | Free repeatable SVG background patterns for your web projects
Hello! I’m Steve Schoger, a UI designer and illustrator from Kitchener, Ontario. I draw and maintain Hero Patterns. Hero Patterns will always be updating and will always be free. Follow me on Twitter and Dribbble to find out when new updates are available. Also, check out Zondicons: A set of free premium SVG icons for you to use on your digital products.
「アクセシビリティやるぞ！夏祭り2」でテストしたアプリの制作ノート
2016年9月28日（水）にヤフー株式会社さんのセミナールームで開催された「アクセシビリティやるぞ！夏祭り2 ～俺たちにテストさせろスペシャル～」のセッション2、「セッション2 俺たちにテストさせろ！スマホアプリのユーザーテスト生実況！」に登壇させていただきました。ご参加いただきましたみなさま、関係者のみなさま、ありがとうございました。 セッションで私が提供したブログリーダーアプリ（Junnama Online）は私がiOSアプリ開発を学ぶ過程で作り始めたもので、「これはシンプルなアプリだな」と思われた方も多いのではないかと思います。おそらく参考書（私は「本気ではじめるiPhoneアプリ作り Xcode 7.x＋Swift 2.x対応 黒帯エンジニアがしっかり教える基本テクニック」を読みました）の内容を応用して作っていけば、初心者でもなんとか完成させることができる簡単なアプリです。また、H
Big Sky :: GitHub 等で Markdown に画像を貼る時は代替テキストを意識しようと思った。
コマンドラインで標準入力をフィルタリングできる peco というソフトウェアがあり僕も開発メンバとして参加させて貰っているのですが、これに興味を持ってくれたとあるユーザから issue が来た。 Textual examples · Issue #349 · peco/peco · GitHub Hello. I use screen readers to interact with the computer, such applications speaks for me what you ... https://github.com/peco/peco/issues/349 こんにちわ。 readme でテキストによる例もしくは画像キャプチャの代替テキストを用意してくれませんか？私は盲目で画像を見ることができない。 僕らはこれまで当然の様に、Markdown で画像を貼る時に 
Accessible floating labels - Matt Smith
There’s been plenty of discussion in recent months regarding accessibility as it relates to the use of labels, which I think is great. Web designers and developers should treat accessibility as a fundamental part of development and not an afterthought. Still, I see plenty of implementations where labels are ignored for more eye-catching solutions, which in turn creates accessibility problems. Inte
Randomization with nth-child and Cicada Principle
So, what are we talking about here? Let’s go over some background: The end goal is to achieve randomness on websites with CSS without the aid of other programming languages like Javascript. Random numbers in programming aren’t truly random - there’s always something that could potentially make a duplicate number if the conditions are correct. Most random number generators go off the computer’s int
Alternative Text and Images | bitsofcode
The most accessible format for any content on the web is plain text. Plain text is incredibly malleable, it can be altered in ways to cater to almost any disability. For users with no visual difficulties, they can simply read the text. If a user has visual impairments, the text can be converted to speech. Even if a user has both visual and auditory difficulties, plain text can be converted to brai
Responsive Images 201: Client Hints
Last year, I wrote a ten-part series called Responsive Images 101 that introduced the new responsive images syntax. Today, I want to continue that series by talking about Client Hints. As the title indicates, this is an advanced responsive images topic. However, despite being potentially complex to implement, Client Hints can make the day-to-day task of creating responsive images much easier for d
Home page | Yarn
Yarn is a package manager that doubles down as project manager. Whether you work on simple projects or industry monorepos, whether you're an open source developer or an enterprise user, Yarn has your back. This documentation covers Yarn 4+. For the previous documentation dedicated to 3.6 and below, please refer to v3.yarnpkg.com. WorkspacesFirst package manager built specifically around workspaces
Thoughtful CSS Architecture and Organization
Nathan provides an introduction to CSS architecture that will help you design a structure for your code so your projects and teams can grow without becoming an unmanageable mess. architecture: the complex or carefully designed structure of something Have you ever worked on a CSS project that gradually became a hot, sticky mess? It’s difficult to keep track of what styles affect what HTML: minor ch
A Redesign with CSS Shapes
Here at An Event Apart (an A List Apart sibling) we recently refreshed the design of our “Why Should You Attend?” page, which had retained an older version of our site design and needed to be brought into alignment with the rest of the site. Along the way, we decided to enhance the page with some cutting-edge design techniques: non-rectangular float shapes and feature queries. To be clear, we didn
モバイルアクセシビリティ：WCAG 2.0やその他W3C/WAIのガイドラインのモバイルへの適用 - Qiita
https://www.w3.org/TR/mobile-accessibility-mapping/ の抄訳。Please use it at your own risk. なお、Editor's Draft http://w3c.github.io/Mobile-A11y-TF-Note/ により新しい版があります。内容に大きな差はありませんが、章番号がWCAG2.0と一致させてあったり、1.4 Non-Linear Screen Layoutsが追加になったりしているので、スキを見てまた訳出します。 W3Cの最初の公開ワーキングドラフト 2015年2月26日 （省略。概要、ドキュメントのステータス、目次。のちに訳出予定） 要旨 このドキュメント「モバイルアクセシビリティ：WCAG 2.0やその他W3C/WAIのガイドラインのモバイルへの適用」では、WCAG2.0とその原則、ガイドライ
Webデザイナー必見！CSSを使ったアンダーライン３種【各メリット・デメリットも解説】
特に見出しやアンカーテキストに使用されるアンダーラインですが、普段何気なく使っていますよね。でもアンダーラインを引く方法はいくつかあります。一体どの方法が一番いいのでしょうか？ここでいくつかの方法とその長所／短所を紹介していきたいと思います。 HTMLやCSSでアンダーラインを引く各方法の長所と短所 (1) text-decorationを使ったアンダーライン 「text-decoration」はアンダーラインを引く最も簡単な方法です。小さなフォントでもきちんと見えますが、フォントを大きくするにつれ見苦しくなります。 一方で、最大の問題点はカスタマイズ性を欠くことです。適用するテキストにはすべて同一の色とフォントサイズを指定し、スタイルを変更することができません。 【良い点】 利用しやすい ベースラインの下にアンダーラインを引ける iOS Safariではデフォルトでディセンダー(小文字の
Quantity queries and Flexbox
CSS quantity queries or pseudo-selectors are a lot more powerful than I thought they were. I mainly use them to select a certain element when there many. A simple example of this is getting the first or the last or the nth child element. CSS makes it easy to apply styling just to those elements - like the first one. But what about some things are a bit more complicated? I want to write them out in
全ての人が知っておくべきデザイン・レイアウトの基本ルールとテクニック15選 - LITERALLY
デザイナーでなくとも、デザインについてのいくつかのルールを知っておくと、日々の生活で何かと役に立つ。今回は、誰もが知っておくべきデザインの基本原則・テクニックを紹介する。 1.デザインの基本原則を覚えよう 1-1.「1/3ルール」を覚えよう レイアウトや写真の構成を考えるときには、黄金比*1よりも「1/3の法則」が便利だ。上の図のように、全体を9等分割したとき、各線の交点（図の丸点）に主張したいモノを配置するようにする。これだけで、不思議とスッキリとしたデザインになる。技の1つとして覚えておこう。 1-2.端をそろえて線をつくろう 写真や文などの「要素の端」をきちんとそろえると、きれいに整理されて見える。これはデザインにおいてとくに重要な基本ルールだ。全てをそろえる必要はないが、縦にいくつか要素を並べる場合は常に意識しよう。 1-3.視線の流れを意識したデザインにしよう 情報がたくさん詰め
W3Cのは『欠陥フォーク』！？ HTMLスナップショット2016 ── HTML5 Conference 2016セッションレポート
XMLこそがウェブの未来であるという見方が支配的だったために、2004年のOperaとMozillaの共同提案は却下され、W3CでHTMLを改良する道が閉ざされました。そこでブラウザーベンダーが集まってW3Cとは別の組織でHTMLやHTMLに関連する仕様の改良を行う、というのがWHATWGのはじまりです。 以来今日に至るまでずっと、WHATWGはHTMLの開発を（ある期間はW3Cと共同で、ある時期からはW3Cとは別に）し続けています。「WHATWG HTMLこそが実装者とウェブ開発者によって参照されるべき最新の仕様であり、欠陥フォーク（W3C HTMLのこと）は答えではない」というのはWHATWG HTMLのエディターであるAnne van Kesterenの言葉の通り、WHATWG HTMLを第一に参照すべきでしょう。 HTML5勧告以降のW3Cの動向 さて、W3Cに話を戻します。HTM
Day-O 2 // ShaunInman.com
The Last Rocket An 8-bit game for iPhone, iPad and iPod touch Minted of course. In partnership with Update: Day-O 3 is now available! It’s been five years to the day since I released the original Day-O, a simple menu bar clock replacement with a simple icon and an equally simple fly-out calendar for your Mac. So what’s new? Day-O now supports dark menu bars and transparency. I told you it was simp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マテリアル デザインのガイドライン（日本語版）
iOS 9 Design Guidelines for iPhone and iPad - Design+Code
Sublime Text 3の新機能「Show Definition」 - Qiita