CSSの制作・検証に役立つChromeの機能拡張のまとめCSSの制作時や検証時に役立つGoogle Chromeの機能拡張を紹介します。 いくつか機能がかぶっているので、お好みのものをご利用ください。
CSSセレクタ20個のおさらい
CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル
コーディングとSEOの概念が変わるかもしれない、Microdataについての概要 - kojika17
6月2日、Google、Microsoft、Yahoo!の検索大手3社が協力して、構造化データマークアップの標準化に乗り出しました。 長期的な最終目標は、幅広いフォーマットのサポートとしているようですが、まずはHTML5のMicrodataに集中するようです。 Microdataが新しいWebの歴史の礎の1つとなるかもしれません。 以前にも「MicrodataとMicroformatsの違いについて」取り上げましたが、今回は実際にMicrodataでどうなるのか、ご紹介致します。 Microdataとは何か？ マークアップ言語であるHTMLは「見出し(h1,h2,h3... )」「段落(p)」「リスト(ul,ol,li)」などの文章構造を示すことができても、「人の名前」「肩書き」「地域」などを示すことができません。 それらをHTMLでメタデータとして追加する方法のひとつとして、HTML5の
2130703450443574201?keyword=HTML5
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
沙東すず
最新の日記はひとつ前からお読みください。 イベント出展予定 ・害蟲展 Season5のゲスト審査員をつとめることになりました。5/10（金）夜のオンライントークイベントで満田晴穂さんとお話します。お申し込みは下記のPeatixよりどうぞ。 https://peatix.com/event/3935608/ ・昆虫大学2024 2024/12/21(土)-22(日) 東京・浅草橋の東京文具共和会館にて開校予定です。出展者リスト等はあらためて公式サイトにて告知します。 『奇貨』販売ページ 紙版：BASEでご購入いただいた場合、通常3～7日で発送します。 satosuzu.base.shop PDF版：20MBあるためPCでの閲覧向けです。クレジットカード決済のみとなります。 （Kindle Direct Publishingでの販売も考えていますが、現在準備中です） 『奇貨』をお取り扱いいただ
デザインや構造の参考になるWebサイトのリンク集｜Tau Magazine
デザインや機能、構造など参考になりそうなWebサイトを紹介するネタ帳的なサイトです。キャンペーン/スペシャルサイトや学校のサイトが多めです。
ファンシーなデザインのカウントダウンタイマー実装jQueryプラグイン「Fancy Countdown」:phpspot開発日誌
ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler... 次の記事 ≫：ストライプ等、Photoshop用の４００個のパターンまとめ Fancy Countdown ファンシーなデザインのカウントダウンタイマー実装jQueryプラグイン「Fancy Countdown」 何らかのカウントダウンというと、待ち遠しかったりするもので、単純にテキストだけでカウントダウンしても面白みが少ないですね。 ということで、次のようなデザインのカウントダウンタイマーがjQueryで簡単に実現可能です。 あと何日でサイトオープン！みたいなティザーサイトを作る場合にも使えそう。 $(function() { $("#anyID").fancyCountdown({ 'year':2011, 'month':05, 'day':13, 'hour':13, 'minute
初心者でも２週間でiPhoneアプリが作れちゃうTitanium Mobileがすごい件 | 株式会社インフィニットループ技術ブログ
初心者でも２週間でiPhoneアプリが作れちゃうTitanium Mobileがすごい件 どうもこんにちは、フレッシュさに定評のない新入社員のtek_kocです。 初めてのお仕事として「Titanium Mobileでアプリを試しにつくってみる」というのを担当していました。 JavaScriptはあまり使ったことがないですし、そもそもMacもほとんど触ったことがなかったので苦戦するかと思いましたが、２週間ほどでとりあえず形になるところまでできました。Titanium Mobileすごいです。 ということで、Titanium Mobileで試しにアプリ開発をしてみた感想を書いてみました。 そもそもTitanium Mobileとは？ Titanium Mobileとは、Appcelerator社によるスマートフォン対応アプリケーションの開発環境です。 iPhoneやiPad、Androidを
私（Webデザイナー）が効率よく仕事するためにしているコーディング術や検索術
みなさんも仕事の効率化、時間短縮のためにしていることってありますよね？ 私ももちろんいろんな工夫をしているのですが、もっと効率よく仕事がしたいって思っています。 とりあえず、今、時間短縮の為に私がしていることをまとめてみました。 私は毎日 Webサイトを作るために、Photoshop を使ったり、コーディングしたり、調べものをしたり … とにかくいろんな作業をしています。そんな中、もっと時間短縮できないかなー、これって時間の無駄だなーと思うこともたくさんあります。1日は 24時間しかないし、決められた 24時間の中で自分の時間を作るためには、仕事の時間を圧縮するしかありません … X( できるだけ無駄をなくして、早く仕事が終われるように、時間短縮術をマスターしたいと思ってます。コーディングを早くできるようにしたりするものはもちろん、欲しい情報に素早くアクセスできるような工夫など、今私が時間
iPadをサブディスプレイにしてMacBookをより快適にする！"iDisplay" - Gadget Girl
iDisplay for iPad and iPhone みなさん！iPad、活用していますか？毎日使っていますか？ iPadがとても優秀なビューワーなのは周知の事実。しかしその大きさ故、常に持ち歩いている人は少ないでしょう。私もiPadは基本的に家においています。そうなってくると、iPadを使う時間って限られてしまいますよね…なんかもったいない。 しかし！そんなiPadを毎日必ず使う方法を見つけましたよ！それはiPadをサブディスプレイとして使うということ。やっぱりノートって、ディスプレイ小さいですよね。"iDisplay"を使えばノートでの作業環境が進化します。 iPhone/iPadアプリ"iDisplay"とDesktopアプリ"iDisplay" "iDisplay"を使うには、iPadにもMacBookにもそれぞれソフトをインストールする必要があります。iPhone/iPad用
entresquare.com アントレスクエア（マーサスチュアート）
2010.06.18 父の日キャンペーンスタート！（こちらのキャンペーンは終了しました） 2010.06.17 新ブランドe-shave登場！ 2010.05.24 VICEVERSA 新商品入荷しました！ 2010.05.24 Baxterのパッケージデザインが新しくなります。 2010.05.21 GREAT BARRIER ISLAND BEE CO. のハンドクリーム入荷しました！ (MALIN＋GOETZ)/ M＋Gセルラークリーム 販売価格12,600円 マリン&ゴッツのスキンケアの中で最も栄養価が高く、最新の応用技術を取り入れたアンチエイジングクリーム。 the Laundress/ ルラボローズ31 デタージェント 販売価格8,190円 モダンなパフューマリーとして名高い「ルラボ」の香水とthe Laundressのコラボデタージェント。ギフトにも。 THE SHAR
jQueryUIを使ってマウスオーバー時に背景色をアニメーションさせながら変更出来ると今更知った - かちびと.net
備忘録。マウスオーバー時に背景の 色をアニメーションしながら変更する、 というのをクロスブラウザ対応で実装 したい。css3を使えば簡単な事ですが、 ご存知のようにIEは非対応。で、色々 探してみたんですが、jQueryUIを使う のが一番良さそうな感じでした。 普通にググったらJquery Color Pluginというプラグインがあったのですが、動作はするけどIEでエラーが出ます。リファレンスを見ても そもそも数値型の値をとらない属性（backgroundColorなど）には、animate関数は対応していません。 (jQuery日本語リファレンス) と書いてあるし、Jquery Color Pluginを直すのも面倒だし、どうしようかなと思ったんですが、jQueryUIを使えば凄く簡単なんですね・・・素人ですみません。 コード <script type="text/javascrip
Webデザイナーが覚えておく、代表的なライセンスまとめ｜Web Design KOJIKA17
非常に緩いライセンスです。 1999年までのBSDライセンスには、初期開発者を表示する宣伝条項が含まれていました。 現在はこの宣伝条項のない新しいBSDライセンスを修正BSDライセンス (New BSD License)あるいは三条項BSDライセンス (3-clause BSD license) と呼ばれています。 BSDライセンスをベースに作成されたBSDスタイルのライセンスも多く存在します。 例として、Apache Software License, Sendmail License, PHP License, Python Licenseなど多く存在します。 三条項BSDライセンスの表記例 三条項BSDライセンスのテンプレートがありますので記載致します。 以下のような表記がある場合、三条項BSDライセンスとなります。 Copyright (c) <YEAR>, <OWNER> All
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PC2台のキーボード/マウスを相互利用、コピペもできるUSBケーブルが発売に 画面も転送OK
日本と海外のWEBデザインリンク集（CSSギャラリー）まとめ - ミblog : レビューや日常など
まとめのインテリア / デザイン雑貨とインテリアのまとめ。
WEBデザインリンク集・デザインサイト一覧（週刊ウェブデザイン）
www.seelun.com
○○円ならどこまでできる!? ウェブサイト制作の相場早見表 | Web担当者Forum
MacBook Air 11インチ欲しい！とは はてなの人気・最新記事を集めました - はてな
