プロっぽくなった！こっそり使いたい「動きのある」CSSテクニック
作成：2014/06/2 更新：2014/11/01 Web制作 > WebデザインギャラリーやWPテーマなどで「見栄えのする」サイトが使っている効果など。今回はCSSのみで実現できる、動きあるエフェクトをメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ マスク １．マスク・キャプション ２．円形キャプション ３．全画面+オーバーレイ ４．ストライプの背景 フルスクリーン系 ５．スライド＋フルスクリーン ６．全画面背景動画 ７．パララックス ８．フルスクリーンにフィット ９．背景画像をブラウザごとに最適化 １０．メガメニュー 画像可変 １１．画像で枠線を表現する １２．半透明＋フィルタ １３．文字以外を透明にしてレイヤーさせる 図形 １４．ループ＋ローディング １５．3Dボックス １６．矢印ナビ 画像切り抜き １７．六角形 １８．卵型＋星形
朝からイラレでくるくるリボン
hamko @hamko1114 @workstationm @kata1963 ありましたっ(`・ω・´) こんなんでも大丈夫ですか？3Dでマッピングするのですけども。私は、分割後に整理して左のようなツリーの絵にするのに使いました〜（なんか面の前後違ってますがw） http://t.co/qXee9zARNC 2014-03-26 09:42:17
水にぬれた資料を乾燥させる｜国立国会図書館―National Diet Library
重石、板、扇風機、 タオル、クッキングシート（またはシールの剥離紙）、吸水紙（コピー用紙） ＜使用する道具＞ (1)水で濡れている箇所を確認し、吸水性の良いタオルで水分を押さえるようにして取る。 ＜水分をタオルで吸い取る＞ (2)水濡れが他のページに広がらないように、クッキングシート（またはシールの剥離紙）を使い、濡れているページの上下に挟み込む。 ＜クッキングシートを濡れたページの上下に挟み込む＞ (3)濡れた箇所に吸水紙を挟み込んで、乾きやすいように、濡れている方を上にして本を立てる。 ＜濡れた箇所に吸水紙を挟みこみ、本を立てる＞ (4)扇風機で、本が倒れない程度の強さの風を当て、空気の流れを作って乾かす。 ＜扇風機で風を当てる＞ (5)挟んである吸水紙は、水分を吸ったら交換する。半渇きの状態になるまで何度も繰り返す。 ＜吸水紙を交換する＞ (6)半渇きの状態
すげー便利！ドメイン別にスタイルシート（CSS）を当てる方法。
ドメイン別にスタイルシートを当てる方法。 iframe[src*="youtube.com"]{ width: 500px; height: auto; } iframe[src*="nicovideo.jp"]{ width: 320px; height: auto; } 例えば、YouTubeの外部プレイヤー（iframe）の横幅は500にしたいけど、ニコニコ動画の外部プレイヤーは320にしたいときは、上のように書くと上手く動作します。 a[href*="wayohoo.com"]{ color: red; } a[href*="goryugo.com"]{ color: blue; } ちなみに、aタグをドメイン別に指定する場合はこのようになります。(wayohoo.comは青色、goryugo.comは赤色とする場合) タグ名[属性名*="URL"]{ /* CSSの中身 */ }
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック：ズルいデザイン（1）（1/2 ページ） デザインが自分でイイ感じに作れたらいいなあというプログラマのみなさん。少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します Webプログラマ、Webエンジニアの皆さんが、個人で作るWebサービスやハッカソンなどで、短期間に集中してサービス開発してローンチしたいときに、もうちょっと自分でイイ感じにデザインできるといいなあという声をよく聞きます。 この企画は、そんなプログラマが、少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します。 （注）このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。 ズルいデザインはSassとCompassを利用し
たった700円で余ったiPhoneやiPod touchとMacで防犯カメラシステムを構築する方法！ | ひとぅブログ
「遠隔監視」という言葉にわくわくしちゃう@hitoxuです。 外出中に家の様子が気になる方も多いのでは無いでしょうか？ ペットの様子や子どもに留守番を任せているときなどなど。 今回は、機種変更をして余ったiPhoneや以前使っていたiPod touchとMacを利用して700円以下で防犯カメラ（監視カメラ）システムを構築する方法をご紹介します。 準備するもの、利用するアプリ まず準備するものと使うものをご紹介します。これだけが揃っていればお手軽にそして安価に防犯システムを構築できちゃいますよ〜。 準備するもの 常時起動できるMac → カメラ、サーバになります 余っているiPhone または iPod touch → カメラになります iPhone（またはiPadまたはiPod touch）→ 遠隔監視します 利用するアプリ iCamSource → Macにインストールします。カメラ＆サ
【iPad miniも常時接続！】テザリング解禁時代だからこそ知っておきたい便利なBluetoothテザリング
【iPad miniも常時接続！】テザリング解禁時代だからこそ知っておきたい便利なBluetoothテザリング 2種類の無線テザリング Bluetooth大好き、ひとりぶろぐのmoyashi (@hitoriblog) です。 iPhone 5からテザリングが解禁されましたね。 auは既にサービス中。SoftBankも12月15日からサービスインしました。 今回は、恐らくあまり知られていないBluetoothを使ったテザリングについて紹介します。 Bluetoothを使ったテザリングについて紹介する前に、無線LANを使った普通のテザリングについておさらいしましょう。 普通のテザリング 普通のテザリングは、デバイス間の通信を無線LANが担います。 普通のテザリング開始の手順は次の通りです。（続きは[Read More]から） テザリングの親機となるiPhoneの操作 テザリングの親機となるi
【iTunesまとめ】iTunesを使いたおすための20のTips。
iTunesを使いたおすために関連する20の項目を集めてみました。普段はほとんどMacを使っているのでMac寄りの記事ではありますが、WindowsのiTunesも使うので知っている限りの情報を掲載していきます。 CDをiTunesに曲を読み込む時の設定について。 10/23追記：この項目に関して色々な意見がありましたので、恥を忍んで書き直しました。 CDを読み込む際の設定は、iTunesの環境設定の「一般→読み込み設定...」から。 音質が良く、非圧縮よりファイルサイズが軽いAppleロスレスで取り込めれば一番いいと思います。ただし注意が必要なのが、ほぼ非圧縮のファイルなのでファイルサイズが大きくなるという点と、再生デバイスが限られるという点があります。Appleロスレスで取り込む際は手持ちのデバイスで再生できるか要確認です。保存用としてはおすすめ。 次に音質が良いのはAAC（256kb
「どうやって」よりも「どうして」に目を向ける | シゴタノ！
何か問題にぶつかると、それを解決するべく「どうやって」に目が向きがちです。 何かうまい方法があるはずだ、ということで「How」を探し始めるのです。 幸いにして「うまい方法」が見つかれば、めでたく問題は解決。前に進むことができます。 が、見つからなければ立ち往生してしまいます。 そもそも「うまい方法」が見つかるということは、 誰かがすでに同じ問題に直面し、 試行錯誤の末にこれを解決し、 その方法が探索可能な形式で保存されている という条件がすべて揃っていることでしょう。さもなければ、自分で考えるしかありません。 逆に言えば、すでに「うまい方法」が発見されている場合には、あれこれ自分で考えるよりもまずその「うまい方法」を試してみる方が試行錯誤をショートカットできる、という意味では効率的です。 でも、これ自体は「うまい方法」ではありません。 どこかのタイミングで自分で考えることを通して「自分にと
Photoshop初心者は絶対に覚えてほしい!!画像を劣化させずに調整できるPSDデータの作り方
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。 Adobeのソフト一個だけあげるよと言われたら、迷わずPhotoshopを選びます。井畑です。 そんなPhotoshopラブの僕ですが、昔は正直苦手でした。 なぜなら、PhotoshopはIllustratorと違って、調整しているうちにデータが劣化(どんどん汚く)なってしまうと思っていたからです。 正しく言うと、データが劣化しない方法を知らなかっただけなんですけどね、当時は大変でした。 画像も一回小さくしてしまうと、次に大きくした時に荒れてまいますし、トーンカーブ等の画像補正も一回かけると二度と修正できませんでした。何回もトーンカーブかけてるとどんどん画像が汚くなっていくし… よく、サイズを間違えてて2,3時間の作業を一からやり直しして
WordPressカスタマイズの基礎が全て分かる初心者必読の記事10選
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. Webサイトやブログを構築する際に使えるCMSやWebサービスは数多く存在するが、WordPressは近年、もはやCMSのデファクトスタンダードとしての地位を確立している。（※W3TECHの調査によると、世界のWebサイトの約33.9％がWordPress。CMS市場では60.7%がWordPress。） もちろん、私も、ほとんどのサイトやブログをWordPressで構築しているし、国内でもWordPressの導入例は増え続けている。 従って、WordPressのカスタマイズ方法を知っておくと、何かと有利な場合が多い。そこで、本日は、WordPressをカスタマイズしたい初心者が絶対に読むべき１０の記事をご紹介する。 １．WordPres
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
3 Cool Techniques For Your Next Web Design Project
2017年3月27日 CSS, jQuery, Webサイト制作 Webデザインの勉強を始めたという方によく質問されるのが、「どうやって勉強すればいいですか？」。私はWeb制作の学校の学生だった頃から実践しているふたつの事があります。素敵だなって思えるWebサイトを見つけたら、どのように作られているのか自分なりに分析してみること。そしてそこで使われている技を実際に試してみること。そこで今日は最近見かけた素敵Webサイトと、そのサイトで使われていた技術を解説してみたいと思います！ ↑私が10年以上利用している会計ソフト！ 準備：分析＆実践に役立つツール Chrome、Safariなら付属のデベロッパーツール ChromeとSafariならブラウザーにはじめからデベロッパーツールなる開発のためのツールがついています。私が愛用しているのはこのツール。表示しているWebページのHTMLやCSSが確
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スキャンした下絵や線画から1クリックで主線を抽出するPhotoshopのアクション -Lineart Separate
新着記事
今朝「熱が39度でたので、（会社を）休みます。」と言って仮病が成功したのはいいのですが、上司から「明日病院の診断書を持ってこ... - Yahoo!知恵袋
新着記事
html5-memo.com
神垣あゆみ著『考えすぎて書けない人のための１分間メール術』読者限定特典
iPhoneに溜まった大量のメールを一瞬で既読にする方法 | ライフハッカー・ジャパン
