現在、A!@attripさん発で話題になっている「たった2行でIE5.5~IE8をモダンブラウザの挙動にする魔法のJS」という記事。 Webデザイン界隈では当たり前のものですが、実はもうひとつ追加しておくといいかもしれないjsがあったりします。 Photo:html5 By michael pollak IE8以前のブラウザはどうにもこうにも開発者泣かせなわけですが、ie9.jsとcss3-mediaqueries.jsを突っ込むことで、モダンブラウザと同じ挙動にすることができちゃいます。 もう少し具体的に書くと、ie9.jsを組み込むことで、 position:fixed;に対応 max-width、max-heightに対応 属性セレクタ、擬似クラスに対応 margin:0 auto;でのセンタリングに対応 透過PNGに対応 opacityに対応 といったことが可能になります。要はCS
先週くらいのお話ですが、“カナダで留学した後自分たちでスモールビジネスをやるからサイトが欲しい、でもお金無いから自分たちで作りたい。”的な相談があって、「そんな、サイト作るだけのサービスなんぞ、腐る程あるわぁああ!!」と、半分ヤケくそになってお話したので丁度いい機会だからまとめてみようと思います。 まぁ、今日はどちらかというと、完全に非WEB屋な人に向けたサイト自体を作るサービス、問い合わせなどのフォームを作るサービス、ユーザーテストを低コストで行うためのサービス、そういう物をご紹介していこうと思います。 たぶん、趣味やとりあえずサイト作りたいと思っている人には朗報として、とりあえずサイト作れる人がWEBデザイナーだと思っている人へは啓発(的な?)として、記事を書かせて頂けると幸いです! 加えてたまに、「サイトが作れるようになりたい。」と僕の元に来てくれる人がいますが、もしそういった人が「
複数のエレメントを異なるスピードで動かすことで奥行きの錯覚を生み出すパララックスを簡単に、そして確認しながら作成できるオンラインサービスを紹介します。 JavaScriptやCSSの初心者でも簡単にできると思います。 Parallax Background Builder Parallax Background Builderの使い方をざっくりと説明します。 Step 1: 適用範囲の選択 まずは、パララックスの適用範囲を選択します。 左がページ全体、右がdiv要素のみ、です。カーソルを動かすとパララックスの動作が分かります。
mizzz.jp 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
イギリスの清涼飲料メーカー「Britvic」の清涼飲料水、「drench(ドレンチ)」のCM。 途中でハムスターたちも飲んでいます。 訓練をしたハムスターたちが演技しているそうです ^^ #ハムスター #ジャズ #ジャズバンド #ハムスターのジャズバンド #kfeg #やじ馬ストリート #youtubeラジオ
前回は誰でも簡単に導入できるWordpressのインストール方法を書いた。前回のエントリーでも書いたのだが、Wordpressのテーマは本当に数多くある。そしてのその大半が無料で利用することができる。 今回は、これが本当に無料?と思ってしまうくらいにクオリティーが高いWordpressのテーマを33選取り上げてみる。なるべく、他で取り上げられていないようなテンプレートを掲載した。 1. INFO/DEMO 2. INFO/DEMO 3. INFO/DEMO 4. INFO/DEMO 5. INFO/DEMO 6. INFO/DEMO 7. INFO/DEMO 8. INFO/DEMO 9. INFO/DEMO 10. INFO/DEMO 11. INFO/DEMO 12. INFO/DEMO 13. INFO/DEMO 14. INFO/DEMO 15. INFO/DEMO 16. INF
TinyMCE Advancedの設定画面 TinyMCE Advancedのダウンロード TinyMCE Advancedのダウンロードは、WordPressの本家からダウンロードしてください。 ダウンロードはこちら→WordPress › TinyMCE Advanced « WordPress Plugins TinyMCE Advancedの使用方法 本家サイトからダウンロードし、/wp-content/plugins/フォルダの中にアップロードします。 「管理画面」→「プラグイン」で有効にし、設定は、「管理画面」→「管理」→「TinyMCE Advanced」をクリック。 必要なボタンをここで追加することが出来ます。 ※ビジュアルエディタを使用するときは、 「管理画面」→「ユーザー」→「自分のアカウント」で、「ビジュアルエディタを使用する」にチェックをいれないと、 ビジュアルエデ
CSSで外部サイトへのリンクの後にアイコン画像を表示する方法を備忘録的に残しておきます。方法は色んなブログで紹介されていますが、画像リンクにアイコンを表示しない方法は決め手に欠けます。 外部サイトへのリンクの識別法 以下のようにすればリンクの後にアイコン画像を表示されます。 a { background:url(画像のURL) no-repeat right center; padding-right:15px; } これだとすべてのリンクに画像が表示されるので、外部リンクと内部リンクを識別する必要があります。 URLで識別する a[href^="http"] { background:url(画像のURL) no-repeat right center; padding-right:18px; margin-right:5px; } a[href^="http://weboook.blo
iGoogleが終了するそうですね。 “iGoogle は 16 か月後の 2013 年 11 月 1 日をもって廃止される予定です。モバイル バージョンは 2012 年 7 月 31 日に廃止されます。” iGoogle の今後 最近は使ってなかったのですが、結構使っている方も多いようで。 確かに楽に情報収集できるので良いよなーと思い、終わると聞くとなんか余計に使いたくなってしまいました。で、代替案。 フランス生まれのNetvibesはiGoogle同様、自分好みにウィジェットやテーマを変更・追加できるスタートページです。 Twitter,Facebook等のSNSや、iCal、googleから読み込むカレンダー、Google Analyticsなんてのもありました。
無償のWebサイト構築ツール「WebMatrix 2」、新版はiPhone/iPadエミュレータ、Node.js、CoffeeScriptなど対応 先週末に行われたWindows Azureの新機能を紹介するイベント「Go Azure」の基調講演の中で、Azure以外に興味を引かれたソフトウェアがありました。マイクロソフトが無償で公開しているWebサイト構築ツール「WebMatrix」の新版、「WebMatrix 2」です。 WebMatrixは、HTML/CSS/JavaScript/PHP/ASP.NETなどに対応したエディタ機能を備え、コード補完機能も搭載。ローカルにデータベースやWebサーバを用意してPHPの動作をそのまま確認したり、WordPressやDrupalなどのWebアプリケーションをローカルで試すこともできました。 下記はその画面(参考:マイクロソフト、無償のWeb開発
CSS3Ps PhotoshopでデザインしたシェイプをCSS3に変換するプラグイン「CSS3Ps」 CSS3でちょっと凝ったオブジェクトを作りたい場合に、Photoshopがそのまま使えてCSS3にコンバートしてくれます。 CSS3で描画した驚きのグラフィックス、というのも、こうしたツールを活用すると驚きのCSS3グラフィックスでもなんでもなくなるのかも。 シェイプをデザインします グラデーションなんかもつけつつ プラグインのボタンをクリックで出力。そのまんま。 画像じゃないから軽いという点もポイントですね 関連エントリ CSS3でシャレオツなリストを作るチュートリアル アニメーションするバナーをCSS3で作るチュートリアル CSS3で出来たクールなLightBox実装チュートリアル CSS3で描かれたシェイプのサンプル集
Unitag QR Generator- Create fancy QR Codes for free - Check out Premium access - Unitag - Connect to the world ロゴ入りのクールなQRコードが作れる「Unitag」。 WEBブラウザ上でサイトのロゴが入ったQRコードなどを簡単に作れるツールです サンプル例。なんかかっこいい。 ロゴ入り。こんなのでも読めるんですね ちょっとデザインされた感じのもの デザイナーの方はこういうところもデザインしたいということで、1つのツールとして試してみてもよさそう 関連エントリ Google Chart APIを使ったQRコードを超簡単に描画してくれるjQueryプラグイン「MyQRCode」
free online image editing suiteAviary Tools Aviary is a suite of powerful creative applications that you can use right in your web browser. We're on a mission to make creation accessible to artists of all genres, from graphic design to audio editing. Let Aviary and Worth1000 artists perform design services for you. Sign up for an account today to start creating, sharing, and collaborating with our
アメブロカスタマイズ担当Webデザイナーの佐野です。 今回は記事の後に自動で追加される定型文を設定してみたいと思います。 既に色々な方のブログで設定しているのをよく見かけますね。 記事毎に自動で表示される内容ですので、アピールしたい内容を分かりやすく 設定する事により、そのエリアへの誘導がしやすくなりますね! なお、アメデコでは「カスタム可能」な中にある「CSS編集用デザイン」を元に 記事を書かせて頂いておりますので、そちらをご了承頂いた上でご覧ください。 今回もjQueryとフリープラグインを使用するので事前に「jQueryでフッターを作ってみよう」を見てアメブロでのjQueryの使い方を見ておいてくださいね。 それでは早速やっていきましょう。 <script type="text/javascript"> $(".articleText").after('定型文として表示したい内容')
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く