t_moriのブックマーク - はてなブックマーク

CSSで組んだドロップダウンメニューとスライドメニューを両立させたレスポンシブなメニューの作り方【コピペでOK】 - Yukihy Life
以前、メニューバーをトグルメニューと両立してレスポンシブスタイルにするカスタムを書きました。 www.yukihy.com トグルメニューは、ボタンを押すと上下にスライドするようなものでしたが、　現在このブログでやっているみたいに、横からのスライドにして、なおかつPC版では子メニューも設定できるようにしてみたいと思います！カスタマイズを行う際は、必ず以前のコードをメモ帳などにバックアップをとっておくようにしてください。実装図注意点カスタマイズ CSS HTML&jQuery HTMLにリンクを入れるその他のカスタマイズ色を変えるグローバルメニューの横幅を変えたいグローバルメニューとトグルメニューの変えるタイミングを変えたいまとめ実装図完成図はこんな感じです。ブラウザのサイズが広いときには、子メニューまで出せれる一般的なグローバルメニューで、ブラウザサイズが狭くなると
t_mori 2016/02/15
css
リンク
Evernote整理術&活用法　整理しやすい環境づくりでマメじゃなくてもでもできる活用方法 - Yukihy Life
今年の春にMacを買ってから、一番使ってきたアプリがEvernoteです。ただEvernoteって高機能すぎるんですよね。高機能すぎて、結局は整理できないみたいなことが起こりがちで、実際僕もノートを一回削除したりしました。 Evernote整理術のようなものもググってみましたが、めちゃくちゃマメさが必要じゃないですか‥。そこで、まめでもない僕でもEvernoteをどんなふうに使っているのかを、連載てきな感じで数回に分けて書いてみたいと思います。連載の内容は Evernoteを整理して管理できる仕組み作り（今回はここ！） Evernoteでタグを使ったおすすめの整理術&活用法 - Yukihy Life Evernoteでブログを書く利点とEvernoteを使ったブログの書き方 - Yukihy Life Evernote小技集・他とのサービス連携などちょっとした工夫で圧倒的に使いやす
t_mori 2015/12/13
evernote
リンク
短期間である程度までjQueryができるようになる独学Webデザイン勉強法を書いてみる - Yukihy Life
HTML、CSSの勉強法を以前書きました。 www.yukihy.com この記事を書いたあと、jQueryに挑戦をして、まだまだ完璧ではないものの実際にこのはてなブログを通して、いろんなブログパーツのようなものを作ることができました。そこで、jQueryを勉強するとき、効率良く身につけられる方法を書いていきたいと思います。僕自身いろんな本やツールに手を出しながら進めてきたので、実際に下の通りに行ったわけではありませんが、もう一度勉強しなおすとしたらこういったようにやるなといった感じです。それではレッツゴー！ jQueryを身につけるための最短ステップステップ１　Progateで手を動かしながら学ぶステップ２　平行してWebデザインレシピの記事を読むステップ３　ドットインストールで総復習&補完ステップ４　書籍を参考に実際に作ってみる作りながら学ぶjQueryデザインの教科書
t_mori 2015/10/09
リンク
1