GWはこもります。さがさないでくださいhakoishiです。 さて、本日はCSSのclipプロパティで実験してみたまとめ。画像をトリミングするやつですね。 どこまでできるか、アニメーションバナーっぽいものも作ってみました。 使い方 切り抜きたい画像に対し、position:absolute;を指定した上、各辺までの距離を指定します。 marginなどとは右辺、下辺までの距離の取り方が違うので、注意したいところです。 また、IE7以下にも対応させる場合は、各値の区切りはカンマではなくスペースで。（各ブラウザもこの記述に対応しています。） アニメーションなし サンプル html <div class="sample-clip"> <a href="#"> <img src="img/img01.jpg" alt="" width="500" height="330"> <dl> <dt>タイト

スマートフォンやタブレット、PCなどあらゆるデバイスに対応する制作手法として注目されている「レスポンシブWebデザイン」。レスポンシブWebデザインの概念からサイト制作の基本まで、菊池 崇氏が解説します。

Welcome 無料＆商用OKのフリー素材を扱っています。web素材やドット系GIF画像、手書き・ビットマップ・カリグラフィ風など様々なテイストのフォントを配布しています。 新作フォントのお知らせ 「BOOTH」で新しい筆記体のフリーフォント「Mellow Melody」を公開しました。 2023.08.31 19:30 CherryBombフォント 「CherryBomb」がSILライセンスのフォントになりました。 2023.06.19 23:34 よもぎフォントについて よもぎフォントをリニューアルしました。 2021.07.17 01:24 新作フォント販売中 satsuyako.netにて、 フォントの販売をはじめました。 どうぞよろしくお願い致します。 2019.01.18 10:45 規約追記のお知らせ 文字主体の制作物について追記しました。使用範囲に少し制限がかかりましたので

近年、個人や企業を問わず、HTML5でマークアップされたサイトが数多く登場しています。しかし、HTML5が浸透してから年月が浅いこともあり、有名な大企業のサイトですら、不適切なマークアップが見受けられます。本セッションでは、そのような不適切なマークアップを紹介し、どう直すべきかをみなさんと一緒に考察していきます。

”漢字フリーフォントギャラリー”とは 漢字フリーフォントギャラリーは、皆様からのご投稿情報を基に、無料配布されている漢字対応の日本語フォントを収集・まとめて一覧できる、無料漢字フォントの専門ギャラリーサイトです。 クリエイターの皆様の一助となれば幸いです。

CLOSED This site has been closed. 当ブログは2022年12月30日をもって閉鎖しました。 開設から10年間、ご覧いただきありがとうございました。

またアニメーション... ボタンなどのUIにGPUアクセラレーションが効いたアニメーションをつけたとき、iOSにおいてはiPhone4か4SのWebViewあたり、Androidにおいては….まぁ機種依存的(げんなり)に、アニメーションの立ち上がりが遅いことがあります。 その辺を調査していたところ、position: relativeの指定による、意図しないレイヤー生成＆GPUアクセラレーション巻き込みによって、何かしら合成レイヤー周りでオーバーヘッドが発生してしまっているんではないかな、という憶測に行き着いた次第。今回はその辺りを見ていきます。 GPUアクセラレーションが効いたアニメーションは、CSS Animations、CSS Transitionsのほか、特殊なプロパティ（transform3d: scale(1,1)とか）で強制的にGPUアクセラレーションを効かせたCanvasア

CSS Grid Layout Module Level 1 W3C Candidate Recommendation Draft, 26 March 2025 More details about this document This version: https://www.w3.org/TR/2025/CRD-css-grid-1-20250326/ Latest published version: https://www.w3.org/TR/css-grid-1/ Editor's Draft: https://drafts.csswg.org/css-grid-1/ History: https://www.w3.org/standards/history/css-grid-1/ Implementation Report: https://wpt.fyi/results/cs

Google リーダーのサービス終了は悲しいニュースです。しかし、泣いているだけでは前へ進めません。何か代わりのサービスを探さなくては。 というわけで、livedoor Readerはいかがでしょうか？ 他にもいろいろとサービスはありますが、移行が簡単で、何より「そのサービスを利用できるiPhone/iPadアプリがあるか」ということを考えると、livedoor Readerかな、と。 というわけで、さっそくlivedoor Readerへ移行してみましょう！ まず、大切なデータを救出しましょう！ こちらのページを参考に、Google リーダーから登録しているフィードなどのデータをパソコンに保存しましょう。 Googleリーダーが7月1日にサービス終了。他サービスへの乗り換えに備えデータを保存しておきましょう！ livedoor IDを作成しましょう livedoor Readerのページ

こんにちは。久しぶりの投稿になりました。ナカムラです。 随分前に「備忘録の意味も含めてアナリティクス回りの事前設定項目まとめる！」とFBで宣言していながら長いこと放ったらかしてしまいごめんなさい。 書く前から長くて面倒な記事になると分かっているネタなので、今回は色々端折ってメモ書きみたいな感じで書いていきます。（手抜きとも言う） まずはコンバージョンのポイントを確認 とりあえずそのサイトのコンバージョン（成果）となるユーザーの行動が何なのか？を考えて明確にしておきます。当たり前のようで、やってない人は本当にやってないのでチェック項目として。 ECサイトなら：商品購入、会員登録、商品詳細ページに30秒以上滞在 など LPなら：本体サイトへの誘導、またはLP内での申し込み など ブログなら：広告バナーをクリック、1ユーザーが3ページ以上見る など ありがちなミスとしては、コーポレートサイトのC

昨日リリースされたFireworks CS10はもうダウンロードされましたか？今回のバージョンでは様々な機能が強化されていましたが、イラスト制作には嬉しい自動調整機能が2つ追加されていましたのでご紹介します。 かわいさ・コントラスト まずはベースのイラストを作成します。いい感じに出来たつもりでも、クライアントから「もう少しかわいくして」「もっとシャープな印象に」という修正が入ることがよくあります。そんなときに便利なのが「かわいさ・コントラスト」です。 フィルターに「かわいさ・コントラスト」のメニューが追加されていますのでそれを選択して数値を調整します。 かわいさを上げるほど幼い印象になり、コントラストを強めると立体感が増してゆきます。細かい調整で、様々なバリエーションがすぐ作れるのが便利ですね！ 画像の照英化 もう一つの追加機能は日本版のみの「画像の照英化」です。 日本で人気の照英さん。イ

Editor’s Series 365 Days Notebook Grid エディターズシリーズ 365デイズノート グリッド

With Pulsetic you’ll be instantly notified the moment your website, API, or server becomes unavailable. Monitor uptime from multiple global locations and respond to incidents before your users are affected. Create beautiful status pages in minutes to keep customers informed during outages and build trust with transparent communication. Start Monitoring for Free Build Windows Build Windows is anoth