Webcreativepark - blog.webcreativepark.net - to-R
General Information:
Latest News:
FacebookがWebサイトへの埋め込み機能を提供 22 Aug 2013 | 10:13 am
FacebookがWebサイトへの埋め込み機能を提供しました。 公開設定になっている投稿をWebサイトにとりこんで表示することができます。 例えば、このFacebookへの投稿をページ内に読み込むと以下のように表示されるようになります。 投稿 by 西畑 一馬. 取り込み方は簡単で、投稿の右上の矢印アイコンをクリックすると「埋め込み投稿」のリンクが表示され、これをクリックするとページ内に埋...
Source MapでSass/Compassを簡単にCSSをデバッグする 21 Aug 2013 | 10:53 pm
Sassはα版が公開されている3.3.0からSource Mapに対応しています。このSource Mapを利用するとCSSのデバッグや開発を簡単にしてくれるのでその方法を紹介します。 Sass/Compassで作成したCSSをGoogle Chromeのインスペクタで確認しようとすると以下のように対応するCSSファイルの行数が表示されます。 これでは何行目のScssファイルをいじったらよいか...
ローカルのWebサイトを確認する方法 6 Aug 2013 | 08:17 am
ローカルのWebサイトを作成している際に確認するTIPSをいくつかご紹介します。 解説はMacのみですが、Windowsでも足りないソフトをインストールすればできると思います。 まずは、 たとえば以下のようなディレクトリで作業していてindex.htmlを確認したいとします。 普通にやるとブラウザのアドレスバーに以下のURLを入力するとブラウザでindex.htmlが確認できます。 fi...
ローカルのWebサイトを確認する方法 6 Aug 2013 | 08:17 am
ローカルのWebサイトを作成している際に確認するTIPSをいくつかご紹介します。 解説はMacのみですが、Windowsでも足りないソフトをインストールすればできると思います。 まずは、 たとえば以下のようなディレクトリで作業していてindex.htmlを確認したいとします。 普通にやるとブラウザのアドレスバーに以下のURLを入力するとブラウザでindex.htmlが確認できます。 fi...
Android、iPhoneではbutton要素にtext-overflow:ellipsisが適応されない 27 Jul 2013 | 11:02 pm
お仕事でちょっとハマったので共有です。Android、iPhoneではbutton要素にtext-overflow:ellipsisが適応されません。 次のようなCSSを適応した場合、iPhone(iOS4-6)、Android(Android4.12)ではp要素はtext-overflow:ellipsisが適応されていますが、button要素にはtext-overflow:ellipsisが...
Android、iPhoneではbutton要素にtext-overflow:ellipsisが適応されない 27 Jul 2013 | 11:02 pm
お仕事でちょっとハマったので共有です。Android、iPhoneではbutton要素にtext-overflow:ellipsisが適応されません。 次のようなCSSを適応した場合、iPhone(iOS4-6)、Android(Android4.12)ではp要素はtext-overflow:ellipsisが適応されていますが、button要素にはtext-overflow:ellipsisが...
jQuery Mobile 1.4.0ではフラットデザインが採用 26 Jul 2013 | 10:13 pm
jQuery Mobileの新しいバージョン、jQuery Mobile 1.4.0のAlpha版がリリースされました。 SVGアイコンの採用や、jQuery UIからいくつかのウィジェットが採用されるなど大幅にパワーアップされていますが、一番の大きな改善はテーマの一新です。 これまで、5種類のスマホライクなテーマがデフォルトで提供されていましたが、jQuery Mobile 1.4.0ではフ...
jQuery Mobile 1.4.0ではフラットデザインが採用 26 Jul 2013 | 10:13 pm
jQuery Mobileの新しいバージョン、jQuery Mobile 1.4.0のAlpha版がリリースされました。 SVGアイコンの採用や、jQuery UIからいくつかのウィジェットが採用されるなど大幅にパワーアップされていますが、一番の大きな改善はテーマの一新です。 これまで、5種類のスマホライクなテーマがデフォルトで提供されていましたが、jQuery Mobile 1.4.0ではフ...
スマホでリンクを示す矢印アイコンの名称 23 Jul 2013 | 09:23 pm
CSS3で実現するアローアイコンでスマホでリンクを示す矢印アイコンの名称を聞いたところいくつかご意見をいただきました。 また、わたしの調べたものも合わせてまとめています。 Chevron はてブでいただいた意見です。 調べたところChevronはV型や逆V型を示す単語。 Carat jQuery UIで利用されているクラス名。Caratとは角ばった形状の事です。 参考:Icons |...
スマホでリンクを示す矢印アイコンの名称 23 Jul 2013 | 09:23 pm
CSS3で実現するアローアイコンでスマホでリンクを示す矢印アイコンの名称を聞いたところいくつかご意見をいただきました。 また、わたしの調べたものも合わせてまとめています。 Chevron はてブでいただいた意見です。 調べたところChevronはV型や逆V型を示す単語。 Carat jQuery UIで利用されているクラス名。Caratとは角ばった形状の事です。 参考:Icons |...