「のきあさんみたいなイラレ使いになりたい！」とは思えど 高価なソフトにすぐ手は出せない…そんな人は体験版！ 30日間使えるIllustratorの体験版でのきあさんの素材を どこまでアレコレできたりするのか！というのをご本人がレクチャーしてくださいました。 また、こういう作業をこなすうちに自動的にイラレの使い方なんかもわかったりしていきます。 続きを読む

この記事は賞味期限切れです。（更新から1年が経過しています） 既に広く知られているであろう、IE9.jsは、 新旧IEの差異を（出来るだけ）埋めてくれる素晴らしいスクリプトです。 今日のお話は、IE9.jsで実現出来るシンプルなclearfixと、 このスクリプトで実際どんな恩恵が受けられるかの備忘録です。 cf) ie7-js – Project Hosting on Google Code シンプルになったclearfix 念の為スクリプトのロードも記載しておきます。 IE用の条件分岐コメントを外すと他のブラウザでエラーが出ますのでご注意を。 （これも内部で条件分岐して頂けると大変幸せだなぁ） <!--[if lt IE 9]> <script src="http://ie7-js.googlecode.com/svn/trunk/lib/IE9.js"></script> <![en

14のjQueryベストプラクティス 原文:14 Helpful jQuery Tricks, Notes, and Best Practices 良かったので翻訳してみました。かなりの意訳で、上手に訳せてない箇所も多いので詳しくは原文を参照してください。 1.メソッドはjQueryオブジェクトを返す ほとんどのメソッドがjQueryオブジェクトを返すのが重要です。 これにより次のようなメソッドチェーンが可能になっています。 $someDiv .attr('class', 'someClass') .hide() .html('new stuff'); jQueryオブジェクトを返すのがわかっていれば次のように分割して書くことも出来ます。 var someDiv = $('#someDiv'); someDiv.hide(); 次のように一行で書くことも出来ます。 var someDiv

Evernote使えてますか？ ものぐさな私はEvernoteをあまり使っていません。記事や写真をマメにクリップしたり、タグで細かく管理するのが面倒なのです。何となく便利そうだけど使い方が分からないEvernote。同じような思いを持っている方は多いのではないでしょうか。 ただ、Evernoteには全文検索という魅力的な機能があります。全文検索とはEvernoteに保存したクリップのタイトルだけではなく、内容まで検索できる機能です。しかもEvernoteは過去の全てのクリップに対して検索をかける事が可能です。Googleで検索する際に「Twitter　iPhone」というキーワードを入力すると、「iPhone」と「Twitter」の両方が含まれた記事がヒットしますよね。このand検索がEvernoteでも利用できます。これがEvernoteの最大の魅力だと思います。更にタグなどで細かく管理

最近ちょっと興味があったZen-Codingがvimでも出来るというプラグインがあったので試してみた。 Zen-Codingってのはプログラマが使うエディタについてるスニペット入力みたいな感じでHTMLがサクサク書けるようになるライブラリ。スニペットのHTML特化版。 CSSセレクタのような記法なので普段からWebの開発に関わってる人なら簡単に体得できると思う。 単体のエディタではなくプラグイン形式になっていて色々なエディタやIDEで使えるというのもいいところ。詳しくは下記サイトを参照。 zen-coding - Set of plugins for HTML and CSS hi-speed coding http://code.google.com/p/zen-coding/ vimプラグインはこっち。 Sparkup http://github.com/rstacruz/sparku

ドットインストール代表のライフハックブログ

続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった（というか全然知らなくてちょっとびびった）ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。（#fooをとるとより高速） 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して

2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね！ 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox

revenue-hack 31歳のWeb歴8年以上のフリーランスエンジニア。 プログラミングやエンジニアを目指そうとしてる初心者向けに、現役エンジニアとして勉強法などを発信。 副業も年間300万稼いでいて、プログラミングを教えたり、ブログ発信で収益化。 AWS SAA保持者。 Twitterでは主にブログやSEO、プログラミングに関して情報発信しています。

iPhoneのシェアプレイ（SharePlay）でドライブを楽しく！ 車内での接続とApple Musicの再生方法