いろんなパンくずリストを画像を使わずに CSS で再現してみた。 - buena suerte!
CSS Triangle を使ったパンくずリストを見てて、この方法だと単色はともかく、グラデーションかけたい時、ボーダーで作った三角がネックでうまくいかないだろうなっておもった。 参考記事：Breadcrumb Navigation with CSS Triangles | CSS-Tricks 前回、 iPhone Buttons を再現した際に使った方法でグラデーションかけられそうなので試してみた。 オリジナルの詳しい解説は既にコリスさんにありますので割愛。 大分書き進めた後に気づいたけど、コメントにあった span を使う方法のがパッと見簡単やないかな……こっち使うほうがいいかもしれんね…… 動作確認 Chrome(7.0.517.41) で確認。もしかすると、ウィンドウ幅が小さいと崩れるかも。横幅 1024px で最大化して確認してます。 同じ webkit の Safari でも
1stWebDesigner • Helping You Build a Better Web - For Web Professionals
Marketing & SEO A Better Google Analytics AlternativeOur recent migration to GA4 left a lot to be desired and led us to explore for better google analytics alternatives. We tried just about everything out there, including Plausible, Fathom, and several others, all with their own pros and cons. The biggest hurdles were: limited features and higher costs.… CSS offers an array of tools that, when use
What’s the Difference Between UI and UX Design?
The Difference in a Nutshell Defining UI and UX is quite easy. UI or user interface is the visual side of design. It is what you do in Photoshop or Illustrator. UX or user experience, on the other hand, is what you do outside. How do you make your users feel about the product? How do you make them feel when they use the product? Are they happy? Angry? Satisfied? Another way of putting it is UX des
W3CによるHTML5テスト、次世代WebブラウザではIE9がもっとも好成績 | スラド IT
W3Cが「HTML5 Test Suite Conformance Results」を発表した。これは各ブラウザがHTML5をどれだけサポートしているかを調査したもので、232のテストから構成されている。Internet Explorer 9 Platform Preview 6とChromium 9.0.571.0、Firefox 4.0b8pre、Opera 11.00 alpha、WebKit Nightly Build r70732を対象としてテストが行われ、全体としてはIE9がもっとも好成績を残す結果となった。 テスト結果を見ると、IE9はattributeやaudio、video、xhtml5といったテストを100％パスしている。いっぽう、canvasやgetElemetnsByClassNameについてはほかのブラウザよりも劣る結果となっている。
子供でもつけられるライター、来年9月から販売禁止に | スラド
使い切り100円ライターなど、子供でも簡単につけられるタイプのライターの販売が、来年9月27日から禁止される（日本経済新聞の記事、asahi.comの記事など）。 子供が操作しにくい２段階操作、レバーを重くするなどの安全基準を定めるとしており、来年9月27日以降に販売する場合はPSCマークを取得する必要がある。また、人気キャラクターが印刷されていたり、音や光が出たりするなど、子供の興味をひくライターも規制対象となる模様。 北国に住むタレコミ人としては、チャッカマンなどがどうなるのかが気になるところである。
Google、Apache モジュール「mod_pagespeed」をリリース | スラド IT
Google が「mod_pagespeed」なる Apache モジュールを公開している。このモジュールを導入すると Apache で「15 以上のスピード最適化」が自動的に行われるようになり、Web ページのパフォーマンスが向上するとのこと (Google Webmaster Central Blog の記事より) 。 Google は mod_pagespeed の導入によりページのロードタイムを 50 % にまで削減できると述べており、実際のデモ動画も公開されている。Apache モジュールなので、既存の CMS や Web サイトに変更を加えずに利用できるのもメリットだそうだ。 mod_pagespeed が行ってくれる作業については mod_pagespeed filters で説明されているが、下記のような作業を自動で行ってくれるとのこと。 Web ページのキャッシュ保持時間
DropboxのようにD&Dで手軽に利用できる高機能ストレージツール「windroplr」がいい感じ！ : 二十歳街道まっしぐら
「windroplr」はオンラインストレージにドラッグ&ドロップでファイルをアップロードできるツールです。 ローカルからファイルをフォルダに入れる感じで、ドラッグ&ドロップするだけで自動的にアップロードしてくれます。 なーんだ、Dropboxじゃんと思いがちですが、Dropboxとは違って別PCとの同期はありません。 単純にオンラインストレージにアップロードするだけです。 もともとMacのアプリケーションなんですが、Windowsでも使うことができるようになりました！ （※Macでご利用の方はこちら） 手軽にアップロードができるところが良いですね。 さらに以下のような特徴もあります。 ・ログインはTwitterIDでOK ・ストレージの容量は1GB（無料） ・まとめてアップロードすると自動的にZIP作成 ・アップロードしたファイルに対して個別URL作成 ・ストレージにすぐに保存できるメモ帳
Speed Up Your Photoshop CS5 Workflow by Making Your Own Custom Panels | Envato Tuts+
Speed up your workflow with the power of custom panels in Photoshop. In today’s tutorial, we will turn multi-stepped commands and tasks into one-click solutions. No programming skills needed. Let’s get started! Step 1 First go to the Adobe Configurator download page and under the section Configurator 2.0 Installer click the link Download Configurator 2.0. Save the file on your machine. Because Ado
Zudolab -
The Search for a Trusted 메이저사이트: A World of Thrills, Security, and Immersive GamingdErsPOId - December 1, 2023In the dynamic world of online entertainment, the quest for finding a trustworthy 메이저사이트, or major site, is akin to navigating through a labyrinthine digital jungle. Much like the adventurers of old scouring for hidden treasures, modern-day netizens are on the lookout for that one platform
Web ページのフォントサイズはどのくらいが適切？ | スラド IT
米 Facebook が Web ページのフォントサイズを縮小したところ、ユーザーから目が疲れるといった苦情が出たそうだ (CNN.co.jp の記事より) 。 「高齢者差別だ」との声も挙がっているようだが、確かに若干小さめのような気がする。日本の Web ページの場合、ブラウザのデフォルトフォントサイズ (12pt / 16px) をベースに、トップページなどでやや小さめ (たとえば Yahoo! や ITmedia のトップページは 12px) にするのが主流のようだが、mixi のように全ページに渡って 12px 設定というサイトもある。facebook の場合、フォントサイズは 11px と確かに小さめだが、多くのブラウザで英語フォントのデフォルトサイズが小さめに設定されているため、そこまで小さいとは言えないのかもしれない。 人によってはデフォルトのフォントサイズを大きめに設定して
vimプラグインでよりよいコーディングを - KAYAC Engineers' Blog
こりなくvimプラグインの紹介をします。北原（@soh335）です。 たかが、エディタですがプログラムを書く際には一番触っている道具です。イチローも道具は大切にすることが重要と言ってますし、メンテナンスしながら良い状態にしておきたいですね。 今回はvimプラグインの管理、プログラム書く自体には関係ないけど便利なプラグイン、実際にエディタを使っている際に便利なプラグインの紹介をします。 vimプラグインの管理 vim-pathogen http://www.vim.org/scripts/script.php?script_id=2332 vimプラグインは、windows環境はで$HOME/vimfiles/、mac等では$HOME/.vimのディレクトリの下にインストールしていきますが様々なプラグインを一つのディレクトリにいれると のようになり例えばこのプラグインが更新されたのでアップデ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Wired News:
WEPのパスワード自動解析ツール、秋葉原に上陸 | スラド YRO