Foundation 割と好きめのハマチです。 多機能過ぎて取っ付きにくい印象の Foundation でしたが、その全てを使いきらなくても十分便利でしたので数回に分けてかじっていこうと思います。 Foundation の準備 Foundation があればなんでもいいですが、今回は私がいつも開発用に使っている gulp-web-starter を使ったサンプルで紹介します。このサンプルは Shell Script が動く環境 sass > 3.4 sass-globbing node.js > 0.12.0 npm > 2.7.3 bower > 1.3.12 があれば上手く行くと思います。また、この記事が書かれた時点での Foundation のバージョンは5.5.1です。 Foundation の利用方法はいくつかありますが、この例では Bower を使った方法になります。 まずは

Gitでやらかした時に使える19個の奥義を書いてやらかしたときになんとかリカバリできるようにした。 今回は、そもそもやらかさないようにしたいよねっていうお話。 コミット編 .gitignoreを細かく指定しておく .gitignoreを指定しておけば余計なファイルをコミットしちゃうことを予防できます 過去に似たようなプロジェクトがあるのならそれを流用しましょう。 ないのであれば.gitignore.ioで生成してそれをカスタムしましょう。 ワイルドカード指定やディレクトリまるごとの指定は副作用ある可能性があるので慎重に。 コミットメッセージのフォーマットを決めておく コミットメッセージのフォーマットを決めておけば書き直したいということも減ります コミットメッセージをやらかして直したいと思うことはよくあります。 そういうのって案外コミットメッセージが自由すぎることが問題だったりします。 ある

どうもどうもお久しぶりでございます、EXP の Hinotan です。私の前回の記事の日付を見てみたら、なんと１年も前だったんですね―。こりゃイカン！ ということで、今回は EXP の WordPress オリジナルテーマ開発で各制作フローごとに使用した技術・ツールなどの紹介をしたいと思います。 目次 チーム開発で必要なドキュメントの策定: GitHub Wiki デザイン: Sketch Page と Artboard の機能 ダミー画像の生成もプラグインでらくらく 環境構築 GitHub Flow でチーム開発 開発マシン: vccw gulp でビルドとコンパイル コーディング Jade でプロトタイピング BEM に準拠した CSS 設計 CSS フレームワークの foundation を Sass でカスタマイズ _s ベースで WordPress へ組み込み 最後に 1. チー

お久しぶりです。 コハダことムススこと清野です。 よっぽどの物好きで毎日WP-Eを見ていた方はお気付きになったかもしれませんが、この度『EXP』に改名しました！ WordPressのコミュニティメンバーからなるWP-Dがウェブ制作のノウハウや知識共有の為に先日開催された、”WP-D Fes”にてサイトのリニューアルと共に正式名称を発表させていただきました。 当サイトのAboutページに”EXP”の名前の由来などが記載されているので、ご覧いただけたら幸いです。 About | EXP – クリエイティブな事をはじめた(い)全ての人達へ まずは声を大にして言わせていただきたい。 サービスや商品、チームの名称に(仮)は使ってはダメだ！！ WP-Dの発起人でもあるメガネこと大串さんに「100記事までは誰も見てくれないよ」とアドバイスを頂いたので、「ならば100記事まではひたすらアウトプットをして、

「今夜も俺のインデックスが加速するッ！」大人気Webコンテンツの沈黙のWebマーケティングが、実写化フリー写真素材でぱくたそとコラボレーション！鍛えぬかれた肉体を持つ世界最強の「Webマーケッター」ボーン・片桐と、悪徳SEO会社ガイルマーケティングの遠藤が繰り広げるシチュエーションは、権威あるWeb担当者にとって使わざるを得ない素材となっています。 数多のWebサイトを救ってきた伝説のWebマーケッター「ボーン・片桐」が活躍するストーリーを通じて、Webマーケティングの基本や考え方を学ぶことができます。解説記事ではSEOの現在の潮流をはじめ、Googleウェブマスターツールの活用術、Twitterをはじめとしたソーシャルメディアの効果的な運用法、コンテンツマーケティングの極意などの理解を深めることで、施策の「基本と本質」が身につきます。 ［Web版］沈黙のWebマーケティングを読む ［書籍

【書評】いちばんやさしいWordPressの教本 人気講師が教える本格Webサイトの作り方 第2版 WordPress 4.x対応 みなさま、こんにちは！ WP-Eたまご こと、@makiko_olです！ あけましておめでとうございます。 今年もWP-Eを何卒宜しくお願い致します。 今回はWP-Eメンバー宛に「いちばんやさしいWordPressの教本 人気講師が教える本格Webサイトの作り方 第2版 WordPress 4.x対応」を戴きましたので、自身の勉強も合わせて書評をお送り致します。 2013年11月1日に「いちばんやさしい WordPress の教本 人気講師が教える本格Webサイトの作り方」として第1版が出版。 私個人もそちらで学習をさせて頂いておりましたが、今回、2014年11月21日に第2版が出版され、今更ながらではございますが、第1版と照らし合わせてどのように変わったかな

何処かで聞いたことのあるタイトルですか? 気のせいです。Web 制作業3年目のぼくが2014年に取り入れてよかったあれこれリストアップしてみます。残念ながら2014年の最新はこれだ! という感じにはならず以前からあるものが殆どになりましたが、2014年と共に水に流して頂きますようお願いします。 BEM https://bem.info/ 最初の拒絶反応から一転、もう BEM 無しに CSS 設計はできなくなりました。BEM の思想に対して記述の方式は色々ありますが、ぼくは block__element--modifier と接続する MindBEMding の書き方をしています。 Template engine (Jade) http://jade-lang.com/ 静的サイトや CMS サイトのプロトタイプモデルとして html を 生成する際に重宝しています。ぼくは Jade を使用

サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます本記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。

Sublime Text 3 has a lot of features and shortcuts for the modern coder to play with. Let’s take a look at the most important which I think will boost your workflow to a new level. Learn how to use basic shortcuts, work with projects or handle tabs often without even clicking your mouse. Working With Projects I know plenty of developers who don’t use this awesome feature. What’s your typical proce

後藤賢司 東京と大分を拠点として全国的に活動しています。出版社、デザイン会社、Web制作会社、企画・マーケティング会社での経験を生かし、媒体にとらわれない提案・企画・設計が得意です。自社メディア運営によるノウハウを持ち、様々な視点を活用した提案をしております。よつばデザイン（後藤賢司）は、中小企業庁「中小企業・小規模事業者ワンストップ総合支援事業（ミラサポ）」の派遣専門家として認定を受けたり、大分商工会議所が主催する「大分商工会議所ビジネスなんでも応援隊」のサポートメンバーとして、中小企業様の経営課題や広告・看板・宣伝ツール・Webサイトなどのプロモーション相談を受けております。 その他、WordPressの勉強会を主催したり、Webやデザイン系のセミナーで登壇しています。すみだクリエイターズクラブ、CPIエバンジェリスト。和菓子（あんこ）好き。 よつばデザイン よつば手帖（ブログ） CO

みなさま、こんにちは！ WP-Eたまご こと、@makiko_olです！ お久しぶりですね。 皆さん忘れてませんか？ 今回はWordPress初心者の私が「WordPressプロフェッショナル養成読本」を読んだので、その書評をつらつらと。。 こちらの著者の中にはWP-Eメンバーであるジャスティス岡本さんや、WordPressコミュニティでお会いさせて 頂いている直子さん、後藤さん、染谷さんなど蒼々たるメンバーが！！ こういう共著となる本はその人の人柄も見えてきたりするので、読んでいて楽しいと感じるんですよね！ ちなみにどれくらいの初心者レベルかというとこんな感じ。 参考になるかしら？w ・普段はWebディレクターとしてブラウザとExcelに触れる毎日 ・Bootstrapを使ってサイト構築はできる・・かも ・WordPressのインストールはできる ・基本テーマを利用しているがちょっとくら

イギリスで働くデザイナーFabio Basileさんが来日し、Dribbble仲間の弊社デザイナー貫井に会いに来てくれました！Fabioさんは、日本が大好きなデザイナーで、dribbbleには16,000人ものフォロワーがいます。 今回は、制作フローやクライアントとの付き合いかたなど、大変ためになるお話を伺うことができましたのでインタビューにまとめました！ Fabio Basileさんってどんなデザイナー？ Fabio Basileさんはイタリア生まれのフリーランスのデザイナーです。彼のデザインはMashableや、TechCrunch、New York Timesに取り上げられています!Fabioさんはグラフィックのデザイナーであり、Brotherhoodというデザインスタジオを二人でやっていてハードウェアのデザインも手がけています。 ▲BrotherhoodのApple WATCHはs

Today we're going to be stepping through a really cool technique you can use to create an effect that's a little bit like parallax scrolling, yet doesn't need any JavaScript; it can be achieved very simply through pure CSS. Start by checking out the live demo to see what you're going to learn (you'll need to view on a desktop/laptop to see the effect). This technique could be used to create great

年間270万人が受験するTOEICは、外資系企業への就職・転職にはもちろん、日本でも多くの会社が社員教育の一環としてTOEIC受験を義務付けているほどの必須スキルとなっています。中には「最低でも600点はないと課長に上がれない」 という会社もあるほどです。 そこで、SchooのTOEIC対策授業の中から、短期間でしっかりと結果を出すための授業ラインアップを用意しました。 また、TOEICだけでなく、日常表現の中で求められる英語思考の授業など、バラエティあふれる授業も開講されていますので、ぜひお時間を見つけて受講してみてください。 ■満点ホルダーに学ぶ！TOEICのニガテ克服 【TOEIC超入門】満点取得者が語る魅力＆24回受けて学んだ時短テク レベル別対策！HUMMER式TOEICの壁克服法＆英会話習得法 ■TOEICの基礎力を身に付け、まずは500点を目指そう Globic Japan

SaCSS vol.60 「あなたも出版できる!? 編集者と著者にきく、本を書くために必要なこと」 参加者募集開始！ そろそろ札幌は雪の季節ですね、また半年間雪の季節かと思うと少し憂鬱です。 雪が降ってもSaCSSは開催しますよ！ そんな11月のSaCSSは編集者と書籍出版経験者の著者をお招きしての内容をお送りいたします！ 60回目のSaCSS！これまでとは少し違う内容ですが、その分ワクワクする内容でお送りします。参加するみなさんも本を書けるかも！？ SaCSS vol.60 – connpass SaCSS 参加申込

サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます本記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

SVG MANIAX Ver.2 - Mars vanilla 2014年10月23日に高円寺こけむさズで行なわれたSVG勉強会 ハッシュタグ : #marsvanilla