ゆめいろデザイン｜ブランドマネージャー・Web/UX/UIデザイナー・デザインコンサルタント ヒガシナオヤOS X MavericksとWindows 8.1の游ゴシック体・游明朝体のfont-family名が違うという衝撃的な事実がわかったのでメモします。 【2013/10/28 10:00追記】フォント情報も調べました。「OS X MavericksとWindows 8.1の游ゴシック体・游明朝体のフォント情報について」という記事にしています。
CodePen - Opening type
Just hover on letters inspired by Edenspiekermann work for Kröller-Müller Museum - http://edenspiekermann.com/projects/kroller-muller-museum...
How to Write an Essay About Happiness: Smart Guide | hellohappy.org
An essay about happiness is among the flexible school tasks that allow you to get creative, making it easy to meet the expected word count. However, with much freedom comes the challenge of gauging what is expected of you in the essay. In a happiness essay, you should highlight your best moments and your definition of happiness. In this article, we have covered the main elements of a happiness ess
Medium
You can find (just about) anything on Medium — apparently even a page that doesn’t exist. Maybe these stories will take you somewhere new?
Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き
今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries（メディアクエリ）。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました！ 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しました。このブログは WordPress で書いているので、スマートフォンや iPad への対応方法はいくつもあるのですが、今回は CSS3 の Media Queries（メディアクエリ）を使って、iPad、iPhone など、いろんなデバイスに対応（対応というか、一応見れる程度）にしてみました。 なので Media Queries を使ったスマートフォン対応と、リデザインしながら思ったことなどをまとめてみました。 CSS3 Media Queries 目次
古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log
uuCSSBoost.js は uuAltCSS.js に名前が変更になりましたが、一部の説明が記事を書いた当時の古い名前のままになっています。最新版では、uuCSSBoost.revalidate() は廃止され uuAltCSS() を呼び出すように変更になっています。 コードの解説を追記しました。 「最新の規格を実装したブラウザが登場しても、IE6 のせいで諦めるしかないのか」 「CSS3セレクタを古いブラウザでも使いたい!」 といった現場の声にお応えして、ほぼ全てのブラウザで CSS3 セレクタを利用したページデザインが可能になるJavaScript ライブラリを作ってみました。 特徴 軽いよ いろんなブラウザで動くよ(Firefox2+, Opera9.2x+, Safari3+, IE6+, Google Chrome1+) 95%〜98%ぐらいのシェアをカバーできるんじゃない
著作権放棄のレスポンシブWebデザイン対応CSSフレームワーク・ingrid
シンプルで良さそうだったのでメモ。 パブリックドメインのCSSフレームワ ークです。レスポンシブWebデザイン にも対応していますし、グリッドレイ アウトにも利用出来るのでなかなか 汎用性があるのでは無いかなと。 ライセンスはCC0(クリエイティブコモンズ版のパブリックドメイン)で、著作権は放棄されていますので、気軽に使えますね。 凄く特殊な性能をもったフレームワークという訳ではありませんが、個人的には余計な物が備わってない方がありがたいのでカスタマイズしやすいです。 グリッドレイアウトにも対応しています。 以下、サンプルです。 Sample css/* UNITS These divider classes are set on .ingrid container --------------------------------------------------------*/ .in
Creating Different CSS3 Box Shadows Effects
In this tutorial we are going to be creating box shadow effects with just CSS. Below is an image created in photoshop of different box shadows effects. These used to be the only way of creating this effect but thanks to CSS3 we can now do all this with just CSS.View Demo page to see what we are going to create CSS Box Shadow Effects Demo CSS Box ShadowWe are going to be using the CSS box shadow pr
オンライン カジノ ランキング 日本 ⚡️ Top Online Casino 24: インターネット カジノ お勧めサイト 2024
おすすめオンラインカジノ３選！ここを選べば間違いなし！ ここからはカジQがおすすめするカジノを紹介していくぞ。 毎月の様に新サイトがリリースされるオンラインカジノ業界。その中から自分にあったサイトを選ぶのは簡単ではありません。初めて登録する方の中には「オンカジを選ぶ段階で失敗したくない…」と感じてる方も多いのでは？ そこで！ここではカジQがおすすめするオンラインカジノを3つご紹介します！現役プレイヤーのライター達が選んだ、プレイヤーがプレイヤーにおすすめしたいオンラインカジノです！（スポーツベットの方が興味のある方は、こちらからブックメーカーについてもまとめています。） 迷ったらここを選んでおけば失敗はないかと思います！ ＊当ページでは各カジノの入金不要ボーナスのリンクも掲載しているので是非ご利用下さい。入金不要ボーナスだけでなく、他のボーナスも気になる方はボーナス一覧ページから！ 日本人
[CSS]divなど余計なものを使用しないで、レイアウトをセンターに配置するテクニック | コリス
「<div id="wrapper">」などのラッパーを使用しないで、レイアウトをセンターに配置するスタイルシートを紹介します。 デモページ ※スタイルにCSS3を使用しているため、この版はIE6には対応していません。後ほど紹介するシンプル版はIE6に対応しています。 「<div id="wrapper">」を使用しないでレイアウトをセンターに配置するスタイルシート 元記事ではスタディが段階ごとに紹介されていますが、ここではその最終段階を紹介します。 CSS：シンプル版 <!DOCTYPE html> <style> html{overflow: hidden; height: 100%; background: #c72;} body{overflow: auto; height: 100%; width: 600px; margin: 0 auto; /* center */ padd
float解除の決定版。clearfixを考えたら、進化した。
現在この中でclearfixでよく使用されているプロパティは display:inline-block; height:1%(min-height:1%) zoom:1; でも良く考えたら、全て微妙です。 zoom:1はIEの独自仕様ですし、heightを使用する場合は、IE6,7に対応させるために2つのプロパティが必要です。 display:inline-blockもボックスの要素を変形させることになります。 hasLayoutのスイッチを見た時に、一番理に適ったプロパティはwidthかなと思いました。 子要素を囲む要素として、divやulなどデフォルトCSSがdisplay:blockのプロパティのものが多く、display:blockのプロパティの場合、width:100%で問題ないと思ったからです。 現在のブラウザ状況に適したclearfix 上記を踏まえ見直したclearfixが
CSSハック | NoteBook
CSSハック CSSハックまたはCSSフィルタとは、ブラウザのバグやCSSへの対応状況の違いを利用して、特定のブラウザの場合のみCSSを適用させるために使用します。 目次 はじめに メジャーブラウザ(IE,FireFox,Opera,Safari)以外や、今後の新しいブラウザでは意図しない結果を生じる可能性がありますので多用は避けるべきです。 通常、IE以外のブラウザは自動アップデート機能やユーザーの性質から、最新のブラウザに早い段階でアップデートされる傾向がありますので、特別な理由がない限り IEの旧バージョン向けの対応で十分と思われます。 コンディショナルコメント(Conditional comments) コンディショナルコメント（条件分岐コメント）について、MSDNより次のように紹介されています。以下の文章はMSDNからの引用です。 条件分岐コメント は、Microsoft Int
SassでCSSの弱点を克服しよう （1/2）－ ＠IT
maedana SonicGarden SUG（SKIP User Group）／日本Hamlの会 2009/5/22 Railsを使ったWebアプリケーション開発で、プログラマやデザイナを悩ませるものの1つがスタイルシートの記述だろう。Sassを使って、“クールで構造化された”スタイルシートを記述してみよう（編集部） Sassとは、Syntactically Awesome StyleSheetsの頭文字を取ったものです。あえて日本語に訳すと、「かっこいい構文のスタイルシート」といった感じでしょうか。 もう少しシンプルに表現すると「クールなCSS（Cascading Style Sheets）」でもいいかもしれません。Sassはスタイルシートを簡潔に表現するためのメタ言語であり、同時にSassからCSSを生成するための便利なライブラリやコマンドラインツールを提供します。 Sassを使うと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
解放新聞による在特会関連の虚報について - 在日特権を許さない市民の会 - ニュース
HTML5 Boilerplate: The web’s most popular front-end template
http://html5please.us/
CSS4セレクタ (Selectors Level 4) の新機能
制作メモ 最新CSSハック一覧 – NonTitle
セレクタでのCSSハック一覧表｜web bibo
[CSS]スタイルシートの量を少し減らした、新しいclearfix -micro clearfix