トレンドをうまく取り入れ、デザインの細部まで徹底的にこだわり、気持ちのいいインタラクションとアイデア満載のUIを備えた素晴らしいウェブサイトを紹介します。 時間のある時に、じっくり楽しんでください!
![Web制作者はチェックしておきたい、面白いアイデアを使った最近のWebサイトのまとめ -2015年2月](https://cdn-ak-scissors.b.st-hatena.com/image/square/c2f4034e6a852fb5874dbdff0f5a46a2683c7b70/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015022601-01.png)
トレンドをうまく取り入れ、デザインの細部まで徹底的にこだわり、気持ちのいいインタラクションとアイデア満載のUIを備えた素晴らしいウェブサイトを紹介します。 時間のある時に、じっくり楽しんでください!
投稿ページや固定ページに直接phpコードが書けるプラグイン「Exec-PHP」は、セキュリティ面に問題があるようなので使わない方が良い。しかし、phpコードを投稿ページや固定ページに書きたい時が出てくるので、外部のphpファイルをインクルードする方法があったので書いたコードのメモ書きです。 [adsense] 投稿ページや固定ページ内にPHPファイルをインクルードするコード function.phpに下記のコードを追加してショートコードを使って実現する。 [crayon] /* 記事内にphpファイルをインクルード */ function Include_my_php($params = array()) { extract(shortcode_atts(array( ‘file’ => ‘default’ ), $params)); ob_start(); include(get_the
[参考記事] facebook APIを使用する時にfacebook Appsでアプリを登録するまでの流れ [参考記事] PHPでfacebookのフィード(ウォール)に投稿する方法 [参考記事] PHPで複数の画像をfacebookに投稿する方法 [参考記事] PHPでfacebook投稿時に公開範囲を指定する方法 displayパラメータ scopeパラメータ 認証成功時にFacebookクラスで保存されるセッション アクセストークン(Access Token) サンプルコード アクセストークンの有効期限 facebookアプリを使うには、ユーザー側がアプリの認証をする必要があります。 facebookのAPI呼び出しをPHPで行うには、公式のPHP SDKを使うのがいいです。 Facebook for PHP SDK https://developers.facebook.com/d
WordPressこれで学びました WordPressの参考書は、制作ものが多いけど、この本はSEOに特化した割り切りが良い。初めてWordPress導入し、SEO対策をどうしようと悩んでいた時に購入しました。 WordPressは基本的にはSEOに優れたCMSでありますが、能力を最大化するには、パーマリンク等のSEOに適した設定やSE対策のプラグインなどでパワーアップさせる必要があります。読んだ時は、目から鱗が落ちる内容で、当初はそのまま実践してました。 また、WordPressだけでなく、基本的なSEO対策の本として、キーワードやタイトル設定なども勉強になりました。 人気記事 記事一覧を固定ページに簡単表示/WPプラグイン「What’s New Generator」 76,085 views 多機能なリンク集作成/WPプラグイン「Link Library」 50,469 views 画
目次 PHPでファイルの読み書き・掲示板 ファイルの読み込み ファイルの書き込み ファイルの読み書き(ゲストブック) 設定ファイルの読み書き CSVファイルの読み込み テキストエディタの作成 アンケートシステムの作成 掲示板1(シンプル) ファイルに文字列を書き込む ファイルに対する書き込みは、読み込みのような多彩なバリエーションはありません。fopen でファイルをオープンし、fputs または fwrite でファイルに書き込み、fclose でファイルをクローズする、という流れが主なものとなるでしょう。 プログラムの作成 以下のソースを入力してください。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Ty
出産祝いギフトブランドMARLMARL。“まあるい”よだれかけや洋服のようなお食事エプロンなど子どもたちをかわいく見せてくれるアイテムをそろえています。熨斗(のし)風デザインのラッピング、名入れ刺繍サービスなど出産祝いにピッタリ。 MARLMARLの代表とは地元が一緒と言うこともあり、元々知り合いでした。10年以上前はよく顔を合わせていましたが、それぞれが互いの道に進み、連絡先も分からないまま8年が過ぎました。ある日、フェイスブックで彼を見つけ、連絡を取るようになりました。 そんなある日、「ブランドを立ち上げたいんだよね。」と彼から言われました。私はその時、ちょうど独立したばかりだったため、「ホームページを作ろうか?SEOもやるよ。」といった感じで話は始まりました。 2.ホームページ制作とSEO まずホームページを作るところから始まりました。MARLMARL側としては元々インターネットの重
UXに力をいれていきたいと考えているWeb制作者は多いと思います。 Webサイトのユーザエクスペリエンスを向上させるために必要なタスクが理解でき、見積もりも作成できるUX Recipeを紹介します。 最終成果物だけでなく、必要な途中のプロセスもドキュメント化などすることで、クライアントからの正当な評価もいただけます。 UXのプロセスを洗い出して、見積もり計算 UXのプロセスは7カテゴリに分類されており、案件によって使い分けて的確に利用したいですね。 中の人に許可を頂き、各プロセスを軽く翻訳してみました。 bA時代は大きいプロジェクトのリーダーや見積もり作成もしていたので、その時の目線でひと言コメントも添えてみました。※フリーランス目線ではないです。 Planning -準備はプロジェクトの要 ここは全項目、必須と言えます。プロジェクトは小さくても大きくても準備が肝心! Expert Rev
デザイナーのありさんです。 LIGが運営しているWebクリエイタースクール「デジタルハリウッドSTUDIO by LIG」で、授業の講師を担当することがあります。今回は、デザインを勉強している受講生さんに個人的におすすめしているデザインの勉強に役立つ本を25冊ご紹介します! 同じジャンルの本を1冊ではなく何冊も読むと、同じことをいろいろな切り口で説明してもらえている気がして理解が深まります。なのでいつも本はいっぱい買っちゃう派です(笑)。そのなかでも初級〜中級者の方向けにおすすめの本をピックアップしています。 独学でつまずいていませんか? Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめ
数多くのブログで2015年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 注目すべきキーワードは、Material Designの本格始動、マイクロデザイン、スクロールコンテンツ、スマフォ・タブレットユーザーの更なる増加、そしてHTML/CSSのフレームワークの陰り。 写真:re:splashed 2015年、現在のWebデザインを確認しながらこれからのトレンドを探る 2015年、Web制作業界全体の流れ 2015年にあなたが目にするWebデザインのトレンド 2015年に大きく変化するウェブデザインの10の傾向 2014年のトレンドで良かったもの、ダメだったもの モバイルデザインに向けたWebデザインの7つの戦略 2015年、IT系で求められているスキル 2015年、現在のWebデザインを確認しながらこれからのトレンドを探る
2014年、デザインやコンセプトが素晴らしかったWebサイトのまとめ -Best Website Designs of the Year 2014
大規模サイトから個人のポートフォリオやブログまで、さまざまなデザインをサポートするための汎用性に優れたアーキテクチャで設計されたCSSのフレームワーク「Skyline」を紹介します。 Skyline Skyline -GitHub Skylineでは気になるCSSのテクニックがたくさん使われています。 classの命名にはBEM、リセットにはnormalize.css、印刷にはHTML5 Boilerplate、コンポーネントのアイデアはBootstrap、そしてSCSSで書かれたオブジェクト指向のCSSです。 「BEM」とは、ブロック(Block)、エレメント(Element)、モディファイア(Modifier)の頭文字をとったもので、各要素を3つのどれかに必ず属するものとして考えます。 例えば、ページにはヘッダ・コンテンツ・フッタのブロックがあり、ヘッダブロックにはロゴ・メニュー・検索
どうも、やなぎさわです。やたらクオリティが高い素材サイトを偶然見つけました。質感のある写真素材〜iPhoneなどのモックアップ画像、Photoshopのエフェクト、ブラシ、さらには、Illustratorデータのロゴやテンプレートなどの素材が詰まっているサイトです。 そのサイトの名は「Dealjumbo.com」といいます。有料素材もありますが、無料で配布している素材も多く、デザイナーさんやそうでない方でも資料や、参考イメージなんかに使えると思いますので、そちらをご紹介します。 無料の素材数は、現在約200個あり、どんどん増加しているようです。 では、実際にそのサイト内にはどのような素材があるのか見てみましょう。 ぜひ覗いてほしいサイト「Dealjumbo.com」 TOPページでは、早速素材の値段などがでていますが、無料でゲットできるのは、メニューバーにある、「Freebies」からいけ
スティーブ・ジョブズがAppleを追い出されたあとに設立したNeXT社。1991年に社内向けに行ったプレゼンにおいて、新しい市場を“プロ市場”と定義し、競合に勝つためにどういったマーケティングを行うべきかについて語っている。 本当の顧客が誰かわからない時代 スティーブ・ジョブズ氏:私の名前を知らない人たちもいると思うので、自己紹介させていただきます。スティーブ・ジョブズです。 これからやるのは、今年一緒にやろうと思っている数ある講義のうちの、1番最初のものになる。テーマはとても重要な内容で、誰が私たちの顧客なのか? なぜ顧客たちは競合他社ではなく私たちの商品を選ぶのか? 顧客に届くまでにどの流通経路を私たちは使うのか? ということについてこれから話させてもらいます。 私たちの商品を顧客がどのように使っているのか。幸運なことに、あなたたちのような同僚と一緒に多くの顧客に会って、私たちの企業の
ここまでは、ただ記述したプログラムを順番に実行するだけのサンプルでしたが、プログラムというのはもちろんそんなに単純なものではありません。 汎用性の高い処理は、ひとつの塊にして、いつでもどこからでも呼び出せるようにする工夫が必要です。そのために用意されているのが「関数」です。 Swiftでは、多用される処理は関数として定義し、呼び出すことができます。これは以下のような形で記述します。 func 関数名 ( 引数の指定 ) -> 返値 { ……実行する処理…… return 値 } 関数名の後に()で引数の指定を記述します。この引数は、「変数名 : タイプ」というように、名前とタイプをセットで記述します。複数の引数がある場合は、カンマで区切って記述します。 ->の後には、その関数の返値のタイプを記述します。値を返さない場合には、「Void」を指定してください。あるいは返値の指定を省略しても自動
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く