9 Awesome Gmail Features You Probably Don't Use
Everyone loves Gmail, right? It's one of the best email services, it's completely free, and it works like a dream. But you'll be surprised how little of Gmail's plethora of features you are actually using. Good old Gmail got a few exciting new features recently, but that's only the tip of the iceberg. Several cool things in Gmail have existed for a long time without anyone bothering to use them. L
jQueryでthisの子要素を取得するやり方いろいろ | Base Views
公開 2010年6月6日（日） 更新日 2014年8月18日（月） スポンサーリンク jQueryを使っていて、thisとその子要素を同時に指定したい場合がある。 結構いろんなやり方があるみたいで、取りあえず使いやすそうなので下の3通り。 $("hoge",this) $(this).children("hoge") $(this).find("hoge") 一番上がシンプルでいいかと思うんですが、取得したいthis直下の要素名をthisの手前に書くんですね… 使いどころは多そうですが、例えば下みたいなの。「Click1」をクリックしたらその直下の<div>が隠れるようにしたい場合とか。 <ul> <li>Click1 <div> <h2>Menu1</h2> <p>text1</p> </div> </li> <li>Click2 <div> <li>Menu2</li> <li>tex
デザインのこつが分かる！確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips
デザインのこつが分かる！確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips
少しのコードで実装可能な20のWordPress小技集
少しのコードで実装可能な20のWordPress小技集CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います！基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫！みなさんのサイトに合わせてカスタマイズしてくださいね！ 1. カスタムメニューの設置カスタムメニューを使えるように設定しておくと、管理画面からドラッグ＆ドロップでメニューの追加や配置変更ができてとっても便利。私の場合必ず利用する機能のひとつです。 まずは functions.php に以下のコードを追加して、カスタムメニューを使えるようにします。functions.php がテーマフォルダ内にない場合は新規作成してください。 add_theme_support( 'menus' ); 続いて管理
【Mac ショートカットまとめ】作業効率を上げるショートカットと設定 | Ledge.ai
ども、ゆうせいです。実はワタクシ、タイピングのスピードにはそこそこ自信があったりするのですが、どうも作業効率が上がらないと悩んでおりました。 で、気がつきました。キーボードから手を離していることが効率を下げていると。つまり、マウスやトラックパッドを使うためにキーボードから手を離す。そしてまたキーボードに戻る。この一連の動作が恐ろしく無駄を生んでいるわけです。 というわけで今回は、できるだけキーボードから手を離さないことで、作業効率を激アップさせるショートカットキーについてお伝えします。 基本の出来ないものが応用を語るなかれまずはおさらいも兼ねて基本のショートカットから。とは言っても厳選して紹介します。 隠す、閉じる、終わらせる⌘ command+H選択中のウィンドウ（アプリ）を隠す ⌘ command+Wウィンドウを閉じる ⌘ command+Qアプリを終了する いろんなアプリ共通で使える
今日からさっそくやってみよう！食費をググーンと減らす節約術
いよいよ消費税増税が始まるので家計の見直しをしてる人も多いんじゃないでしょうか。そんな家計を見直す上で、まず取り組みたいのが食費の節約ですよね。基本的に食費というのは、料理レパートリーがあればあるほど抑えれるものなので色々とチェックしてみてください。 安い食材を上手に活用しよう 食費を節約するためにはまず自炊をすることが必須。さらに食材も安くてボリュームたっぷりなものを選んでいけば、一ヶ月の食費をググーンと減らせるはず！ちなみにクックパッドの調査によると、食費節約のために活用したい食材1位はもやし、2位は豆腐、3位は鶏むね肉となっているようです。そんなわけでこれらの食材を使ったレシピ集はこちらで。 どれだけ食べても財布にやさしい！「もやし」節約レシピ http://m3q.jp/t/280 こんなに柔らかくなるの！？驚くほどおいしい「鶏胸肉」の極上レシピ http://m3q.jp/t/1
JavaScriptのコーディングTips集 - 主に言語とシステム開発に関して
JavaScriptのプログラミングに関するTips集。 主に中級レベルの話題とノウハウを掲載する。 なお，JavaScript初級〜中級をクイズ形式で網羅的に学習するためには，下記のエントリを参照。 JavaScriptの動かないコード (JavaScriptエラー集) http://language-and-engineering.hatenablog.jp/entry/20080912/1221297779 ※JavaScript以外のプログラミングについては，こちらを参照。 ピュアJSを極める： JavaScriptで，クラスを継承する方法 （複数のサブクラスから共通クラスのプロトタイプを参照する） JavaScriptでの例外設計 （throw，try-catch-finally構文のイメージと利用パターン） JavaScriptで，動的に追加されたイベントリスナの実行順序を保
iOSでこんなアプリ,こんな機能を作りたかったらこれを見ろ！作りたいアプリに対応するクラス、フレームワーク、ライブラリのまとめ！ - Qiita
###画像を表示しようとしたら遅いよ！ 外部データを取ってきて表示するときにまずはまるのが画像の処理だと思います。非同期で必ず処理しましょう。 画像の非同期ロードはライブラリを使った方が早いと思います。 ###ヘッダーやフッタをつけたいよ！ tableView.tableHeaderView tableView.tableFooterView に突っ込む方法を書いてあるのが多いんですが、今回はもっと簡単な方法としてStoryboardなどでこれらのビューを直接突っ込んで管理できるのでおすすめ。 テーブルビューの上や下にUIViewをドラッグすると UIViewをIB上で直接追加できます。 後はIBでレイアウトをくめばok ##使用するクラス、フレームワーク、ライブラリ ###ビュー UITableViewController https://developer.apple.com/libr
個別のHTML, CSS, JS, PHPを追加・管理できるプラグイン -CSS & JavaScript Toolbox | コリス
WordPressで特定のページだけ個別のスタイルシートやスクリプトを使いたい！ しかも1ページだけでも複数のページにも適用する場合がある！ そんな要望を叶えてくれます。 投稿記事、固定ページ、カテゴリページ、カスタム投稿記事に、個別のHTML, CSS, JavaScript, PHPのコードを追加でき、一元管理もできるプラグインを紹介します。 CSS & JavaScript Toolbox CSS & JavaScript Toolbox -WP Plugin Directory 以前、紹介したCustom CSS and JSは記事や固定ページごとにそれぞれ個別のCSS, JavaScriptの外部ファイルやコードを追加できるプラグインで、これは手軽に利用できて便利ですが、今回紹介するのはそれより高機能。 まずは、その画面をご紹介。 当ブログにインストールした画面です。 左パネルで
Kindleをパソコンで読む！Kindle for PC 日本語版もどき。 | 八咫烏
ﾇｹﾐﾁε=(ﾟ谷ﾟ*)ﾀﾊｰｯ!! って事で前々からPCでKindle本が読めたらどんなに幸せかと思っていたんですが(おい、お客さん仕事中に読むなよ？ｗ)、英語版しか今の所対応しておらず困っていた所で、良いの見つけたので紹介します！ 答えはBlueStacksという会社のApp Playerというソフトを使ってAndroid版のKindle公式アプリをPCで立ち上げるです！本当に素晴らしいソフトに出会えた！ App Playerをインストールする App Playerはパソコン上でAndroidアプリを動かせるようになる神ソフトです！ 上のは公式サイトのスクリーンショットですが、トップページにダウンロードリンクがあります。Windows版、Mac版どちらもありますのでそれぞれダウンロードしてインストールしましょう！ はい→コンティテニューと進むと上の画面が出てきます。インストール前に3
Fancybox（ver.1）で設定できるオプションまとめ│JavaScript│グラビカ学習帳～ホームページ制作会社 gravity works（グラビティ・ワークス）の備忘録と知識の共有と蓄積
LightBox風に画像やswf、webページなどのコンテンツを表示できる jQuery Pluginの1つとしてFancyboxがありますが、 オプションを日本語でまとめているサイトが見当たらなかったので 自分用に翻訳してみたものをメモしておこうと思います。 (2016.7.19) 訳せてないものは原文入れました。 以下、すべてではないですが（おまけに空白もあります） このようなオプションがあります。
40分かかる作業が3分で終わる！Photoshopの神ワザまとめ | Find Job ! Startup
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
jQueryプラグインを使わずに自前カルーセルパネルを導入してみる | 1：n – DETELU Blog
カルーセルパネル系のjQueryプラグインはかなり数が多いのですが、今回はjQuery本体のみ利用しプラグインを利用せず自作してみます。CSSとJavascriptを数行書き換えるだけで横型、縦型の２つが作れます。 プラグインを使わずにカルーセルパネル 横型 プラグインを使わずにカルーセルパネル 縦型 ではでは横型のカルーセルパネルを作っていきます。まずはHTML、CSSでカルーセルパネルの表示部分をつくります。内容を表示させるボックスを指定して、その中にリスト横並びに並べることにしましょう。両端にはリストを動かすボタン（「id=prev」「id=next」）を置き、これはCSSで配置を制御します。で、できたものは下記↓。 プラグインを使わずにカルーセルパネル HTML、CSSのみ ■HTML <div id="carouselwrap"> <div id="prev" class="hi
一歩進んだHTML/CSS/JSを目指すために | 1000ch.net
2013/08/01 一歩進んだHTML/CSS/JSを目指すために 「なんとなく書きたくないけど、どう意識してコーディングしていけばいいのかわからない…。」 それを解消するためのツールがありますので、紹介します。 HTMLInspector philipwalton/html-inspector Introducing HTML Inspector こちらはHTMLを解析して悪いところを指摘してくれるツール。 たぶんガイドラインとかそれぞれあると思いますが、基本的にはコレに沿ってもいいかと。 スクリプトを差し込んで、実行すると、指摘事項がconsoleに出力されます。 githubのリポジトリからダウンロードするか、bowerで落としてくるか。 bower install html-inspector 次に、解析したいページに以下のコードを埋め込みます。 <script s
Photoshopで文字をよりシャープにクリアに見せるこつ -1px未満のこだわり
dribbbleに投稿されたデザインで、コメントのやり取りがちょっと興味深いものなので紹介します。 簡単に意訳すると、 ビジター「デザインきれいだな、文字周りの処理に秘訣とかあるの？」 オーナー「文字をクリアにみせるために、Photoshopでこういう風にやってるよ。」 という感じです。
オンマウスでふんわり現れる！CSS3を使った吹き出しサンプル5つ
タイトルの通りですが、アイコンの上にマウスを乗せると吹き出しが現れるサンプルを紹介します。今回は現れる動きが違うサンプルを5つ用意しましたので、気に入ったものがあればうれしいです。 Chrome、Firefoxの最新バージョンやIE10だとすべてのサンプルが動きます。CSS3のtransitionやrotateが使えないブラウザでも機能的には問題はないと思います。opacityが使えないIE8以下はちょっと厳しいですが、最後に少し対応法を紹介します。 では、一番上のサンプルを解説します。 HTML まずはHTMLから。 Home Twitter Facebook RSS Setting a要素がアイコンで、span要素が吹き出しです。アイコンはWebフォントで表示します。 続いてCSSです。いつも通りまずは全部載せます。 @font-face { font-family: 'typicon
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Ngi-d.net
3streamer.net