アニメーション機能の追加やバーティカルリズムの考え方を取り入れた Basis v3.0.0 を公開しました。
Flexbox ベースのレスポンシブ CSS フレームワーク Basis をアップデートしました。アップデート内容は下記の通りです。 トランジション、アニメーション用クラスの追加 行間や余白の取り方にバーティカルリズムの考え方を適用 ヒーローコンポーネントの追加 ブレイクポイントを px ベースから em ベースに変更 Normalize.css を最新版にアップデート トランジション、アニメーション用クラスの追加 トランジション CSS トランジションは1行で設定できるのでわざわざクラスを作る必要はないかなとも思ったのですが、サイトごとにトランジションの感じを変数で統一できるようにするためにクラスを用意しました。変数は下記のようになっています。 /** * アニメーションにかかる時間 * @type second|milisecond */ $bs-transition-duration
CSSの【display table編】プロパティでよく使うものをあつめてみた。(第二回) | たねっぱ！
さて、今回はこちら【display:table;】です ここでは【display:table;】とそれに付随する【display:table-cell;】などもあわせて一挙にご紹介します。 前回での流れ通り、この値を与えると強制的にtable要素のようにかわります。 tableとその中のcellをdivなどを使ってつくるのですが、その前にtableの利点を考えてみましょう。 ほぼtableで組まないと出来ないこと、まずはフレキシブルな枠組みですね。 たとえばfloatで3カラムをつくった場合、高さはそれぞれのカラムで違ってしまいますが、tableであれば一番長いカラムに合わせて3カラムが均等な高さにそろいます。 それに、borderの繋ぎ目が簡単ですね。floatだと:first-childやclassをつかってborderが重ならない様にしなければいけませんが、tableだとその手間があ
商用利用無料！再生紙のようなやさしい感じのざらっとした紙のテクスチャ素材 -Rice Paper Textures
Seamless Rice Paper Textures ダウンロードできる素材のフォーマットは、2種類。 .png (すぐに使う用） .pat (Photoshopのパターン素材) どちらもシームレスに、継ぎ目無く利用できます。 紙は全部で12種類、どれもいい感じの風合いです。
ブラウザで表示が崩れた時の検証に便利！IE6-11, Edge, Chrome, Safari, Firefoxなど各ブラウザのCSSハック -Browser Hack Mixins
特定のブラウザで挙動がおかしい、期待通りにならない、そんな時の検証用に役立つ、IE6-11, Edge, Chrome, Safari, Firefoxなど各ブラウザのCSSハックがまとめられたSassのMixinを紹介します。 いざという時に、備えておきたいですね。 Browser Hack Mixins for Sass Browser Hack Mixinsの使い方 「_hacks.scss」をインポート。 コード: @import "hacks"; Mixinの使い方 基本書式: @include [Mixin_Name]{ selector, property, value } 記述例: @include only_ie9_below { .my_div, background-color, red } CSSハックの各ブラウザは、下記の通り。 そのブラウザのみ、バージョンのみ、
多言語対応時のlang属性、font設定について - [ALL]| アクアリングBLOG
アクアリングのグループ会社「株式会社アクアリング・グローバルストラテジー（以下AQGS）」のサイトを構築する際に、初めて8言語の対応をしたので、多言語対応の時の各種設定について簡単に書いていきます。 8言語対応 まずAQGSで対応している8言語は下記になります。 日本語 英語 中国語（簡体字） 中国語（繁体字） 韓国語 タイ語 ベトナム語 ロシア語 HTML lang属性 それぞれの言語に対し、htmlにつけるlang属性はこんな感じになります。 ja ：日本語 en ：英語 zh-cn：中国語（簡体字） zh-tw：中国語（繁体字） ko ：韓国語 th ：タイ語 vi ：ベトナム語 ru ：ロシア語 次にfontの設定ですが、中国語や韓国語、タイ語にどんなフォントがあるかそもそも全くわからない・・・。 ので困ったときのグーグル頼みです。 「Google Noto Fonts
![多言語対応時のlang属性、font設定について - [ALL]| アクアリングBLOG](https://cdn-ak-scissors.b.st-hatena.com/image/square/dc402617cc4e3010c697f6bd4a7a74fb22f58e2b/height=288;version=1;width=512/http%3A%2F%2Fwww.aquaring.co.jp%2Fcommon%2Fimages%2Fogp.jpg)
I enjoy life as a Graphic Designer - Janne Koivistoinen Portfolio
I enjoy life as a Graphic Designer I’m Janne, a Graphic Designer based in Helsinki, Finland. I possess ten years of experience in the graphic design world, specializing in the creation of responsive websites and visual identities. World Vision France “Janne has been a truly dedicated partner and a source of inspiration for our project. He has maintained excellent quality even in a very fast-paced
京都二条の花屋 | Blowmist BOOM
2023.12.27 年末年始の休業日について 年末年始につきまして下記のとおり休業いたします。 ◆休業期間：2023年12月31日（日）～2024年1月7日（日） 最終営業日：2023年12月30日（土）～17時 営業開始日：2024年1月8日（月祝）11時～ ご不便をおかけいたしますがご理解のほどよろしくお願いいたします。 cotoha & Blowmist BOOM 姉妹店の観葉植物店cotohaと共同の公式アプリ。 お花や植物の情報をお届けしています。 Blowmist BOOMからはお花の入荷情報、レッスン・ワークショップのお知らせなど。 Blowmist BOOM 〒604-8381 京都府京都市中京区西ノ京職司町67-37 tel / 075-811-8787 fax / 075-813-1187 店頭販売お休み：木 月～金OPEN:12:00 CLOSE:18:00
ブリキのジョーロ
2024 Mother's Day!! 今年の母の日は4つのカラーのブーケやアレンジメントと、 季節のお花をたっぷり使った寄せ植えをご用意しました。 大切なお母さんのイメージに合わせてお選びください そして！今年は、お花の香りと一緒にコーヒーの香りもプレゼントしませんか？ 一農家・単一品種の「シングルオリジナルコーヒー」がこだわりの 自由が丘にあるALPHA BETA COFFEE CLUBさんのドリップコーヒーです！ お花とコーヒーで大好きなお母さんに幸せなひと時を、、、 母の日当日は大変混み合いますので、 着日をお早めの日時に調整して頂けたら幸いです。 オンライン、メール、ご来店でのご注文、全国配送も承っております。 気軽にご相談くださいませ。どうぞ、素敵な母の日をお過ごしください。
第9回紙マーケット
いつもJAMをご利用いただきましてありがとうございます。 2020年4月24日・25日・26日に開催を予定しておりました「第9回 紙マーケット」および 4月23日～5月5日に開催を予定しておりました「第２回レトロ印刷トライアル」の 両イベントを延期させていただくことをご案内申し上げます。 感染が拡大している新型コロナウイルスの現状を受けて、 ご来場いただく皆様の健康と安全を最優先に考えた結果、開催を延期する決断をいたしました。 本イベントを楽しみにしてくださっていた皆様には大変ご迷惑をお掛けいたしますが、 何卒ご理解賜りますようお願い申し上げます。 また延期後の開催時期につきましては、現在協議中です。 決定次第ご案内いたしますので、どうか楽しみにお待ちいただければ幸いです。 今はただこの事態が終息し、皆様に延期後の紙マーケットやレトロ印刷トライアルを安心して お楽しみいただけることを願って
イラストを無断使用されたので、即座に料金をご請求申し上げた件 – Factory70 Blog
先日、うちのイラストがとあるウェブメディアに無断使用されました。それに対し料金を請求したらこうなった、という顛末を紹介します。お支払いは無事頂けたのですが、そこに至る対応は一筋縄ではいかないものです。イラストが無断転用されたときにはどう対応すればいいのか、参考になれば幸いです。 イラストの無断使用を発見 盗用を発見してすぐにしたこと 無断使用の請求金額について 先方の言い分と交渉 参考サイト まとめ ※おことわり……ウェブメディアの名前や会社名はここでは非公表といたします。 1. イラストの無断使用を発見 イラストの無断使用を発見したのは、Google Analyticsでブログへのトラックバック元をチェックしていたときでした。見慣れないサイト名があったのでチェックしてみたら、うちのイラストをかなり堂々と使ってあったもので、びっくりしたんです。 無断使用されていたページはとある外国の情報
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
花屋 | Ex. Flower Shop & Laboratory
