タグ

ブックマーク / webimemo.com (12)

  • 「春っぽいデザインにして!」と言われた時に参考にしたい華やかデザインと桜の無料素材まとめ

    寒い冬が終わり、ついに花で溢れる春がやってきました! ワクテカしながら春に関するデザインや素材を集めたので、今日はそれをまとめてご紹介したいと思います。 春デザインの参考画像 バナー・メインビジュアルなどで、春っぽいあしらいのものを集めてみました。 コードアワード コードアワード ピンクのベタ塗り背景に桜の花びらを散らしています。今をときめくフラットな感じの仕上がり。 minne 【締切りました!】「minneマルシェ in 門司港グランマーケット2015春」出展作家さま大募集! | ハンドメイドマーケットminneお知らせブログ イラスト内に桜の木と花びらを配置したデザイン。春カラーの「グリーン×ピンク」とマルシェ(フランス)カラー「ブルー×レッド×ホワイト」が絶妙にマッチしています。 脱毛なら脱毛サロンのエピレ|epiler【公式】 脱毛なら脱毛サロンのエピレ|epiler【公式】 切

    「春っぽいデザインにして!」と言われた時に参考にしたい華やかデザインと桜の無料素材まとめ
  • 左が過去で右が未来…?ページ送りの正しい方向とは?WEB屋のみなさんに聞いてみました

    ブログって、ページ送りがついてますよね。一覧にも、記事詳細にも。先日気付いたのですが、 記事一覧のページ送りは『右』にいくほど過去になって、詳細ページは『左』にいくほど過去になるサイトが多いのです。 これって何か変じゃない?という疑問をWEB屋の皆さんにぶつけてみましたので、いただいた回答をまとめます。 何が言いたいか よくあるページ送りはこんな感じなんです。 記事一覧のページ送り 記事詳細のページ送り 仮に最新の記事の詳細とします。『次』にあたる記事がない場合こんな感じになっています。 記事一覧は右に行くほど過去なのに、詳細に入ったときにページ送りの方向が変わるのが何か気持ち悪いなぁという事なのです。 (ちなみに、説明上『前の記事』『次の記事』というボタンを置いていますが、普段は記事タイトルを表示させています) 記事詳細のしっくり来るページ送り こっちの方が矛盾がないというか、しっくり来

    左が過去で右が未来…?ページ送りの正しい方向とは?WEB屋のみなさんに聞いてみました
    magpepen
    magpepen 2014/06/09
    単純に本のページをめくる感覚で行くと横書きの場合左が前で右が次のほうが自然かな…って考えてた。いろんな考え方があるなぁ
  • [アプリ]注目の記事をまとめ読みできるiPhoneアプリ『FeedDrop』をリリースしました[作ってみた]

    こんにちは、霙(@xxmiz0rexx)です! 最近ロクにブログも書かずに何をしていたかと言いますと、水面下でいろいろな事に首を突っ込んで活動をしておりました。その中の1つを日発表させて頂きます :) ユニットを組んで、iPhoneアプリを共同開発しました!! 自由大学でiOSアプリの作り方を学んでから半年ほどが経過したでしょうか。 作る作ると言って全然X-Codeを起動する時間もなく年を越してしまったとある冬の日、 友人のデベロッパーさんと打ち合わせ後にアプリの話になったのがキッカケになりました。 「一緒になにか作りたいよね」 「いいね!おもしろそう!!」 「……じゃあいつやるか?」 「「今でしょ!!!!!」」 という会話があったかなかったかは置いておいてw やるなら今!!ってことで、そこから約1ヶ月ほどでアプリが完成いたしました :) アプリ名はFeedDrop(フィードロップ) 雨

    [アプリ]注目の記事をまとめ読みできるiPhoneアプリ『FeedDrop』をリリースしました[作ってみた]
    magpepen
    magpepen 2013/03/19
    入れてみました。ブクマのテストも兼ねて。
  • 備忘録:LINEで送るボタンの設置方法。aタグにはターゲット指定を。

    最近公式にリリースされたLINEで送るボタンについてちょっと仕事で調べる機会があったので今後のためにメモします。 公式の設置方法|LINEで送るボタン にて記述例をコピペしたところ何やら変な動き? 記事上でLINEで送るボタンを押すと当然アプリが立ち上がるんですが、 LINEでの共有が終わったあとブラウザに戻ると、そこにはLINEのサイトが開かれていました。 まぁ何も不思議なことではなくて、公式にも ボタンタップ後、LINEが起動する前にWebブラウザが表示されます。 とあるようにそういう仕様なので、LINEで送るボタンのaタグにtarget=”_blank”を指定してあげればとりあえずはOKです。 記述例 Webサイトの場合 <a href="http://line.naver.jp/R/msg/text/?LINE%E3%81%A7%E9%80%81%E3%82%8B%0D%0Ahtt

    備忘録:LINEで送るボタンの設置方法。aタグにはターゲット指定を。
  • メインマシンをWindowsからMacにした時に教えてもらった「Macではこれできないの?」→「できるよ」Tips

    2011年7月にMacBook Airを購入して約1年半。 職場でもメインPCWindowsからMacにして頂けたこともあって 段々と扱いに慣れてきた霙(@xxmiz0rexx)です。 今回はそんな私の「Windowsでできたアレ、Macではできないの??」 という購入当初の疑問とその答えをまとめます。 まだMacに慣れていない人、もしくはこれから購入を考えている人はチェックしてみてください! 1.保存しますか?「はい」「いいえ」をキーボードで WindowsではYとNでできたアレ。Macではどちらのキーを押してもうんともすんとも言いません。 おまけにタブキーを押しても無反応。 解決法 Macにもショートカットキーがありました! 保存しない→⌘D キャンセル→esc 保存する→return これずっと悩んでいたので解決した時のスッキリ感がやばかったw 例えるなら「スゲーッ 爽やかな気分だ

    メインマシンをWindowsからMacにした時に教えてもらった「Macではこれできないの?」→「できるよ」Tips
  • せっかく購入したCodaをちゃんと使うために準備したものと覚えておきたいショートカットキー21個のメモ

    去年MacBookAIRを購入してから、念願だったMac専用のwebオーサリングツール『Coda』をインストールしたんですが、 DWとの違いにかなり戸惑ってしまいあまり使いこなせていなかった霙(@xxmiz0rexx)です。 使い方さえ覚えてしまえばさらに快適なコーディングライフを送れると思うので、機会を作ってちゃんと覚えてみようと思い記事にしました。 プラグインを入れて快適に使う まずはCodaの環境を整えます。DWではpタグやhタグなどはショートカットキーで挿入していたので、 まったく同じキーではないにしても同じような事ができないかと思い探したところ、Zen-CodingのCoda版プラグインである『TEA for Coda | One Crayon 』を入れれば良いという結論に達しました。 このプラグインを入れておけば、例えばpタグやhタグ、strongタグなどを素早く挿入することが

    せっかく購入したCodaをちゃんと使うために準備したものと覚えておきたいショートカットキー21個のメモ
  • WordPress管理画面にオリジナルメニューを追加した時の手順メモ

    前回もちらっとメモしたんですが、 もっと具体的な内容も覚えておきたいので改めて実際のコードとともに手順をメモしたいと思います。 オリジナルの管理画面を用意しておくと、クライアントさんがサイトの更新を行う場合に安心して更新をお任せできますw ゴールはこれ。 不要なダッシュボードウィジェット、左メニューなどをすべて非表示にし、 オリジナルで用意したヘッダー&メニューを差し込みます。 デフォルトの管理画面は高機能な分、メニューがずらーーーっと並んでおり WEBに詳しくない方にとっては何が何だか分からないものですからね。 ここは一思いにばっさりと切り捨て、クライアント専用にやさしいシンプルな見た目の管理画面を用意してあげることで 大幅に間違いが減りますし、説明の時間も短縮できると考えてます。 ちなみに、上記キャプチャに表示されているメモは『Headache With Pictures』というプラグ

    WordPress管理画面にオリジナルメニューを追加した時の手順メモ
  • 良質なワイヤーフレームを超簡単に製作できるFireworks拡張機能『Placeholder』がめちゃめちゃ便利!!

    フリーランスでWEB製作をされている@sou_labさんから ドラッグ&ドロップするだけでサイズ表記付きの良質なワイヤーフレームが作れてしまう 超便利なFW拡張機能の存在を教えて頂き、実際に使ってみたのでご紹介したいと思います。 FW持ってるけど使ったことない・・という方にも是非読んでいただきたい記事です!! ワイヤーフレームとは デザインにとりかかる前にサイトの骨組みを視覚化し、 要素の漏れを防いだり、全体のイメージを掴むために用意するものですよね。 実はわたしは今まで作ったことがなかったのですが、 しっかり骨組みをしておけばデザイン時・コーディング時の作業がスムーズに進みますし、作っておいて損はないモノですね。 Placeholderとは そんなワイヤーフレームですが、自分用ならともかく クライアントさんにお見せする場合は、要素ごとにwidthやheightの数値なども記載してあった方

    良質なワイヤーフレームを超簡単に製作できるFireworks拡張機能『Placeholder』がめちゃめちゃ便利!!
  • ポラロイドってどうしてこんなに可愛いの…!Instagram用素材でブログを飾ろう!

    撮った写真をその場でトイカメラ風に加工できる大人気アプリ「Instagram」。 せっかく撮ったその写真、アプリ内だけで終了させちゃっていませんか? それだけじゃあ勿体ないので、ブログに飾りましょう!!Instagramの写真をまとめて飾っておくだけですっごく絵になりますし、 今回オシャレに飾れるベクター素材を作りましたので、これはもう飾らない手はないです!! Instagramってなあに Instagram 1.8.6(無料) カテゴリ: 写真, ソーシャルネットワーキング 販売元: Burbn, Inc. – Burbn, inc.(サイズ: 6.7 MB) 全てのバージョンの評価: (18,104件の評価) 撮った写真を即座にアレンジ→SNSに投稿ができる無料のiPhoneアプリ! 共有の対象は以下のとおり。 Instagram Twitter Facebook E-mail Fli

    ポラロイドってどうしてこんなに可愛いの…!Instagram用素材でブログを飾ろう!
  • 思ったよりカンタンでした!アプリで作るfacebookページ+参考デザインの紹介

    ついに、当ブログもFacebookページを作ってみました・・! 小難しそうだなぁと敬遠していたのですが、 よいアプリを見つけ、htmlを書かずに、画像を用意するだけでウェルカムページまで作ることが出来ました!! 「なんか面倒そうで用意してない・・」というブロガーさんは是非、このアプリを使って作ってみてはいかがでしょうか?Facebookページは作ったけどウェルカムページがない!という方にもおすすめです! 以下の記事に、ブロガーさんがFacebookページを作ったほうが良い理由が熱く語られていました! ブログをお持ちの方で、まだFacebookページを作っていない方は一度目を通してみてください( b・`∀・´) 参考:ブログを書いている人は Facebook ページ(ファンページ)を作るべき: Facebookのここが好き–その2 | iPhone 研究室(iPadもね) アプリを使ったFa

    思ったよりカンタンでした!アプリで作るfacebookページ+参考デザインの紹介
  • 不動産サイトのWEBデザインで一番大事なことは | ウェビメモ

    最近、とあることから不動産サイトを眺める機会が増え、不動産サイトとは何たるかを悶々と考えています。 おもに不動産売買、不動産投資についてのサイトをよく見てるんですが、デザインするにあたり どんな要素が必要なのか、構成にルールはあるのか、気になったので自分用にまとめてみました。 一番大事なのは「雰囲気をつくること」 高額な商品を扱う不動産サイト。 やはりそれ相応のふさわしい雰囲気を創り出す必要があると思うんです。 私が特に気を付けたいと思ったのは以下の3つ。 その1:安心感 もうこれはお客さまがいる時点で絶対条件でしょうけれど、 不動産投資のサイトって一歩間違えるととても胡散臭くなるので、扱う文章などにも気を付けたいところですね。 その2:シンプル 不動産購入をする方・投資をする方は、若者よりもある程度年齢を重ねられたお客さまの方がはるかに多いですよね。 購入物件の情報はどこから見る事ができ

    不動産サイトのWEBデザインで一番大事なことは | ウェビメモ
  • WP-Post Viewsの記事タイトルの下に記事の紹介文を表示させてみよう!

    こんにちは、霙です。 突然ですが、私はWordPressプラグインのWP-PostViews を使ってサイドバーに人気記事を表示しています。先日タイトルと閲覧数の表示だけじゃ物足りなくなり少し手を加えてみたので、 今回は具体的にどんな設定をしたのかメモしておこうと思います:D 表示させたい項目 いくら「人気記事です!」と書いてあったとしても、何についての記事なのか タイトルだけでは伝わらない事もありますし、簡単な紹介文が合った方が記事を読んで頂ける確率も上がると思うのです。 そこで、私がサイドバーに表示させたかったのが以下の4項目。 記事タイトル(自動) 記事の閲覧数(自動) 記事の簡単な紹介文 はてなブックマーク数 記事タイトルと閲覧数はプラグインの機能で既に表示される状態になっているので、 実際作業するのは残りの2つ。 はてブ数も先日ご紹介した方法を応用するだけなので、残る問題は記事の

    WP-Post Viewsの記事タイトルの下に記事の紹介文を表示させてみよう!
    magpepen
    magpepen 2011/06/23
    サブタイトルいいすね
  • 1